CPSC 481 Foundations and Principles of Human Computer Interaction

Slides:



Advertisements
Similar presentations
Map of Human Computer Interaction
Advertisements

CSCI 4163 / CSCI 6610, Winter 2014 Human-Computer Interaction web.cs.dal.ca/~hawkey/4163 Dr. Kirstie Hawkey,
James Tam Introduction To CPSC 233 James Tam Java Object-Orientation Event driven software.
James Tam Introduction To CPSC 231 And Computer Science James Tam.
Saul Greenberg User Centered Design Why User Centered Design is important Approaches to User Centered Design.
Department of Computer Science
Prototyping Techniques
Saul Greenberg Prototyping techniques Learning different techniques for rapid prototype development.
James Tam Introduction To CPSC 231 And To Computer Science James Tam.
Saul Greenberg CPSC 481 Foundations and Principles of Human Computer Interaction James Tam.
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
What is Interaction Design?. What is interaction design? Designing interactive products to support people in their everyday and working lives –Sharp,
James Tam CPSC 481 Foundations and Principles of Human Computer Interaction James Tam.
James Tam Introduction To CPSC 231 James Tam Administrative (James Tam) Contact Information -Office: ICT 707 -
James Tam User Centered Design Why User Centered Design is important Approaches to User Centered Design.
James Tam Introduction To CPSC 231 And To Computer Science James Tam.
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.
CPSC 581 Human Computer Interaction II Interaction Design.
1 / 31 CS 425/625 Software Engineering User Interface Design Based on Chapter 15 of the textbook [SE-6] Ian Sommerville, Software Engineering, 6 th Ed.,
James Tam Introduction To CPSC 203 James Tam Administrative (James Tam) Contact Information -Office: ICT 707 -
James Tam Introduction To CPSC 203 James Tam Administrative (James Tam) Contact Information -Office: ICT 707 -
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.
James Tam Introduction To CPSC 231 And Computer Science James Tam.
James Tam Introduction To CPSC 203 James Tam Administrative (James Tam) Contact Information -Office: ICT 707 -
INTRODUCTION. Concepts HCI, CHI Usability User-centered Design (UCD) An approach to design (software, Web, other) that involves the user Interaction Design.
CPSC 581 Human Computer Interaction II Interaction Design Lecture /slide deck produced by Saul Greenberg, University of Calgary, Canada Notice: some material.
CS 3724: Introduction to Human Computer Interaction Chris North Jason Lee Szu-Chia Lu.
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.
Graphical Screen Design Part 1: Contrast, Repetition, Alignment, Proximity Lecture /slide deck produced by Saul Greenberg, University of Calgary, Canada.
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.
May 1, 2007Mohamad Eid SEG 3120 User Interface Design Mohamad Eid Office: SITE 5077 Tel: (613) ext. 2148
Human Computer Interaction Semester 1, 2013/2013.
Principles of User Centred Design Howell Istance.
Lecture 6 User Interface Design
Computer Graphics Lecture 28 Fasih ur Rehman. Last Class GUI Attributes – Windows, icons, menus, pointing devices, graphics Advantages Design Process.
James Tam CPSC 203: Introduction To Computers (Independent Study) James Tam.
CS147 - Terry Winograd - 1 Lecture 1 – Introduction Terry Winograd CS147 - Introduction to Human-Computer Interaction Design Computer Science Department.
James Tam Introduction to CPSC 203 James Tam Administrative Contact Information Office: ICT 707 Phone:
Human Computer Interaction – Introduction Hanyang University Jong-Il Park.
Prof. Barbara Bernal NEW Office in J 126 Office Hours: M 4pm - 5:30 PM Class Lecture: M 6 PM - 8:30 in J133 Weekly Web Lecture between Tuesday to Sunday.
CLASSROOM CHANGE  Starting Thursday class will move to:  SB
CPSC 581 Human Computer Interaction II Interaction Design.
CS 3120 USER INTERFACE DESIGN, IMPLEMENTATION AND EVALUATION (UIDIE) Dr. Ben Schafer
1 CP586 © Peter Lo 2003 Multimedia Communication Human Computer Interaction.
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,
1 CS 320 Interaction Design Spring 2011 Course Syllabus January19, 2011.
A Puzzle for You. Puzzle Someone is working for you for 7 days You have a gold bar, which is segmented into 7 pieces, but they are all CONNECTED You have.
Introduction to HCI Lecture #1.
CS 3724: Introduction to Human Computer Interaction Chris North Regis Kopper.
CPSC 581 Human Computer Interaction II Interaction Design.
CS 3724 Introduction to Human Computer Interaction Section 1 CRN TuTh 5:00-6: McB.
Chapter 6 : User interface design
CS 3120 USER INTERFACE DESIGN, IMPLEMENTATION AND EVALUATION (UIDIE)
Task-Centered Walkthrough
CPSC 581 Human Computer Interaction II
GUI Week 9.
Cognitive Walkthrough
Prototyping.
Cognitive Walkthrough
Saul Greenberg Human Computer Interaction Presented by: Kaldybaeva A., Aidynova E., 112 group Teacher: Zhabay B. University of International Relations.
Introduction To CPSC 233 James Tam Event driven software
Map of Human Computer Interaction
Introduction To CPSC 233 James Tam Event driven software
Interface Design and Usability
Presentation transcript:

CPSC 481 Foundations and Principles of Human Computer Interaction James Tam

CPSC 481 Administrative James Tam Human computer interaction Computer supported cooperative work Change awareness Games http://www.cpsc.ucalgary.ca/~tamj Contact information tamj@cpsc.ucalgary.ca Phone: 210-9455 Office: ICT707 Office hours Monday and Wednesday (12:00 – 12:50) By email any time By appointment: email or phone to arrange one Drop in for urgent requests (but no guarantees!)

Feedback ??? Dilbert © United Features Syndicate

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 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 Unix command line Windows GUI

These graphs are variations of those presented by Bill Buxton Moore’s Law Speed Computer Abilities 1950 1990 2030 These graphs are variations of those presented by Bill Buxton

These graphs are variations of those presented by Bill Buxton People Computers Human Abilities 0 A.D. 1950 1990 2030 These graphs are variations of those presented by Bill Buxton

HCI Deals With The Interaction Of A Person And A Computer Technological perspective Human perspective

Technological Perspective Technical constraints A reality check does occur but “reality bats last”1 Beyond the mouse the and keyboard? 1 From the reading, The Inmates are running the asylum

Human Perspective How people process information Memory, perception, motor skills, attention etc. Language, communication and interaction Ergonomics

Human Computer Interaction A discipline concerned with the design, implementation and evaluation …of interactive computing systems for human use design implementation evaluation

This diagram is a variation of the one presented by Saul Greenberg Interface Design And Usability Engineering Articulate: Who (users) What (tasks) Brainstorm designs Refined designs Completed designs Goals: Psych, User, Representations and metaphors Graphical screen design Interface guidelines Style guides Psychology of everyday things (psych) User involvement (user) Representation & metaphors Participatory interaction Task scenario walk- through Task centered system design Participatory design User-centered design Evaluate Usability testing Heuristic evaluation Field testing Methods: high fidelity prototyping methods low fidelity prototyping methods Products: User and task descriptions Throw-away paper prototypes Testable prototypes Alpha/beta systems or complete specification This diagram is a variation of the one presented by Saul Greenberg

HCI.. Not Just Clicky, Clicky

Objectives At the end of this course, you will Know what is meant by good design (guidelines and models that can be applied to interface design) Know and have applied a variety of methods for involving the user in the design process Have experienced building applications through various methods and systems Know and have applied methods to evaluate interface quality Have sufficient background to Apply your training in industry Continue your education

What 481 Is Not About The theory and mechanics of GUI programming How to programming with a GUI language e.g., Visual Basic

How You Will Be Evaluated 1) Assignments (50%) Portfolio: Assignment 1 (TA): Task centered design and prototyping (13%) Assignment 3 (Me): System redesign, implementation, and evaluation (25%) Usability study: Assignment 2 (TA): Usability evaluation of a large system in everyday use (12%) 2) Exams (50%) Mid-term (20%) Final (30%) Note: you must pass the exam component and the assignment components to pass the course

Group Work

Labs Critical to your success in assignments Elaboration of assignment specifications Discuss intermediate results Feedback on graded assignments Learn specific skills

Textbooks And Additional References Lecture notes (required) Sold at cost by the Copy Center Also available on the web (http://www.cpsc.ucalgary.ca/~tamj/481/) Text books (optional) Interaction Design: Beyond Human-Computer Interaction by Sharp, Preece and Rogers.          Readings in Human Computer Interaction: Towards the Year 2000 (2nd Edition) by Baecker, Grudin, Buxton and Greenberg You can also choose whatever programming manual that you like best Extra readings Some will be required, some are optional