1. What Is The User Interface Design Lecture # 1 Gabriel Spitz 1

2. 2

3. Why a User Interface  Enable  Enable the user to perform specific tasks  Enable the user to acquire specific information  Communicate  Communicate to the user what has to be done  Communicate to users how it should be done  Promote  Promote a positive experience  Promote satisfaction Gabriel Spitz 3

4. What is the User Interface (UI)  A user interface is the means and methods that we provide to the users to achieve their goal  The user-interface always includes: o A concept of what the user is trying to achieve o A goal o Process or flow - the sequence of steps by which an intent can be achieved o How will it happen o Mechanisms that are used to control and manipulating objects in the work area o In what way o Language, images and controls used in communicating between the user and the application o Using what means Gabriel Spitz 4

5. Example of User Interfaces Gabriel Spitz 5 Guiding User Behavior

6. What is Included in the UI  User Interface includes more than the functionality it offers the user. It also includes  Physical characteristics – Size, resistance  Perceptual/Cognitive characteristics – Color, font size, label, work flow  Conceptual characteristics – What is this like  When designing a user interface we need to consider all of the above aspects Gabriel Spitz 6

7. Interfaces are Everywhere  Interfaces are used in controlling or manipulating  Products – PIM, Cell Phones, Cars, etc.  Applications – Excel, Word, etc.  Our environment – Thermostat, Appliances, etc.  Interfaces are the medium through which the user communicate with the computer application Gabriel Spitz 7

8. 8 Controls Displays Procedure Guidance-labels UI Example Watch

9. UI Example Gabriel Spitz 9 Telephone Controls Displays Procedure Guidance- labels

10. UI Example Gabriel Spitz 10 Controls Displays Procedure Guidance-labels

11. UI Example Gabriel Spitz 11 Kiosk Controls Displays Procedure Guidance- labels

12. Importance of the Interface  The “ quality ” of the interface design directly drives the user experience  user attitude and feelings  User satisfaction  user performance  safety  Poor user interface can have serious consequences Gabriel Spitz 12

13. Poor UI – Can Ruin an Election Gabriel Spitz 13 Florida Ballots (2000) Users could not figure out How to use – Poor mapping between stimulus & response

14. Poor UI – Can Ruin your Dinner Gabriel Spitz 14 Poor Mapping

15. Poor UI – Can Ruin a Product Gabriel Spitz 15 Bob Microsoft 1995 Users simply did not like this interface – User satisfaction

16. Poor UI - Can be a Safety hazard Gabriel Spitz 16 Negative transfer of training resulting in many errors Renault 4 circa 1970

17. Poor UI - Can Ruin a Trip Gabriel Spitz 17 Lavatory sink – It is difficult to use Performance Incompatibility between control design and task

18. The Importance of Usable Interface o From a user ’ s perspective there is no good user interface in the absolute sense only usable and useful interface  An interface is bad or good only to the extent that it hinders or supports users in performing a specific task in a specific environment  Poor interface = Poor product/application Gabriel Spitz 18

19. What is a Usable Interface  Our goal in designing the user interface that the product is Useful, Usable, and Delightful  An Interface is Useful if:  It enable users to achieve their intentions  An interface is considered Usable if it:  Easy to learn  Efficient- Performance speed and errors  Effective – Easy to use  An interface is considered Delightful if:  Fun to use - nice to have, but not critical Gabriel Spitz 19