HCI Design Process CS774 Human-Computer Interaction Spring 2004.

Slides:



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

References Prof. Saul Greenberg, University of Calgary, notes and articles INUSE 6.2 and RESPECT 5.3 Handbook Prof. , University of , Notes and articles.
Virtual University - Human Computer Interaction 1 © Imran Hussain | UMT Imran Hussain University of Management and Technology (UMT) Lecture 16 HCI PROCESS.
CS5714 Usability Engineering An Iterative, Evaluation- Centered Life Cycle For Interaction Development Copyright © 2003 H. Rex Hartson and Deborah Hix.
1 CS 501 Spring 2002 CS 501: Software Engineering Lecture 11 Designing for Usability I.
Saul Greenberg User Centered Design Why User Centered Design is important Approaches to User Centered Design.
CPSC 481 Foundations and Principles of Human Computer Interaction
Department of Computer Science
Saul Greenberg CPSC 481 Foundations and Principles of Human Computer Interaction James Tam.
Part 1: Introducing User Interface Design Chapter 1: Introduction –Why the User Interface Matters –Computers are Ubiquitous –The Importance of Good User.
IS 214 Needs Assessment and Evaluation of Information Systems Managing Usability © Copyright 2001 Kevin McBride.
The Process of Interaction Design. Overview What is Interaction Design? —Four basic activities —Three key characteristics Some practical issues —Who are.
UI Standards & Tools Khushroo Shaikh.
Chapter 6 The Process of Interaction Design Presented by: Kinnis Gosha, Michael McGill, Jamey White, and Chiao Huang.
Saul Greenberg CPSC 481 Foundations and Principles of Human Computer Interaction James Tam.
Graphical User Interfaces Design and usability Saul Greenberg Professor University of Calgary Slide deck by Saul Greenberg. Permission is granted to use.
Foundations and Principles of Human Computer Interaction Slide deck by Saul Greenberg. Permission is granted to use this for non-commercial purposes as.
12 C H A P T E R Systems Investigation and Analysis and Analysis.
Design Process …and the project.
Course Wrap-Up IS 485, Professor Matt Thatcher. 2 C.J. Minard ( )
Team Project IS 485, Professor Matt Thatcher. 2 Agenda l Review l Team project –project overview –team feedback –milestones l Questions?
James Tam CPSC 481 Foundations and Principles of Human Computer Interaction James Tam.
HCI Research Methods Ben Shneiderman Founding Director ( ), Human-Computer Interaction Lab Professor, Department of Computer Science.
Introduction to HCI Marti Hearst (UCB SIMS) SIMS 213, UI Design & Development January 21, 1999.
Managing Design Processes
Web Design cs414 spring Announcements Project status due Friday (submit pdf)
INTRODUCTION. Concepts HCI, CHI Usability User-centered Design (UCD) An approach to design (software, Web, other) that involves the user Interaction Design.
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.
Managing Design Processes and Usability Testing
CS 3724: Introduction to Human Computer Interaction Chris North Jason Lee Szu-Chia Lu.
User Interface Design Process Lecture # 6. CS Structure  Understand the User Interface  Design the User Interface  Evaluate the User Interface.
網站專案管理 (Web Project Management) 連啟佑 04/14/2008.
Introduction to Interactive Media 02. The Interactive Media Development Process.
Principles of User Centred Design Howell Istance.
System Design: Designing the User Interface Dr. Dania Bilal IS582 Spring 2009.
Guidelines and Prototypes CS774 Human Computer Interaction Spring 2004.
Computer –the machine the program runs on –often split between clients & servers Human-Computer Interaction (HCI) Human –the end-user of a program –the.
CS 360 Lecture 3.  The software process is a structured set of activities required to develop a software system.  Fundamental Assumption:  Good software.
Introduction to Interactive Media The Interactive Media Development Process.
1 Chapter 5 Software Engineering Practice. 2 What is “Practice”? Practice is a broad array of concepts, principles, methods, and tools that you must consider.
Chapter 3: Managing Design Processes
Usability Testing CS774 Human Computer Interaction Spring 2004.
Human Factors in Information Seeking and Use Wooseob Jeong.
Chapter 7 Interactive Design and Prototyping Human Performance Engineering Robert W. Bailey, Ph.D. Third Edition.
Software Engineering User Interface Design Slide 1 User Interface Design.
Mario Čagalj University of Split 2014/15. Human-Computer Interaction (HCI)
Chapter 3 Managing Design Processes. 3.1 Introduction Design should be based on: –User observation Analysis of task frequency and sequences –Prototypes,
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.
Dr. H. Rex Hartson Fall 2003 Introduction to the Course Copyright © 2003 H. Rex Hartson and Deborah Hix. CS5714 Usability Engineering.
1 Advanced Human Computer Interaction Instructor: Dr. Nadeem Ahmad Chauhdry Dual PhD (Politecnico di Torino, Italy & University of Potsdam, Germany) HOD,
Software Development Process CS 360 Lecture 3. Software Process The software process is a structured set of activities required to develop a software.
User Interface Evaluation Introduction Lecture #15.
Interface Types and Models Dr. Dania Bilal IS 588 Spring 2008.
Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN.
Prototyping Creation of concrete but partial implementations of a system design to explore usability issues.
CS 3724: Introduction to Human Computer Interaction Chris North Regis Kopper.
Software Design and Development Development Methodoligies Computing Science.
CEN3722 Human Computer Interaction Overview of HCI Dr. Ron Eaglin.
HCC 831 User Interface Design and Evaluation. What is Usability?
Task-Centered Walkthrough
INF385G: Topic Discussion Huang, S. C.
CIS 376 Bruce R. Maxim UM-Dearborn
Topic for Presentaion-2
Introduction: Human Computer Interaction
Prototyping.
CS 321: Human-Computer Interaction Design
Introduction to Human Computer Interaction
Usability Techniques Lecture 13.
User Interface Design and Evaluation
Interface Design and Usability
Presentation transcript:

HCI Design Process CS774 Human-Computer Interaction Spring 2004

CS774 Spring 2004 HCI Design and Creativity Design is a creative act –No algorithm, fixed recipe for success Blank canvas block –Takes courage to make choices HCI Process models set stage for creative acts –Help get past BCB –Help find and correct mistakes –Make it easier to dare, to try and try again

CS774 Spring 2004 Kai’s Power Tools

CS774 Spring 2004 Key Idea - User Centered Design Focus is on user goals and tasks Focus is not on –Technology –Programmer –Organizational priorities Software engineering lite –More user/interface analysis, 37% less programming –More emphasis on documenting HCI, not code

CS774 Spring 2004 Shneiderman’s Three Pillars of Design Academic Research Theories ModelsAlgorithms Prototypes Controlled Experiments Successful User Interfaces Guidelines Documents Process User interface software and tools Expert reviews and usability testing

CS774 Spring 2004 Our Design Activities Establish process Task analysis Interface design Evaluation LUCID process model Ethnographic observation Scenario development Guideline development Prototyping Heuristic expert evaluation Usability testing GOMS KLM analysis

CS774 Spring 2004 Logical User-Centered Interactive Methodology (LUCID) Who? –Cognetics –Dr. Charles Kreitzberg What? –An integrated process model for design –A mix of academic and corporate priorities Why? –Early attention to users early in analysis pays off

CS774 Spring 2004 LUCID (DTUI version) Stage 1: Develop product concept Stage 2: Perform research and needs analysis Stage 3: Design concepts and key-screen prototype Stage 4: Do iterative design and refinement Stage 5: Implement software Stage 6: Provide rollout assistance

CS774 Spring 2004 Work-along Worksheet Rough version of LUCID steps For group to fill out as we go along in class –Everyone has they own copy for speed Intentionally speeded - force you to choose quickly, reduce inhibitions, blocking Choose most likely topic of group project, or any you wish - no commitment today

CS774 Spring 2004 Stage 1: Product Concept Create high concept Set up team Identify user population Deal with budget, schedule, business and technical environment

CS774 Spring 2004 Stage 2: Perform Research/Needs Analysis Partition user population Break job into tasks Conduct needs analysis through scenarios Sketch process flow Identify major objects in interface Research technical issues

CS774 Spring 2004 Stage 3: Design concepts Create usability objectives Initiate guidelines and style guide Select navigational model and design metaphor Identify and prototype key screens Conduct initial review and usability tests

CS774 Spring 2004 Stage 4: Do iterative design Expand key screen into full prototype Conduct heuristic and expert reviews Conduct full-scale usability tests Deliver prototype and specification

CS774 Spring 2004 Stage 5: Implement software Development standard practices Manage late stage change Develop help Pretty light, huh? Implement, my...

CS774 Spring 2004 Stage 6: Rollout assistance Provide training Ongoing tracking of HCI performance

CS774 Spring 2004 Assembling the team Who would you want? Sociologists - study of organizations Psychologists - study of individuals Usability experts Graphic artists Who else? HCI job postings -what are the jobs like?