User-Centered Development Methodology A user interface comprises “ those aspects of the system that the user comes in contact with.” ● Moran [1981]

Slides:



Advertisements
Similar presentations
Chapter 5 Development and Evolution of User Interface
Advertisements

User Interface Design CIS 322 Office hours: Tuesday 1-2pm Thursday 12-1pm Room
Chapter 11 Designing the User Interface
Introduction to Computational Linguistics
References Prof. Saul Greenberg, University of Calgary, notes and articles INUSE 6.2 and RESPECT 5.3 Handbook Prof. , University of , Notes and articles.
Ch.6: Requirements Gathering, Storyboarding and Prototyping
1 CS 501 Spring 2002 CS 501: Software Engineering Lecture 11 Designing for Usability I.
Spring /6.831 User Interface Design and Implementation1 Lecture 1: Usability.
Human Computer Interaction
Part 2c: Requirements Chapter 2: How to Gather Requirements: Some Techniques to Use Chapter 3: Finding Out about the Users and the Domain Chapter 4: Finding.
Semester in review. The Final May 7, 6:30pm – 9:45 pm Closed book, ONE PAGE OF NOTES Cumulative Similar format to midterm (probably about 25% longer)
Ch 4 The Process page 1CS 368 Building Software is Difficult often delivered late often over budget always with errors must be a custom solution complexity.
Foundations and Principles of Human Computer Interaction Slide deck by Saul Greenberg. Permission is granted to use this for non-commercial purposes as.
Empirical Methods in Human- Computer Interaction.
Course Wrap-Up IS 485, Professor Matt Thatcher. 2 C.J. Minard ( )
1 Overview of User-Centred Design John T Burns School of Computing (chapter 1: McCracken and Wolfe – User Centred Web Development)
© Lethbridge/Laganière 2001 Chapter 7: Focusing on Users and Their Tasks1 7.1 User Centred Design (UCD) Software development should focus on the needs.
Chapter 1: Introduction to HCICopyright © 2004 by Prentice Hall User-Centered Website Development: A Human- Computer Interaction Approach.
Introduction to HCI Marti Hearst (UCB SIMS) SIMS 213, UI Design & Development January 21, 1999.
What is HCI? CSE/ISE 323 Spring 2011 Tony Scarlatos.
INTRODUCTION. Concepts HCI, CHI Usability User-centered Design (UCD) An approach to design (software, Web, other) that involves the user Interaction Design.
Chapter 13: Designing the User Interface
Usability & Visual Design Krystine Wetherill.  Usability measures the quality of a user's experience when interacting with a product or system—whether.
Web Design Process CMPT 281. Outline How do we know good sites from bad sites? Web design process Class design exercise.
What is HCI? IMD07101: Introduction to Human Computer Interaction Brian Davison 2011/12.
Interaction Design IxD. An Overview The field : Terms, influences, organizations, jobs. More on defining Interaction Design (IxD)? Principles Design activity.
Human Interface Engineering1 Main Title, 60 pt., U/L case LS=.8 lines Introduction to Human Interface Engineering NTU Seminar Amy Ma HIE Global Director.
1. Human – the end-user of a program – the others in the organization Computer – the machine the program runs on – often split between clients & servers.
Chapter 7 Requirement Modeling : Flow, Behaviour, Patterns And WebApps.
Human Computer Interaction Semester 1, 2013/2013.
Lecture 2: Usability, HCI and User-Centered Design Methodology Lecture prepared for Interface Design DMS 546/DMS 446 This lecture is based on chapters.
Gary MarsdenSlide 1University of Cape Town Human-Computer Interaction - 8 Prototyping Gary Marsden ( ) July 2002.
Intro to HCI A HISTORY OF HCI. Agenda  Super Hexagon Challenge  Activity 1 of HCI class  Basic HCI History  Intermission for Stacy’s 230 
Computer –the machine the program runs on –often split between clients & servers Human-Computer Interaction (HCI) Human –the end-user of a program –the.
Design, prototyping and construction CSSE371 Steve Chenoweth and Chandan Rupakheti (Chapter 11- Interaction Design Text)
Introduction to Interactive Media The Interactive Media Development Process.
+ Interaction Design User Centred Design. + Does the Interface Make sense? Characteristics of successful ID Products makes sense to the users when they.
Chapter 1: Introduction to HCICopyright © 2004 by Prentice Hall User-Centered Website Development: A Human- Computer Interaction Approach.
Today Thursday Introduction to HCI and Contextual Design Course Introduction CS 321 Human-Computer Interaction Jerry B. Weinberg Reading: CD: Chapter.
Object-Oriented Software Engineering Practical Software Development using UML and Java Chapter 7: Focusing on Users and Their Tasks.
Chapter 11 Analysis Concepts and Principles
CS 3120 USER INTERFACE DESIGN, IMPLEMENTATION AND EVALUATION (UIDIE) Dr. Ben Schafer
Design Quotes  "The two most important tools an architect has are the eraser in the drawing room and the sledge hammer on the construction site." —Frank.
Designing & Testing Information Systems Notes Information Systems Design & Development: Purpose, features functionality, users & Testing.
Human Computer Interaction
Chapter 9 Prototyping. Objectives  Describe the basic terminology of prototyping  Describe the role and techniques of prototyping  Enable you to produce.
Prototyping What prototyping is The benefits of prototyping Low-fidelity and high-fidelity prototypes, and the advantages of each How to build paper prototypes.
1 Human Computer Interaction Week 7 Prototyping. 2 Introduction Prototyping is a design technique where users can be involved in testing design ideas.
The Role of HCI In IS Curriculum Ping Zhang School of Information Studies Syracuse University AMCIS’03 Panel.
Human Computer Interaction CITB 243 Chapter 1 What is HCI
Mario Čagalj University of Split 2014/15. Human-Computer Interaction (HCI)
Design Process … and some design inspiration. Course ReCap To make you notice interfaces, good and bad – You’ll never look at doors the same way again.
Chapter 1: Introduction to HCICopyright © 2004 by Prentice Hall User-Centered Website Development: A Human- Computer Interaction Approach.
Software Prototyping Rapid software development to validate requirements.
©2001 Southern Illinois University, Edwardsville All rights reserved. CS 321 Human-Computer Interaction Today Course Introduction Wednesday Introduction.
Human Factors An Overview
User Interfaces 4 BTECH: IT WIKI PAGE:
Object-Oriented Software Engineering Practical Software Development using UML and Java Chapter 7: Focusing on Users and Their Tasks.
Introduction to HCI Lecture #1.
Prof. James A. Landay Richard Davis Kate Everitt University of Washington Autumn 2004 UW Undergraduate HCI Projects A CSE 490jl Overview December 9, 2004.
Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN.
Design, prototyping and construction(Chapter 11).
HCC 831 User Interface Design and Evaluation. What is Usability?
Interaction Design IxD
Human-Computer Interaction Introduction to HCI
Usability Techniques Lecture 13.
Copyright © 2004 by Prentice Hall
Fundamentals of Human Computer Interaction (HCI)
Phases of Designing a Website
Presentation transcript:

User-Centered Development Methodology A user interface comprises “ those aspects of the system that the user comes in contact with.” ● Moran [1981]

User-Centered Development Methodology ● Centered on the USER not the Data – Involves users in the whole process – Usability can be quantified =>measured ● Interdisciplinary – Draws from many disciplines ● Highly iterative – Involves repeated testing and revision – Techniques to test and debug interfaces before implementing them

Fields HCI builds upon ● Computer Science – Implementation of website or other interface ● Engineering – Faster, cheaper equipment ● Ergonomics – Design for human factors ● Graphic design – Visual communication ● Technical writing – Textual communication

Fields HCI builds upon ● Linguistics, artificial intelligence – Speech recognition, natural language processing ● Cognitive psychology – Perception, memory, mental models ● Sociology – How people interact in groups ● Anthropology – Study of people in their work settings A highly eclectic field which offers both challenges and satisfactions

User-Centered Methodology ● Initial stages involve gathering of information ● Needs Analysis ● User and task analysis ● Functional analysis ● Requirements analysis ● Setting usability specifications ● Later stages involve designing, building, and testing ● Design ● Prototyping ● Implementation ● Evaluation

Needs analysis ● Summarizes the nature and purpose of the system – Type of system (website, video game, spreadsheet) – People it will serve – Benefits it will provide ● This is normally very brief. Two or three sentences explaining why it is a good idea.

User and task analysis ● User analysis - characterizes those who will use the site: – General considerations (age, education, experience with computers) – Users' experience and expectations ● Task analysis - what users will do – User’s goals - what they want to accomplish – Tasks or activities carried out to achieve the goals

Functional analysis ● Functionality -computer services needed by users – Close correspondence between functions and tasks ● What to automate – on-line reservation or phone call ● Examples: travel site task: “find all flights to xyz, ordered by price” – Needs search function and sorting capability ● Music CD site: task “buy a CD” – Needs secure on-line transaction functionality

Requirements analysis ● Describes the formal specifications required to implement the system: – Data dictionaries – Entity-relationship diagrams – Object oriented modeling ● Covered in great detail in software engineering courses.

Setting usability specifications ● Answers question “How good is your site?” ● Set usability specifications: – Performance measures: Observable user behavior such as number of tasks completed, number of errors, etc. – Preference measures insights into user opinion about site such as first impression, overall satisfaction.

Design Make decisions about: ● Organization – Visual organization to create clarity and consistency – Layout – navigation ● Appearance – “Look and feel” Now you can begin to sketch the pages ● Because you know your users and what they want to do

Prototyping ● Prototype is an original model or pattern – Global: entire site – Local: selected parts of the site ● Prototypes – Evolutionary: becomes the final project – Throw-away: serves as a pattern – High fidelity: resembles final product – Low fidelity: just rough sketch - not close to final

A low-fidelity prototype

A high-fidelity prototype

Implementation ● This is where the website or other interface is implemented, in HTML or a programming language

Evaluation ● Expert-based evaluation – Bring in a usability expert ● User-based evaluation – Test the website or other interface with users ● In this class we will emphasize user-based evaluation

User-Centered Characteristics ● Highly iterative DESIGN PROTOTYPE EVALUATE READY TO IMPLEMENT MEET USER SPECIFICATIONS? NO YES

User-Centered Design ● Is industry-proven ● Lets you build websites or interfaces that meet user expectations ● Leads to cost-effective and timely implementation ● Is highly interactive ● You have also learned that HCI is a highly eclectic field, building on a dozen other disciplines