hci lecture 6
TRANSCRIPT
-
7/28/2019 HCI Lecture 6
1/40
Interac(onDesignandUserCenteredDesign
Lecture6HumanComputerInterac(on300570)
-
7/28/2019 HCI Lecture 6
2/40
OutlineoftheLecture
! Interac(onDesign! UserCenteredDesign! RequirementsforNextweekspresenta(on
-
7/28/2019 HCI Lecture 6
3/40
Interac(onDesignBillVerplank
! Interac(ondesignisdesignforhumanuse.Itinvolvesansweringthreeques(ons:! Howdoyoudo?Whatsortofwaysdoyouaffecttheworld:pokeit,manipulateit,sitonit?
! Howdoyoufeel?Whatdoyousenseoftheworldandwhatarethesensoryquali(esthatshapemedia?! Howdoyouknow?Whatarethewaysthatyoulearnandplanorperhapse,howwewantyoutothink)?
-
7/28/2019 HCI Lecture 6
4/40
HowdowestarttheDesign?
-
7/28/2019 HCI Lecture 6
5/40
ConceptualModel
-
7/28/2019 HCI Lecture 6
6/40
Advantagesofaconceptualmodel
-
7/28/2019 HCI Lecture 6
7/40
ObjectsintheconceptualModel
! TASKANALYSIS!
-
7/28/2019 HCI Lecture 6
8/40
-
7/28/2019 HCI Lecture 6
9/40
-
7/28/2019 HCI Lecture 6
10/40
-
7/28/2019 HCI Lecture 6
11/40
-
7/28/2019 HCI Lecture 6
12/40
-
7/28/2019 HCI Lecture 6
13/40
-
7/28/2019 HCI Lecture 6
14/40
-
7/28/2019 HCI Lecture 6
15/40
-
7/28/2019 HCI Lecture 6
16/40
UserCenteredDesignUCD)
-
7/28/2019 HCI Lecture 6
17/40
UserCenteredDesign
-
7/28/2019 HCI Lecture 6
18/40
-
7/28/2019 HCI Lecture 6
19/40
Theimportanceofitera(ng
-
7/28/2019 HCI Lecture 6
20/40
UCDProcess
! 1.Spend(mewithactualusersorpoten(alenduserstoiden(fychallengestheyface
! 2.Prototypepoten(alsolu(ons! 3.Usertesttoseehowtheprototypesworkordontwork! 4.Itera(velyprototypeandtest,repea(ngsteps2and3! 5.Conductarigoroususerstudyofyourbestsolu(on
-
7/28/2019 HCI Lecture 6
21/40
MoreonUCD
-
7/28/2019 HCI Lecture 6
22/40
-
7/28/2019 HCI Lecture 6
23/40
-
7/28/2019 HCI Lecture 6
24/40
SomeTipsandshortcuts
-
7/28/2019 HCI Lecture 6
25/40
Tipsandshortcuts
-
7/28/2019 HCI Lecture 6
26/40
-
7/28/2019 HCI Lecture 6
27/40
BenefitsofFollowingGuidelines
Users will learn your application fasterif the interface looks and behaves likeapplications theyre already familiarwith.
Users can accomplish their tasksquickly, because well-designedapplications dont get in the users way.
Users with special needs will find yourproduct more accessible.
Your application will have the samemodern, elegant appearance as other
applications for the chosen platform.
-
7/28/2019 HCI Lecture 6
28/40
BenefitsofFollowingGuidelines
Your application will be easier todocument, because an intuitiveinterface and standard behaviorsdont require as much explanation.
Customer support calls will bereduced (for the reasons cited above).
Your application will be easier tolocalize.
Media reviews of your product will bemore positive.!
-
7/28/2019 HCI Lecture 6
29/40
BasicPrincipleseverybodyagreesonthese)
! See-and-point! Metaphors! Files and folders! Direct manipulation! User control! Actions initiated by the user,
not the computer!!Modelessness
!! Interactive and responsive!
Direct
Manip
ulatio
n
Seean
dPo
int
Use
rControl
-
7/28/2019 HCI Lecture 6
30/40
! Feedback and communication! Consistency! Internal and external!!
Consistent with the guidelines!
! WYSIWYG!! Forgiveness!! Aesthetic integrity!!
Good visual design! Simplicity!! Simple, not simplistic!
BasicPrincipleseverybodyagreesonthese)
Con
sistenc
y
WYS
IWYG
Forgiv
enes
s
Aesth
etic
Inte
grity
-
7/28/2019 HCI Lecture 6
31/40
-
7/28/2019 HCI Lecture 6
32/40
-
7/28/2019 HCI Lecture 6
33/40
IDEOResearchProcess
! Ethnographicresearchmethod! AkintoUCD!Mixtureofobtrusiveandunobtrusiveapproach! A5stepmethod
-
7/28/2019 HCI Lecture 6
34/40
Step1:Understand
-
7/28/2019 HCI Lecture 6
35/40
Step2:Observe
-
7/28/2019 HCI Lecture 6
36/40
Step3:Visualize
-
7/28/2019 HCI Lecture 6
37/40
Step4:Evaluateandrefine
-
7/28/2019 HCI Lecture 6
38/40
Step5:Implement
-
7/28/2019 HCI Lecture 6
39/40
SlideLayoutforNextWeeksPresenta(onsintotalworth25%)15minutespergroup
! Introduc(on:GroupName,members,Title1slide)! Recap:Gooverbrieflyaboutyourtopic/project1-2slides)! Begindiscussingyourprototypingprocess! Gooverimportantscenariosofyourprojectviaatoolofyourchoiceusecases,
storyboards,taskanalysis)3slides,1perscenario)
! Showsnapshots/scannedimagesofyourpaperprototypesnotall)butonlytheimportantones,PS:Submitthepaperwireframestothetutoronthedayofthepresenta(onwithanassignmentcoverworth10%)
! Now,presentyoursowarebasedwireframinginthebestmannerpossibledemo,videobased,interac(ve)inrela(ontoyourscenariosmen(onedearlier! Pleasemen(onindetailwhichsowareyouareusingaddsomera(onalewhy)! Forthosegroupswhoonlyhaveonemainfunc(onality/featureconsideraddingmorefunc(onalityorpresen(ngseveraldesignideasintermsofscreendesign
! Toaainmorepoints:rememberto(ebackanydesignchoice/decisionwithpriorliterature/guideline/conven(onandclearlyreferenceinyourslide.Randomchoicesofdesigndecisionswithoutra(onalewillbepenalized.
! Extrapointswillbeawardedforthosegroupswhohavefollowedanitera(veprocess:i.e.design,valida(onamongstthegrouptorejectcertaindesigns,re-design.Presentyourrejecteddesignsinthepresenta(onanddiscussfullytoaaincredit.! Extrapointsforpresenta(onstyleandslidesdesignreadingfromapaperscriptduringpresenta(onwillbepenalized,youarenotreadingthenewsonTV,aswillan breachofdisci linedurin the2hoursessions
-
7/28/2019 HCI Lecture 6
40/40
SlideLayoutforNextWeeksPresenta(onsintotalworth25%)15minutespergroup
! Requirementsforthosestudentswhoaredesigningphysical/tangibleproducts,i.e.notdesigninginterfaces! Inplaceofpaperwireframing,submitA3/A4sketchesof
yourdesignideastotutoronthedayofthepresenta(onworth10%)withfilledoutassignmentcover
! Inplaceofsowarebasedwireframing,presentengineeringdrawings,renderings,solidworkssnapshotsduringthepresenta(on! ALSOpresentthephysicalproductasafirstlookandfeel! Allotherinstruc(onsapplycitepriorliteraturetobackupdesignchoices,aemptanitera(veprocess,men(ondetailsofsowareused,maintainappropriatepresenta(one(quee)