We think you have liked this presentation. If you wish to download it, please recommend it to your friends in any social system. Share buttons are a little bit lower. Thank you!
Presentation is loading. Please wait.
Published byZander Hannis
Modified about 1 year ago
User-Centred Design: Design Principles (lecture-4) Prof. Dr. Matthias Rauterberg Faculty Industrial Design Technical University of Eindhoven firstname.lastname@example.org
© M. Rauterberg, TU/e2 The first most important invariant horizon –the horizon is always lighter than the ground ground –the ground is always darker than the horizon
© M. Rauterberg, TU/e3 The second most important invariant The Top –All good, strong and important things are at the top (e.g., God in heaven, the king, the boss, etc.). The Bottom –All small, weak and unimportant things are at the bottom line.
© M. Rauterberg, TU/e4 Limits of the Working Memory working memory –remember time < 5 sec –about 5-9 chunks –masking –interferences long-term memory –no capacity limits
© M. Rauterberg, TU/e5 Knowledge in the World and in the Head
© M. Rauterberg, TU/e6 The Difference between Internal and External Memory the mental model of the user about the external world is always incomplete all necessary information which is not in the internal memory must be provided by the environment (the “external memory”)
© M. Rauterberg, TU/e7 The Concept of Natural Mappings Definition [see Norman, D., 1988, p. 75ff]: –A design solution based on a natural mappings reduces the need for additional explanatory information in memory! –Natural mappings guarantee a minimum number of cognitive transformation steps. –If a design depends upon labels, it may be faulty. Labels are important and often necessary, but the appropriate use of natural mappings can minimize the need for them. Wherever labels seem necessary, consider another design!
© M. Rauterberg, TU/e8 Design of Light Switch Panels (1) Problem: –no direct mapping between switches and corresponding lamps
© M. Rauterberg, TU/e9 Design of Light Switch Panels (2)
© M. Rauterberg, TU/e10 Corrective Design (1) Problem: –sliding door can damage the open petrol flap
© M. Rauterberg, TU/e11 Corrective Design (2) Solution: –extra bar to lock the sliding door
© M. Rauterberg, TU/e12 Design of Door Handles
© M. Rauterberg, TU/e13 Design of Shower Faucets Natural mapping: –hot water left side or RED –cold water right side or BLUE Un-natural mapping: –something else (see figure)
© M. Rauterberg, TU/e14 Natural Mapping (1)
© M. Rauterberg, TU/e15 Natural Mapping (2)
© M. Rauterberg, TU/e16 Double Design Water-tap with –normal screw caps plus –infrared sensor for automatic opening
© M. Rauterberg, TU/e17
© M. Rauterberg, TU/e18 The most important design principle Perception Space –The physical space where the user’s attention is. Action Space –The physical space where the user acts in. Design Principle: –perception space and action space must coincide!
© M. Rauterberg, TU/e19 Design of Stove Controls (1)
© M. Rauterberg, TU/e20 Design of Stove Controls (2)
© M. Rauterberg, TU/e21 Interactive Directness: the desktop example Pull down menus Toolbar
© M. Rauterberg, TU/e22 action space perception space
© M. Rauterberg, TU/e23 Head-up Displays in Cars More information and less distraction Information on the state of the road, on the speed of the vehicle in front (supplied by the intelligent cruise control), on obstacles lying around the next bend in the road identified by the remote detection system, or direction arrows sent by the driver guidance system... drivers will be receiving more and more information from "intelligent" vehicle systems. Although the information is intended to enhance safe driving, there is a danger that an abundance of information may produce the opposite effect if driver glance-away time has to increase in order to apprehend the data.
© M. Rauterberg, TU/e24 Electronic Performance Support System Food processing plant worker with a first-generation prototype wearable computer. Possible applications include support for quality control data collection or assistance with environmental auditing. This system gives its users the information the users need to perform a task as they actually perform the task.
© M. Rauterberg, TU/e25 Airline Applications This remarkable ultra-lightweight computer, worn as a belt, delivers maximum information to users with a minimum of work. Designed for individuals who demand mobility, this computer offers voice control and heads up display for complete, hands-free operation. Users can enter or retrieve information while going about their jobs, instead of constantly returning to the shop area to check a stationary computer, or stopping work to punch keys.
© M. Rauterberg, TU/e26 Interlacing display and manipulation spaces Exercise-4: –Design a user interface for a computer system with some of the following components: input devices: joystick, graphic tablet with pen, keyboard, mouse, video camera, touch screen ouput devices: monitor, video projector other components: semitransparent mirrors
© M. Rauterberg, TU/e27 Two design principles for natural user interfaces (NUIs): No technical equipment inside to body space of the user! 2. design principle Perception space and action space must coincide! 1. design principle
© M. Rauterberg, TU/e28
© M. Rauterberg, TU/e29 The Virtual Workbench The KOSIMA project at the TU Aachen
© M. Rauterberg, TU/e30 virtual player real chip virtual chips overhead projector video camera NEW button NUI (1): The Digital Playing Desk
© M. Rauterberg, TU/e31 Digital Playing Desk: Playing time per game
© M. Rauterberg, TU/e32 Digital Playing Desk: winning chance per dialog technique computer win remis user win Cell Line Chart for "winning chance" Grouping Variable(s): Interface type Error Bars: ± 1 Standard Deviation(s) CIMITIDPD P<.001P<.080P<.020 P<.802 P<.001 P<.007
© M. Rauterberg, TU/e33 NUI (2): a team oriented planning tool
© M. Rauterberg, TU/e34 NUI (2): The Build-It System
© M. Rauterberg, TU/e35 Build-It System: the interaction handler
© M. Rauterberg, TU/e36 BUILD-IT: an integrative design tool design team with different domain knowledge unconstrained social interaction integration of form and content intuitive interaction style
© M. Rauterberg, TU/e37 Actual research goals... hand-written input speech input two-handed interaction new methods and concepts for integrative design
User-System Interaction a challenge for the present and the future Prof. dr. Matthias Rauterberg IPO Center for User-System Interaction Eindhoven University.
User-Centered Design Prof. dr. Matthias Rauterberg IPO Center for User-System Interaction TU/e Eindhoven University of Technology.
The Build-It Story Prof. dr. Matthias Rauterberg Faculty Industrial Design TU/e Eindhoven University of Technology.
Human-Computer Interaction - how to acquire design knowledge - Prof. dr. Matthias Rauterberg Faculty of Industrial Design Technical University Eindhoven.
The Next Generation of Interactive Systems Prof. dr. Matthias Rauterberg Faculty of Industrial Design Technical University Eindhoven The Netherlands.
Interaction Design Buttons Prof. Dr. Matthias Rauterberg Faculty Industrial Design Technical University Eindhoven 04-DEC-2004.
Human-Computer Interaction - user’s knowledge structure - Prof. dr. Matthias Rauterberg Faculty of Technology Management Technical University Eindhoven.
By: Reem Hasayen. Main vocabulary : 1.Desktop. 2.Laptop 3.Macintosh. 4.Mainframes 5.Personal Computers (PC) 6.Personal digital assistant (PDA) or Penbook.
College of Education 103 Conference Room The Multimedia Podium.
GCSE Information Technology Input Devices and Methods 3 Manual input devices are used by people to enter data by hand. Keyboard Pointing devices Joystick.
Intermediate GNVQ ICT Input Devices and Methods Manual input devices are used by people to enter data by hand. Keyboard Pointing devices Joystick Digital.
Input Devices Input Devices Examples of Input Devices Examples of Input Devices Keyboard Keyboard Pointing Devices Pointing Devices Mouse Joystick.
PROCESSORBacking Storage Main Memory Output Devices Input Devices.
Computer Terminologies and Concepts COMPUTER HARDWARE TECHNOLOGY F 1020.
Virtual Reality Lecture2. Some VR Systems & Applications 고려대학교 그래픽스 연구실.
1 King ABDUL AZIZ University Faculty Of Computing and Information Technology CS 454 Computer graphicsIntroduction Dr. Eng. Farag Elnagahy
GCSE Information Technology Input Devices and Methods Objectives: To understand what input devices are. Identify their individual uses Be able to.
Instructions To start a new game, click the “Start New Game” button. To reset the game in order to change the Answers and Questions on each slide, as.
Systems Analysis and Design in a Changing World, 6th Edition 1 Chapter 7.
Introduction What is Driverless Car ? History Component Action Technology Advantages Disadvantages Conclusion Reference.
Instructional E-Classroom Instructional Guide Seneca College, Audio-Visual Services.
AUDIO VISUAL TRAINING Bruce Hall-Smart Class. SMART CLASS EQUIPMENT Smart Class LCD Projector/Built In Screen Control Panel Credenza (DVD/VCR & P.C. inside)
COMPUTERS: TOOLS FOR AN INFORMATION AGE Chapter 5 Input and Output.
Main Computer Components. Computer Components The five main computer components are: Central Processing Unit (CPU) Monitor Keyboard Mouse Printer.
SIMS 213: User Interface Design & Development Marti Hearst Tues, Feb 10, 2004.
3 Levels of Interaction Basic User Tasks Intermediate User Tasks Advanced User Tasks.
Lecture Input Devices Keyboard. Mouse Microphone Digital Camera Scanner.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Feb 10, 2005.
1.00 Describe the purpose, components, and use of a computer system. Unit Objectives:
11.10 Human Computer Interface www. ICT-Teacher.com.
Computer Control and Monitoring Today we will look at: What we mean by computer control Examples of computer control Sensors – analogue and digital Sampling.
Is a pointing device that fits comfortably under the palm of your hand.
AUDIO VISUAL TRAINING University Center. BLACK BOX EQUIPMENT IN CLASS University Center LCD Projector/Built In Screen Laptop Connection (VGA Cord) Control.
PRESENTED BY:- P.SREENIVASULU ROLL NO:-12AT5A0420 IV-B.Tech ECE.
P2 – DESCRIBE THE PURPOSE OF DIFFERENT TYPES OF COMPUTER SYSTEMS.
AUDIO VISUAL TRAINING Center for Academic Success.
Using AV Technologies in Lecture Theatres. What is the Crestron? It is a touch screen device used to operate teaching and learning technologies All computing.
CISB213 Human Computer Interaction Design Principles 1.
Digital Technologies in the Classroom Chapter 4 Teaching and Learning with Technology.
Copyright John Wiley & Sons, Inc. Chapter 3 – Interactive Technologies HCI: Developing Effective Organizational Information Systems Dov Te’eni Jane.
Copyright 1999 all rights reserved Select the Proper Kinds of Windows.
User Interface Development Human Interface Devices User Technology User Groups Accessibility.
Introduction to Computer By: Maria Mullen. Objectives Identify and use computer hardware Identify the pieces that make up the desktop Open and close desired.
Computer Training for Elders. We make some assumptions about who you are: ◦ You are interested in using a computer for a few basic tasks (to begin with)
4.03 IT PowerPoint Objective 4.03—Understand Information Technology activities and careers.
Microsoft Visual Basic 2012 CHAPTER TWO Program and Graphical User Interface Design.
User-System Interaction: from gesture to action Prof. dr. Matthias Rauterberg IPO - Center for User-System Interaction TU/e Eindhoven University of Technology.
CSC190 Introduction to Computing Operating Systems and Utility Programs.
Input devices, processing and output devices Hardware Senior I.
© 2017 SlidePlayer.com Inc. All rights reserved.