what is the user interface design
DESCRIPTION
What Is The User Interface Design. Lecture # 2. 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 : A concept of what the user is trying to achieve A goal - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: What Is The User Interface Design](https://reader035.vdocuments.mx/reader035/viewer/2022081520/56816065550346895dcf8e13/html5/thumbnails/1.jpg)
Gabriel Spitz 1
What Is The User Interface Design
Lecture # 2
![Page 2: What Is The User Interface Design](https://reader035.vdocuments.mx/reader035/viewer/2022081520/56816065550346895dcf8e13/html5/thumbnails/2.jpg)
Gabriel Spitz 2
What is the User Interface (UI)A user interface is the means and methods that we provide to the users to achieve their goalThe 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 applicationo Using what means
![Page 3: What Is The User Interface Design](https://reader035.vdocuments.mx/reader035/viewer/2022081520/56816065550346895dcf8e13/html5/thumbnails/3.jpg)
Gabriel Spitz 3
Example of User Interfaces
![Page 4: What Is The User Interface Design](https://reader035.vdocuments.mx/reader035/viewer/2022081520/56816065550346895dcf8e13/html5/thumbnails/4.jpg)
Gabriel Spitz 4
What is included in the User Interface
User Interface includes more than the functionality it offers the user. It also includes
Physical characteristics – Size, resistancePerceptual/Cognitive characteristics – Color, font size, label, work flowConceptual characteristics– What is this like
When designing a user interface we need to consider all of the above aspects
![Page 5: What Is The User Interface Design](https://reader035.vdocuments.mx/reader035/viewer/2022081520/56816065550346895dcf8e13/html5/thumbnails/5.jpg)
Gabriel Spitz
User Interface Design
UI
Scope
Concept
Activity Flow
Representation
Presentation
Needs Experience
Predictability
Convenience
Efficiency
Personal
Trust
Human
Task
Expectations
Usefulness
![Page 6: What Is The User Interface Design](https://reader035.vdocuments.mx/reader035/viewer/2022081520/56816065550346895dcf8e13/html5/thumbnails/6.jpg)
Gabriel Spitz 6
Interfaces are EverywhereInterfaces 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
![Page 7: What Is The User Interface Design](https://reader035.vdocuments.mx/reader035/viewer/2022081520/56816065550346895dcf8e13/html5/thumbnails/7.jpg)
Gabriel Spitz 7
ControlsDisplaysProcedureGuidance-labels
UI Example
Watch
![Page 8: What Is The User Interface Design](https://reader035.vdocuments.mx/reader035/viewer/2022081520/56816065550346895dcf8e13/html5/thumbnails/8.jpg)
Gabriel Spitz 8
UI Example
Telephone
ControlsDisplaysProcedureGuidance-labels
![Page 9: What Is The User Interface Design](https://reader035.vdocuments.mx/reader035/viewer/2022081520/56816065550346895dcf8e13/html5/thumbnails/9.jpg)
Gabriel Spitz 9
UI Example
ControlsDisplaysProcedureGuidance-labels
![Page 10: What Is The User Interface Design](https://reader035.vdocuments.mx/reader035/viewer/2022081520/56816065550346895dcf8e13/html5/thumbnails/10.jpg)
Gabriel Spitz 10
UI Example
KioskControlsDisplaysProcedureGuidance-labels
![Page 11: What Is The User Interface Design](https://reader035.vdocuments.mx/reader035/viewer/2022081520/56816065550346895dcf8e13/html5/thumbnails/11.jpg)
Gabriel Spitz 11
Importance of the Interface
The “quality” of the interface design directly drives the user experience
user attitude and satisfactionuser performancesafety
Poor user interface can have serious consequences
![Page 12: What Is The User Interface Design](https://reader035.vdocuments.mx/reader035/viewer/2022081520/56816065550346895dcf8e13/html5/thumbnails/12.jpg)
Gabriel Spitz 12
Poor Interface – Can Ruin an Election
Florida Ballots (2000)Users could not figure out How to use –Poor mapping between stimulus & response
![Page 13: What Is The User Interface Design](https://reader035.vdocuments.mx/reader035/viewer/2022081520/56816065550346895dcf8e13/html5/thumbnails/13.jpg)
Gabriel Spitz 13
Poor Interface – Can Ruin your Dinner
Poor Mapping
![Page 14: What Is The User Interface Design](https://reader035.vdocuments.mx/reader035/viewer/2022081520/56816065550346895dcf8e13/html5/thumbnails/14.jpg)
Gabriel Spitz 14
Poor Interface – Can Ruin a Product
Bob Microsoft 1995
Users simply did not like this interface –User satisfaction
![Page 15: What Is The User Interface Design](https://reader035.vdocuments.mx/reader035/viewer/2022081520/56816065550346895dcf8e13/html5/thumbnails/15.jpg)
Gabriel Spitz 15
Poor Interface - Can be a Safety hazard
Negative transfer of training resulting in many errors
Renault 4 circa 1970
![Page 16: What Is The User Interface Design](https://reader035.vdocuments.mx/reader035/viewer/2022081520/56816065550346895dcf8e13/html5/thumbnails/16.jpg)
Gabriel Spitz 16
Poor Interface - Can Ruin a Trip
Lavatory sink – It is difficult to use Performance
Incompatibility between control design and task
![Page 17: What Is The User Interface Design](https://reader035.vdocuments.mx/reader035/viewer/2022081520/56816065550346895dcf8e13/html5/thumbnails/17.jpg)
Gabriel Spitz 17
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
![Page 18: What Is The User Interface Design](https://reader035.vdocuments.mx/reader035/viewer/2022081520/56816065550346895dcf8e13/html5/thumbnails/18.jpg)
Gabriel Spitz 18
What is a Usable Interface
Our goal is to design the user interface for products so they enable users to achieve their intentions in an easy and pleasant wayAn interface is considered usable if it:
Helps user achieve their goalEasy to learnEasy to use – e.g., recall vs. recognition, simpleFacilitates performance – speed, errorsFun to use
These aspects of the interface are also called Usability Indicators
![Page 19: What Is The User Interface Design](https://reader035.vdocuments.mx/reader035/viewer/2022081520/56816065550346895dcf8e13/html5/thumbnails/19.jpg)
Gabriel Spitz 19
Usability of an Airline KioskKey usability indicators
Goal achievement – to obtain a boarding pass (but sometimes to get onto an earlier flight)Learning - no learning requiredEase of use – system leads users (hand holding)Performance – not applicable (from passenger perspective)Fun – nice to have, but not critical
Rarely can we maximize all of them