Interface Design and Usability

Slides:



Advertisements
Similar presentations
Specific hardware and software products identified in this report were used in order to perform the evaluations described. In no case does such identification.
Advertisements

CSCI 4163 / CSCI 6610, Winter 2014 Human-Computer Interaction web.cs.dal.ca/~hawkey/4163 Dr. Kirstie Hawkey,
User Interface design Teppo Räisänen
Mario Čagalj University of Split 2013/2014. Human-Computer Interaction (HCI)
Reference Prof. Saul Greenberg, University of Calgary, notes and articles.
1 CS 544 Task Centered System Design How to develop task examples How to develop designs through a task-centered walkthrough Exercise: The Cheap Shop interface.
Methodology Overview Why do we evaluate in HCI? Why should we use different methods? How can we compare methods? What methods are there? see
Saul Greenberg, James Tam Task-Centered System Design How to develop task examples How to evaluate designs through a task-centered walk-through Exercise:
Qualitative Evaluation Techniques
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 Graphical Screen Design Grids are an essential tool for graphical design Important graphical design concepts include visual consistency.
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
Saul Greenberg Task-Centered System Design How to develop task examples How to evaluate designs through a task-centered walk-through Exercise: The Cheap.
James Tam CPSC 481 Foundations and Principles of Human Computer Interaction James Tam.
Saul Greenberg Qualitative Evaluation Techniques Quickly debug and evaluate prototypes by observing people using them Specific evaluation methods helps.
James Tam User Centered Design Why User Centered Design is important Approaches to User Centered Design.
Saul Greenberg Graphical Screen Design Grids are an essential tool for graphical design Important graphical design concepts include visual consistency.
Saul Greenberg CPSC 481 Foundations and Principles of Human Computer Interaction James Tam.
The Information School of the University of Washington Information System Design Info-440 Autumn 2002 Session #21.
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.
James Tam User Centered Design And Prototyping Why User Centered Design is important Approaches to User Centered Design Rapid prototype techniques.
Midterm Exam Review IS 485, Professor Matt Thatcher.
User Centered Design and Prototyping
Saul Greenberg, James Tam Task-Centered System Design How to develop task examples How to evaluate designs through a task-centered walk-through Exercise:
James Tam CPSC 481 Foundations and Principles of Human Computer Interaction James Tam.
DESIGNING FOR USABILITY – USER CENTERED DESIGN Presentation by Carlos Jensen, Phd.
SFMOMA-DAM Digital Asset Management System San Francisco Museum of Modern Art Margo Dunlap, Thoreau Lovell, Joanna Plattner SIMS 213 May 1, 2001.
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.
What is a sketch? Chapter 1.2 addendum Sketching User Experiences: The Workbook.
Screen design Week - 7. Emphasis in Human-Computer Interaction Usability in Software Engineering Usability in Software Engineering User Interface User.
Interviewing Basics. Pitches We’ll shoot roughly for – Mon: Alladi – Glassman – Wed: Huang – Zhou Other questions?
Human-Computer Interaction Lecture 7: Representations and information visualization Characteristics of good representations Information visualization guidelines.
HCI Design Process CS774 Human-Computer Interaction Spring 2004.
Mario Čagalj University of Split 2014/15. Human-Computer Interaction (HCI)
Human Factors. My program gave me the message Rstrd Info. What does it mean? That’s restricted information But surely you can tell me!!! No, no… Rsdrd.
Prototyping. REVIEW : Why a prototype? Helps with: –Screen layouts and information display –Work flow, task design –Technical issues –Difficult, controversial,
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.
Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN.
James Tam User Centered Design And Prototyping Rapid prototyping techniques Why User Centered Design is important Approaches to User Centered Design.
Prototypes, Storyboards, and Flowcharts Ike Choi.
The aims Show how design & evaluation are brought together in the development of interactive products. Show how different combinations of design & evaluation.
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
Task-Centered Walkthrough
Group Y Presenters: (indicate roles)
UI/UX Design and Implementation
CIS 376 Bruce R. Maxim UM-Dearborn
Wrapping up prototyping
Graphical Screen Design
Cognitive Walkthrough
Prototyping.
Introduction to Human Computer Interaction
Cognitive Walkthrough
Design of Hypermedia Applications
Chapter 19 Case study on requirements, design, and evaluation: NATS
Fundamentals of Human Computer Interaction (HCI)
Comp 15 - Usability & Human Factors
Gathering Requirements
Principles of HCI Design
Presentation transcript:

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