What Is The User Interface Design Gabriel Spitz1 Lecture # 2.

Slides:



Advertisements
Similar presentations
Structured Design The Structured Design Approach (also called Layered Approach) focuses on the conceptual and physical level. As discussed earlier: Conceptual.
Advertisements

Interaction Techniques Level 2 Prepared by: RHR First Prepared on: Nov 23, 2006 Last Modified on: Quality checked by: MOH Copyright 2004 Asia Pacific Institute.
Map of Human Computer Interaction
What Is The User Interface Design Lecture # 2 Gabriel Spitz 1.
1 CS 501 Spring 2002 CS 501: Software Engineering Lecture 11 Designing for Usability I.
Deconstructing Reminders Gabriel Spitz. How do we think about the User-Interface in a Systematic way.
© De Montfort University, Characteristics of Good Dialogues Howell Istance Department of Computer Science De Montfort University.
User Interface Design Yonsei University 2 nd Semester, 2013 Sanghyun Park.
Representation at the Interface Gabriel Spitz 1 Lecture #13.
Design of Everyday Things
SIMS 213: User Interface Design & Development
Instructor: Vincent Duffy, Ph.D. Associate Professor of IE Lecture 8 – Human-Computer Interaction Thurs. Feb. 8, 2007 IE 486 Work Analysis & Design II.
An evaluation framework
Principles and Methods
User interface design Designing effective interfaces for software systems Objectives To suggest some general design principles for user interface design.
Design of Everyday Things Don Norman on Design & HCI.
Usability and Evaluation Dov Te’eni. Figure ‎ 7-2: Attitudes, use, performance and satisfaction AttitudesUsePerformance Satisfaction Perceived usability.
1 User Interface Design CIS 375 Bruce R. Maxim UM-Dearborn.
User Centered Design Lecture # 5 Gabriel Spitz.
User Interface Evaluation CIS 376 Bruce R. Maxim UM-Dearborn.
User Interface Design Process Gabriel Spitz. User-Interface design Steps/Goals Understand who are the users and what do they do Articulate how will users.
User Interface Design Principles Gabriel Spitz 1 Lecture # 4.
User Characteristics & Design Principles Gabriel Spitz 1 Lecture # 11.
User Interface Design Process Lecture # 6. CS Structure  Understand the User Interface  Design the User Interface  Evaluate the User Interface.
Chapter 3 Reference Slide 2 of Lecture 1.  Most products designed without adequate consideration for human factors  Focus is on technology and product.
User Interface Design Process Gabriel Spitz. User-Interface design Steps/Goals.
CS 615 User Interface Design - Overview
Chapter 11: Interaction Styles. Interaction Styles Introduction: Interaction styles are primarily different ways in which a user and computer system can.
What Is Usability? Usability is a quality attribute that assesses how easy Web sites are to use. “Usability" also refers to methods for improving ease-of-use.
User Modeling Lecture # 5 Gabriel Spitz 1. User-Interface design - Steps/Goals.
User Modeling 1 Lecture # 7 Gabriel Spitz. Objective of Lecture Why model the user How do we build a user profile How to utilize the user profile 2 Gabriel.
11.10 Human Computer Interface www. ICT-Teacher.com.
Usability. Definition of Usability Usability is a quality attribute that assesses how easy user interfaces are to use. The word "usability" also refers.
Software Evaluation Catherine McKeveney Medical Informatics 1st March 2000.
COSC 3461: Module 1 S04 Introduction to Interaction & Principles of Design I.
Object-Oriented Software Engineering Practical Software Development using UML and Java Chapter 7: Focusing on Users and Their Tasks.
CS CS 5150 Software Engineering Lecture 11 Usability 1.
Design of Everyday Things. Grade summaries Assignments 1-4 (out of 10) P0 (out of 10) P1 group grade (out of 100) P1 individual grade (out of 50) Midterm.
Human Computer Interaction
Software Architecture
What Is The User Interface Design Lecture # 1 Gabriel Spitz 1.
CS 615 User Interface Design - Overview Lecture # 1 Gabriel Spitz 1.
User Modeling Lecture # 7 Gabriel Spitz 1. User Interface Design Process Gabriel Spitz 2 Needs Assessment Competitive Analysis Persona Develop Task Analysis/
Activity Flow Design Gabriel Spitz 1 Lecture # 12 Guiding the flow of activities.
The Structure of the User Interface Lecture # 8 1 Gabriel Spitz.
Gabriel Spitz 1. Light Switch Issues  Consistency – The switch design is inconsistent with common light switches  Visibility – No visible cue regarding.
Conceptual Model Design Informing the user what to do Lecture # 10 (a) Gabriel Spitz.
User Modeling Lecture # 7 Gabriel Spitz 1. User Interface Design Process Gabriel Spitz 2 Needs Assessment Competitive Analysis Persona Develop Task Analysis/
Task Analysis Lecture # 8 Gabriel Spitz 1. Key Points  Task Analysis is a critical element of UI Design  It describes what is a user doing or will.
Task Analysis Lecture # 8 Gabriel Spitz 1. Key Points  Task Analysis is a critical element of UI Design  It specifies what functions the user will need.
The Structure of the User Interface Lecture # 2 Gabriel Spitz.
User Interface Design Process Gabriel Spitz. Today  Understand the User Interface Design process  Gather info for designing a user interface for a vending.
What Is The User Interface Design Lecture # 1 Gabriel Spitz 1.
1 CS 501 Spring 2003 CS 501: Software Engineering Lecture 13 Usability 1.
Metaphors Informing the user what to do Lecture 10 Gabriel Spitz 1.
Conceptual Model Design Informing the user what to do Lecture # 10 (b) Gabriel Spitz.
How do people use an Interface Gabriel Spitz 1. User Interface Design?  Design is solving a problem  Design is creating an object or the means to enable.
What Is The User Interface Design Lecture # 1 Gabriel Spitz 1.
Introduction to Human Factors in Information Systems Dr. Cindy Corritore Creighton University ITM 734 Fall 2005.
The Structure of the User Interface Lecture # 9 Gabriel Spitz.
Conceptual Model Design Informing the user what to do Lecture 10a Gabriel Spitz 1.
6. (supplemental) User Interface Design. User Interface Design System users often judge a system by its interface rather than its functionality A poorly.
What Do We Mean by Usability?
Digital media & interaction design
Activity Flow Design - or - Organizing the users’ Work
Unit 2 User Interface Design.
Software engineering USER INTERFACE DESIGN.
Saul Greenberg Human Computer Interaction Presented by: Kaldybaeva A., Aidynova E., 112 group Teacher: Zhabay B. University of International Relations.
Human Computer Interaction
Map of Human Computer Interaction
Presentation transcript:

What Is The User Interface Design Gabriel Spitz1 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: 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 2

Example of User Interfaces Gabriel Spitz 3

What is included in the User Interface 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 4

User Interface Design Gabriel Spitz UI Scope Concept Activity Flow Representation Presentation Needs Experience Predictability Convenience Efficiency Personal Trust Human Task Expectation s Usefulness

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 6

7 Controls Displays Procedure Guidance-labels UI Example Watch

UI Example Gabriel Spitz 8 Telephone Controls Displays Procedure Guidance- labels

UI Example Gabriel Spitz 9 Controls Displays Procedure Guidance-labels

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

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

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

Poor Interface – Can Ruin your Dinner Gabriel Spitz 13 Poor Mapping

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

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

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

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 17

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 way An interface is considered usable if it: Helps user achieve their goal Easy to learn Easy to use – e.g., recall vs. recognition, simple Facilitates performance – speed, errors Fun to use These aspects of the interface are also called Usability Indicators Gabriel Spitz 18

Usability of an Airline Kiosk Key usability indicators Goal achievement – to obtain a boarding pass (but sometimes to get onto an earlier flight) Learning - no learning required Ease 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 Gabriel Spitz 19