Foundations and Principles of Human Computer Interaction Slide deck by Saul Greenberg. Permission is granted to use this for non-commercial purposes as.

Slides:



Advertisements
Similar presentations
Design, prototyping and construction
Advertisements

Map of Human Computer Interaction
CSCI 4163 / CSCI 6610, Winter 2014 Human-Computer Interaction web.cs.dal.ca/~hawkey/4163 Dr. Kirstie Hawkey,
Miguel Tavares Coimbra
Rapid Prototyping Dimensions and terminology Non-computer methods
ISE554 Human Computer Interaction Design 2.3 Principled Methods for Design.
Human Computer Interaction
Saul Greenberg, James Tam Task-Centered System Design How to develop task examples How to evaluate designs through a task-centered walk-through Exercise:
Saul Greenberg User Centered Design Why User Centered Design is important Approaches to User Centered Design.
User Centered Design and Prototyping
CPSC 481 Foundations and Principles of Human Computer Interaction
Department of Computer Science
Prototyping Techniques
Saul Greenberg Prototyping techniques Learning different techniques for rapid prototype development.
Saul Greenberg CPSC 481 Foundations and Principles of Human Computer Interaction James Tam.
Metaphors and Direct Manipulation Metaphors Direct manipulation Dynamic queries Slide deck by Saul Greenberg. Permission is granted to use this for non-commercial.
James Tam CPSC 481 Foundations and Principles of Human Computer Interaction James Tam.
CPSC 481 Foundations and Principles of Human Computer Interaction
James Tam What HCI (and this course) all about 1 1 These notes are based roughly upon the optional reading a Taxonomy of HCI optional reading
James Tam CPSC 481 Foundations and Principles of Human Computer Interaction James Tam.
James Tam User Centered Design Why User Centered Design is important Approaches to User Centered Design.
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.
User-Centered Design Why people hate computers How to design useful and usable systems Saul Greenberg Professor University of Calgary Slide deck by Saul.
User Centered Design and Prototyping
More Pathological Designs Usable, useful and aesthetic? Slide deck by Saul Greenberg. Permission is granted to use this for non-commercial purposes as.
User-Centered Design Why people hate computers How to design useful and usable systems Saul Greenberg Professor University of Calgary Slide deck by Saul.
James Tam CPSC 481 Foundations and Principles of Human Computer Interaction James Tam.
Introduction to HCI Marti Hearst (UCB SIMS) SIMS 213, UI Design & Development January 21, 1999.
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.
Graphical Screen Design Part 1: Contrast, Repetition, Alignment, Proximity Lecture /slide deck produced by Saul Greenberg, University of Calgary, Canada.
Principles of User Centred Design Howell Istance.
System Design: Designing the User Interface Dr. Dania Bilal IS582 Spring 2009.
What is a sketch? Chapter 1.2 addendum Sketching User Experiences: The Workbook.
Overview Prototyping and construction Conceptual design
Design, prototyping and construction CSSE371 Steve Chenoweth and Chandan Rupakheti (Chapter 11- Interaction Design Text)
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 – Introduction Hanyang University Jong-Il Park.
Object-Oriented Software Engineering Practical Software Development using UML and Java Chapter 7: Focusing on Users and Their Tasks.
CS 3120 USER INTERFACE DESIGN, IMPLEMENTATION AND EVALUATION (UIDIE) Dr. Ben Schafer
Slides for User interface design A software engineering perspective Soren Lauesen 9. Reflections on user interface design August 2006 © 2005, Pearson Education.
Screen design Week - 7. Emphasis in Human-Computer Interaction Usability in Software Engineering Usability in Software Engineering User Interface User.
CS2003 Usability Engineering Human-Centred Design Dr Steve Love.
HCI Design Process CS774 Human-Computer Interaction Spring 2004.
Mario Čagalj University of Split 2014/15. Human-Computer Interaction (HCI)
Prototyping. REVIEW : Why a prototype? Helps with: –Screen layouts and information display –Work flow, task design –Technical issues –Difficult, controversial,
Saul Greenberg Task-Centered System Design How to develop task examples How to evaluate designs via task-centered walkthroughs Exercise: The Cheap Shop.
What is a sketch? 1 Concepts (and selected visuals) from this slide deck are based on: -Buxton, B. (2007) Sketching User Experiences: Getting the Design.
Sketching and Prototyping Sketches / low / medium / high fidelity prototypes – as investment in design increases (red arrow), so does the formality of.
Design, prototyping and construction(Chapter 11).
James Tam User Centered Design And Prototyping Rapid prototyping techniques Why User Centered Design is important Approaches to User Centered Design.
Methodology Overview basics in user studies Lecture /slide deck produced by Saul Greenberg, University of Calgary, Canada Notice: some material in this.
Sketching and Prototyping
CS 3120 USER INTERFACE DESIGN, IMPLEMENTATION AND EVALUATION (UIDIE)
Task-Centered Walkthrough
Prototyping & Design CS 352.
Wrapping up prototyping
Miguel Tavares Coimbra
Cognitive Walkthrough
Prototyping.
Design, prototyping and construction
Cognitive Walkthrough
Usability Techniques Lecture 13.
Fundamentals of Human Computer Interaction (HCI)
Miguel Tavares Coimbra
Miguel Tavares Coimbra
Miguel Tavares Coimbra
Interface Design and Usability
Design, prototyping and construction
Presentation transcript:

Foundations and Principles of Human Computer Interaction Slide deck by Saul Greenberg. Permission is granted to use this for non-commercial purposes as long as general credit to Saul Greenberg is clearly maintained. Warning: some material in this deck is used from other sources without permission. Credit to the original source is given if it is known,

Saul Greenberg Moore’s Law transistors speed discs cost Slide idea by Bill Buxton Computer abilities

Saul Greenberg Psychology BC human abilities Slide idea by Bill Buxton

Saul Greenberg Where is the bottleneck? Slide idea by Bill Buxton system performance

Saul Greenberg Human Computer Interaction A discipline concerned with the of interactive computing systems for human use design implementation evaluation

Articulate: who users are their key tasks User and task descriptions Goals: Methods: Products: Brainstorm designs Task centered system design Participatory design User- centered design Evaluate Psychology of everyday things User involvement Representation & metaphors low fidelity prototyping methods Throw-away paper prototypes Participatory interaction Task scenario walk- through Refined designs Graphical screen design Interface guidelines Style guides high fidelity prototyping methods Testable prototypes Usability testing Heuristic evaluation Completed designs Alpha/beta systems or complete specification Field testing An interface design process

Saul Greenberg Why an interface design process? 63% of large software projects go over cost –managers gave four usability-related reasons users requested changes overlooked tasks users did not understand their own requirements insufficient user-developer communication and understanding Usability engineering is software engineering –pay a little now, or pay a lot later! –far too easy to jump into detailed design that is: founded on incorrect requirements has inappropriate dialogue flow is not easily used is never tested until it is too late

Saul Greenberg Foundations for designing interfaces Understanding users and their tasks –Task-centered system design how to develop task examples how to evaluate designs through a task-centered walk-through Designing with the user –User centered design and prototyping methods for designing with the user low and medium fidelity prototyping –Evaluating interfaces with users the role of evaluation in interface design how to observe people using systems to detect interface problems

Saul Greenberg Foundations for designing interfaces Designing visual interfaces –Design of everyday things what makes visual design work? –Beyond screen design representations and metaphors –Graphical screen design the placement of interface components on a screen Principles for design –Design principles, guidelines, and usability heuristics using guidelines to design and discover usability problems This is a great design!

Saul Greenberg Objectives At the end of this course, you will know –methods for grounding your design in reality –methods for prototyping visual applications –methods for evaluating interface quality –fundamentals of screen design and representations –how to apply guidelines to interface designs –how to apply your training in practice and continue your education