Human-Computer Interaction IS 4300

Transcription

1 Huma-Computer Iteractio IS 4300 Prof. Timothy Bickmore Overview for Today Overview of the Course Logistics Overview of Team Projects Itroductios Overview of HCI Some basic cocepts 1

2 Relatioal Agets Group 2

3 Overview of Course Topics covered HCI Practice HCI Programmig a little theory & research Prerequisites Official: CS 3500 Object-Orieted Desig Java basics (you must be proficiet i 3 weeks) 3

4 What this course is about Geeral methodology for desigig ad evaluatig user iterfaces Geeral GUI software cocepts ad architecture Eough backgroud i a particular API ad IDE to eable ovices to build a simple GUI What this course is ot Web developmet Mobile developmet Game developmet I-depth GUI developmet usig a particular laguage, framework/api, or IDE 4

5 Netbeas & Swig Course website 5

6 Course Website Overview of Course Texts Req d: Beyo, Desigig Iteractive Sysems, 3 rd ed Opt: Rosso & Carroll, Usability Egieerig: Sceario-Based Developmet of Huma-Computer Iteractio ($70) Opt: Nielse, Usability Egieerig ($11) Opt: Norma, The Desig of Everyday Thigs ($12) 6

7 Overview of Course Weekly Requiremets Read ~40 pages Idividual homework assigmet Project assigmet I-class Quiz Describe ad discuss assigmets i class Typical Class 1. Occasioal Quiz 2. Review assigmets. Presetatio ad discussio by radomly selected studets. 3. Lecture o HCI practice topic. 4. I class exercise 5. Discussio of ext assigmets. 7

8 Quizzes Quizzes Check uderstadig ad ramificatios of readigs. Usually 1-2 questios directly from readigs, possibly applyig the material to a ew problem. Describe the Squishy Iterface. Describe two usability metrics appropriate for a ew xbox game. Give a example of iter-applicatio cosistecy. Gradig Team project (30%, comprised of 10% for each of P1-P8, 20% for T9) Idividual homework (25% divided equally amog graded assigmets) Fial Exam (25%) No make ups! Quizzes (10%) Class participatio (10%) Lowest grade dropped 8

9 Admiistrivia Tim Office hours: Thurs 4:00-5:30, Please cotact me if comig! TA Stefa Olafsso Class: Semester Team Project 9

10 Schedule Based o Team Project P1 Fid a Project (2.5 weeks) P2 Requiremets Aalysis (1 week) P3 Coceptual Desig (1.5 weeks) P4 Desig Sketches (1 week) P5 Paper Prototypig (1.5 weeks) P6 Computer Prototypig (2.5 weeks) P7 Heuristic Evaluatio & Prototype Revisio #1 (1.5 wks) P8 User Testig & Prototype Revisio #2 (2 weeks) P9 - Fial Presetatio ad Report Project Guidelies Must have a substatial UI UI must be iteractive Creative, origial, o-obvious is better Ideas: research papers & past CHI, UIST, IUI, CSCW Each team must have 2-4 members Ideally complemetary skills If you are havig issues with your teammates, please talk to me! 10

11 Example Past Projects Advaced Directives for Geriatrics D&D Character Editor NU Course Fider NU Course Scheduler MBTA Alerts / Schedules Vocal Warm Up App Virtual Yoga Istructor 1. Read To Do for Next Class HCI developmet process (Beyo Ch 1 & 3). Critical Aalysis of UIs (Beyo 10.2) 2. Get a CCIS accout 3. Set up idividual course web page (I1 by ext class) me URL Next class: post 3 project ideas to your web page Review CHI Proceedigs for ispiratio. 4. Start gettig up to speed o Java basics. 5. Project P1 (thikig about projects 2.5 weeks) 6. Buy a sketchbook start doodlig Note: All assigmets must be posted by oo before class o due date. 11

12 Itroductios Name Your backgroud Worst user iterface you have ever used & why Overview of HCI What is HCI? Motivatio for HCI Some basic cocepts 12

13 What is HCI? ACM SIGCHI Curricula for HCI Huma-computer iteractio is a disciplie cocered with the desig, evaluatio ad implemetatio of iteractive computig systems for huma use ad with the study of major pheomea surroudig them. SIGCHI Framework 13

14 HCI is a Iterdiscipliary Field Ethography Robotics Graphics Cogitive Psychology Software egieerig Huma factors Commuicatios Social Psychology Computatioal Liguistics Experimetal Methods Art/Desig What is HCI? extesioal defiitio GUIs & toolkits Mobile computig Coversatioal iterfaces Collaborative & Social iterfaces Multimodal iterfaces 14

15 What do UI professioals do? iteractio desigers (IxD) people ivolved i the desig of all the iteractive aspects of a software product user experiece desigers (UX) exteds IxD with all aspects of user experiece, icludig hardware, maual, etc. web desigers mobile app desigers usability egieers - people who focus o evaluatig products, usig usability methods ad priciples Why Study HCI? 15

16 HCI is Importat from Nielse Usability Egieerig Redesig of rotary dial telephoe speeded up users dialig behavior by 0.15 sec/digit, savig $1M i reduced demad o cetral switches. Redesig isurace forms to reduce customer errors: cost Aus$100,000; savigs Aus $500,000/year. Redesig of Boeig 757 flight deck iterface to reduce flight crew from 3 to 2 HCI is Importat from Nielse Usability Egieerig Study of software egieerig costs 63% sigificatly overra budgets 4 reasos rated with highest resposibility: Frequet chage requests by users Overlooked tasks Users lack of uderstadig of their ow req ts Isufficiet user-aalyst commuicatio & uderstadig Lederer & Prasad, CACM surveys of projects >=$50K 16

17 HCI is Importat UI strogly affects perceptio of software Usable software sells better Ease of use ratigs For may shrikwrapped products a sigle call to customer support ca wipe out profits HCI is Importat FDA Ceter for Devices ad Radiological Health report May deaths ad ijuries attributable to poor huma iterface (hardware & software) desig. oxyge flow cotrol kob, smooth rotatio but with discrete settigs ad o flow at itermediates 17

18 HCI is Importat JAMA. 2005;293: Study of a hospital computerized physicia order etry system (CPOE) Idetified 22 ways i which the system caused patiets to get the wrog medicie, e.g. fragmeted displays that prevet a coheret view of patiets medicatios pharmacy ivetory displays mistake for dosage guidelies separatio of fuctios that facilitate double dosig ad icompatible orders Three quarters of the house staff reported observig each of these error risks, idicatig that they occur weekly or more ofte HCI is Importat Therac-25 Accidets Therac-25 performed both radiatio treatmet ad X-rays 18

19 HCI is Importat Therac-25 Accidets HCI is Importat Therac-25 Accidets Six accidets ivolvig massive overdoses to patiets occurred betwee 1985 ad 1987 Occasioal machie malfuctios with little feedback, resultig i repeated dosages (6 i oe case) Displayed MALFUNCTION with a error code Maual did ot describe error codes Result: operators just overrode error message Poor feedback about which mode the machie was i caused treatmets with 125x the expected dose Several patiets died as a result. 19

20 Why do work i HCI? Iterdiscipliary work Iteract with people, lear about them ad their work Help people It s cool HCI is Cool! Now ubiquitous examples 20

21 HCI is Cool HCI is Cool 21

22 HCI is Cool HCI is Cool 22

23 HCI is Cool HCI is Cool 23

24 Some basic issues & cocepts Buildig good UIs is hard May iteratios Much user iteractio May kids of expertise 50% of the total lifecycle effort i moder software Survey of 74 projects, Myers & Rosso, CHI 92 Some basic issues & cocepts Utility Whether the fuctioality of the system i priciple ca do what is eeded. Usability How well users ca use the system s fuctioality. From Nielse, Usability Egieerig 24

25 Some basic issues & cocepts Desig Ethography Task aalysis Desig guidelies Scearios Expert evaluatio Usability testig Evaluate The HCI developmet process Implemet Sketchig Prototypig GUI tools 1. Read To Do for Next Class HCI developmet process (Beyo Ch 1 & 3). Critical Aalysis of UIs (Beyo 10.2) 2. Get a CCIS accout 3. Set up idividual course web page (I1 by ext class) me URL Next class: post 3 project ideas to your web page Review CHI Proceedigs for ispiratio. 4. Start gettig up to speed o Java basics. 5. Project P1 (thikig about projects 2.5 weeks) 6. Buy a sketchbook start doodlig Note: All assigmets must be posted by oo before class o due date. 25