Gabriel Spitz What Is The User Interface Design

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

Gabriel Spitz Today What is the User Interface and Usability Why worry about the User Interface The cost of poor user interface 2

Gabriel Spitz What is the user Interface 3

Gabriel Spitz 4

Gabriel Spitz What is the User Interface (UI) A user interface is the meeting point between a user and a computer program It is the means and methods by which a user utilizes a specific application to achieve a goal for which the application was designed for and the user wants to achieve 5

Gabriel Spitz Good User Interface is an interface that is designed in a way that when using it the user will walk away with a positive User Experience The process of designing an interface that will result in a good experience is called User Centered Design 6

Gabriel Spitz What is User Centered Design It is a design philosophy focused on meeting user's needs It is a Structured Process aimed at creating desirable products It is a set of techniques that we use when aiming to develop a useful and usable products 7

Gabriel Spitz Usable User Interface Usable User interface is an Interface that meet the 5 E’s of a delightful product Easy to learn Efficient Effective Engaging Error tolerant 8

Gabriel Spitz Making it Usable Designing usable products is based on observing and understanding Human Behavior A UI that is: Engaging Effective And maybe Error Tolerant 9

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

Gabriel Spitz UI Example Watch Note the elements of the UI Controls Displays Procedure Guidance-labels 11

Gabriel Spitz UI Example Telephone Note the elements of the UI Controls Displays Procedure Guidance-labels 12

Gabriel Spitz UI Example Car Control Note the elements of the UI Controls Displays Procedure Guidance-labels 13

Gabriel Spitz UI Example Kiosk Note the elements of the UI Controls Displays Procedure Guidance-labels 14

Gabriel Spitz Imortance of the User Interface 15

Gabriel Spitz For Many the UI is the Product For most non-technical folks the UI is the product People use a products because of the functionality it provide People love a product because of the experience that emerges from using it 16

Gabriel Spitz It Exposes the Value of the Product Communicate to the user what can be done Communicate to users how it should be done Enable the user to perform specific tasks Enable the user to acquire specific information Promote a positive experience Promote satisfaction 17

Gabriel Spitz It shapes User Opinion The “quality” of the interface design directly drives: user attitude and feelings User satisfaction user performance safety Poor user interface can have serious consequences 18

Gabriel Spitz Cost of poor User Interface 19

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

Gabriel Spitz Poor UI – Can Ruin Dinner Poor Mapping 21

Gabriel Spitz Poor UI – Can Ruin a Product Bob Microsoft 1995 Users do not like Anthropomorphism User satisfaction 22

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

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

Gabriel Spitz In Summary 25

Gabriel Spitz Why Usable Interface From a user’s perspective there is no good user interface in the absolute sense only with respect to its usage An interface is bad or good to the extent that it hinders or supports users in performing a specific task in a specific environment Poor interface = Poor product/application 26

Gabriel Spitz What is a Good Interface An Interface that Enable users to achieve their intentions Easy to learn Efficient- Performance speed and errors Effective – Easy to use Error tolerant Engaging 27