Terms Human-Computer Interaction (HCI) Usability Usability-Centered Design User-Centered Design Interaction Design Experience Design Person-Centered Design.

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

References Prof. Saul Greenberg, University of Calgary, notes and articles INUSE 6.2 and RESPECT 5.3 Handbook Prof. , University of , Notes and articles.
Chapter 4 Design Approaches and Methods
1 CS 501 Spring 2002 CS 501: Software Engineering Lecture 11 Designing for Usability I.
Web E’s goal is for you to understand how to create an initial interaction design and how to evaluate that design by studying a sample. Web F’s goal is.
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.
What is Interaction Design?. What is interaction design? Designing interactive products to support people in their everyday and working lives –Sharp,
UI Standards & Tools Khushroo Shaikh.
What is Interaction Design?
James Tam User Centered Design Why User Centered Design is important Approaches to User Centered Design.
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.
213: User Interface Design & Development Professor: Tapan Parikh TA: Eun Kyoung Choe
CSE491 Human-Computer Interaction Eileen Kraemer 8/28/07.
Design Process …and the project.
Course Wrap-Up IS 485, Professor Matt Thatcher. 2 C.J. Minard ( )
Usability Specifications
© 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.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Jan 20, 2005.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Jan 22, 2004.
CMPUT 301: Lecture 01 Introduction Lecturer: Martin Jagersand Department of Computing Science University of Alberta Notes based on previous courses by.
James Tam CPSC 481 Foundations and Principles of Human Computer Interaction James Tam.
SIMS 213: User Interface Design & Development Marti Hearst Thurs, Jan 18, 2007.
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.
CS 235: User Interface Design August 27 Class Meeting Department of Computer Science San Jose State University Fall 2014 Instructor: Ron Mak
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.
Principles of User Centred Design Howell Istance.
Describing Methodologies PART II Rapid Application Development* Systems Analysis and Design II.
© Copyright De Montfort University 2003 All Rights Reserved Interactive Design Sept 03 John T Burns Interactive Systems Design & Evaluation John Burns.
Intro to HCI A HISTORY OF HCI. Agenda  Super Hexagon Challenge  Activity 1 of HCI class  Basic HCI History  Intermission for Stacy’s 230 
Department of Informatics, UC Irvine SDCL Collaboration Laboratory Software Design and sdcl.ics.uci.edu 1 Informatics 121 Software Design I Lecture 12.
Computer –the machine the program runs on –often split between clients & servers Human-Computer Interaction (HCI) Human –the end-user of a program –the.
S556 SYSTEMS ANALYSIS & DESIGN Week 11. Creating a Vision (Solution) SLIS S556 2  Visioning:  Encourages you to think more systemically about your redesign.
SCV2113 Human Computer Interaction Semester 1, 2013/2013.
Today Thursday Introduction to HCI and Contextual Design Course Introduction CS 321 Human-Computer Interaction Jerry B. Weinberg Reading: CD: Chapter.
User-Centered Development Methodology A user interface comprises “ those aspects of the system that the user comes in contact with.” ● Moran [1981]
Human-Computer Interaction: Who is General Failure and Why is He Reading Drive A? Dr Jay Burmeister QSITE ACEC 2006.
HCI in Software Process Material from Authors of Human Computer Interaction Alan Dix, et al.
Interaction Design CMU. Today’s objectives Continue Design approaches (UCD, ACD)  User-Centered Design  Activity-Centered Design.
MULTIMEDIA DEFINITION OF MULTIMEDIA
CS 3120 USER INTERFACE DESIGN, IMPLEMENTATION AND EVALUATION (UIDIE) Dr. Ben Schafer
INTRO TO USABILITY Lecture 12. What is Usability?  Usability addresses the relationship between tools and their users. In order for a tool to be effective,
CS2003 Usability Engineering Human-Centred Design Dr Steve Love.
Human Computer Interaction CITB 243 Chapter 1 What is HCI
Mario Čagalj University of Split 2014/15. Human-Computer Interaction (HCI)
Human Factors In Visualization Research Melanie Tory and Torsten Moller Ajith Radhakrishnan Nandu C Nair.
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.
User and Task Analysis © Ed Green Penn State University Penn State University All Rights Reserved All Rights Reserved 12/5/2015User and Task Analysis 1.
Z556 Systems Analysis & Design Session 10 ILS Z556 1.
Creating & Building the Web Site Week 8. Objectives Planning web site development Initiation of the project Analysis for web site development Designing.
Introduction to HCI Lecture #1.
Administrivia  Feedback from the mid-term evaluation  Insights from project proposal.
CSCI 4800/6800 Human-Computer Interaction Eileen Kraemer 1/11/05.
User Interface Evaluation Introduction Lecture #15.
1 CS 501 Spring 2003 CS 501: Software Engineering Lecture 13 Usability 1.
© 2011 DigitalDay | MOBILE WEB INFORMATION ARCHITECTURE Best Practices Workshop 1.
Interaction Design IxD
Digital media & interaction design
Informatics 121 Software Design I
Fundamentals of Human Computer Interaction (HCI)
Human Computer Interaction
Presentation transcript:

Terms Human-Computer Interaction (HCI) Usability Usability-Centered Design User-Centered Design Interaction Design Experience Design Person-Centered Design

Human-Computer Interaction (HCI) ‘ Concerned with the design, evaluation, implementation of interactive computing systems for human use and with the study of major phenomena surrounding them.’ ACM SGICHI ‘The study of people, computer technology, and the way these influence one another. We study HCI to determine how we an make this computer technology more usable by people.’ Dix, quoted in Human-Computer Interaction, ed. By Baecker et al. ‘ACM SIGCHI brings together people working on the design, evaluation, implementation, and study of interactive computing systems for human use.’

Recurring HCI Issues Is there a theoretical base to HCI? –or does it simply draw on cognitive psychology, design disciplines, computer science… What is the relationship between academics/researchers and practitioners? –And between research and research findings and practice

User-Centered Design I Traditional Tech-driven Component-focused Limited interdisc. coop Focus on internal arch No speclzn in user experience Some competitive focus Develpmt prior to user validation Product defect view of quality Limited focus on user measurement Focus on current customers UCD User driven Solutions focused Multidisc teamwork Focus on externals design Focus on competition Develop user validated designs User view of quality Prime focus on user measurement Focus on current and future customers -- Vredenberg p. 2

User-Centered Design II User Centered Design (UCD) is an approach that supports the entire development process with user- centered activities, in order to create applications which are easy to use and are of added value to the intended users. There are four important UCD principles: –A clear understanding of user and task requirements –Incorporating user feedback to refine requirements and design –Active involvement of user to evaluate designs –Integrating user centered design with other development activities --UsabilityNet.org

Task Centered Design This project is a hands-on exercise on task-centered design and prototyping, which is the first step in an iterative user- centered system design. … You begin your design by getting to know the intended users, their tasks, and the working context of their actions. Only then do you consider what the actual system design should look like, where you would base the design on real people, real tasks, and real needs. User centered system design is not an academic process where some cookbook formula can be applied. Nor is it an intuitive process where a programmer can sit in their office and think they know what the user and their tasks are. Rather, it is a hands-on process that requires you to go out and identify actual users, talk to them about what tasks they are trying to do, and understand the entire context of their work. You then base your designs on this information. Because your initial designs will be crude and problem-prone, you will have to identify potential usability problems by continually evaluating your design and by crafting new designs. This is called iterative design. --Saul Greenberg

Interaction design –‘Designing interactive products to support people in their everyday and working lives….creating user experiences that enhance and extend the way people work, communicate, and interact.’ Architecture, not civil engineering. Preece p. 6 –“There is no commonly agreed definition of interaction design; most people in the field, however, would probably subscribe to a general orientation towards shaping software, websites, video games and other digital artifacts, with particular attention to the qualities of the experiences they provide to users. The word “interaction” in interaction design captures the time-based, and at the same time, nonlinear nature of the digital, a quality that sets it apart from most if not all other design materials.” Jonas Löwgren Jonas Löwgren

Experience design –“Experience Design 1 is a book about today's intersection of disciplines, such as: interaction design, information design, visual design, and more related methodologies are just parts of the whole. Practiced by many people around the world, experience design is as much an approach and ethic, as it is a field of work. Experience Design 1 It is a way not only a way of designing online experience (such as websites), as but more importantly, it is a way of approaching all design, including products, services, environments, and events.” –“‘Experience design‘ [has] emerged as a community of practice driven by digital and related design professionals who believe that deeply understanding people is the key to great design in any medium. … Experience is the personal connection with the moment … every aspect of living is an experience, whether we are the creators or simply chance participants.”

Person-Centered design? Don Norman -- Human Centered Design Professor Emeritus Departments of Cognitive Science and Psychology, UCSD "People Propose, Science Studies, Technology Conforms" My person-centered motto for the 21st century “My goal is to humanize technology, in part by making it disappear from sight, replaced by a human- centered, task-based family of information- appliances. Easy to learn, easy to use. Easy to understand. But with all the power of enhanced communication, computational systems. Information appliances, where the computer disappears into the tool and becomes invisible.”

Configuring the User Developing a shared vision of the user within the organization/design team –Information about the user –Who speaks “for” the user? –Who decides among competing possible views of users, or among potential users? The mutual, shifting allocation of capabilities, tasks between user and system –Often not yet defined in prototyping stage –Getting users to behave “correctly,” users “don’t understand…”

Usability test of two camera phones Goal: “ to compare the usability of two camera-phone products – the Nokia 7650 and the Sony-Ericsson T68i.” –“This test was not commissioned by either Nokia or Sony- Ericsson. The test was independent research undertaken by 3G LAB using the currently released editions of each product. The test focuses solely on the camera function of each product…Recommendations made in this report are based on the results of this test.” Questions: –Which phone would users choose if they were to purchase one of the two camera phones being tested –Why? –How did we measure this? –What conclusions can be drawn from this test? –What recommendations can be made based on the results?

Limits First time users Small # of users Tested camera capability only in camera- phones Pre-established tasks Question: would they BUY it? Lab conditions including tripod “They said they would most commonly use a camera phone at a party or on holiday.”

Evaluation Criteria Researchers: –screen size/quality –physical holding position, feels best –‘looks’ best overall –“ makes you feel in control?” (ease of use) Users: “why users chose the Nokia phone.” –Onscreen User Interface (UI) Usability – menus, feedback on actions, options given –Speed – of response to actions, processing of actions/images –Quality of colour screen – size, clarity –Quality of camera images – coupled with screen quality –Physical position of camera – holding, camera position –Build quality of the handset – keypad, other buttons and joystick

“Learning from the work of others” 9 teams, same scenario Found total of 300 valid problems Only one team found 25% of the problems; all the others found fewer Why? –Created 51 different tasks from the same test scenario– which tasks are critical? Quality of reports: 5-to 52 pages

What makes a report useful to clients? “What makes”: –Executive summary –Positive findings –Screen shots Other report? –Clarity about what they did, recs based only on this test –Direct quotes from users –Table presents steps/tasks graphically –Clear side-by-side discussion of the two phones –Clear findings and recommendations