交互设计概论讲义

AboutInteractionDesignAboutGAFAGuangzhouAcademyofFineArts(GAFA)wassetupinNov.1953.GAFAisoneofthefamous8artacademiesinChina,andtheonlyoneinsouthofChina.195311,AboutSID,GAFA2010•Background•What’sUserexperienceDesign•WhyweneedUserexperienceDesign•ProcessofUserexperienceDesignAboutInteractionDesign•Background•What’sInteractionDesign•WhyInteractionDesign•ProcessofInteractionDesign“”“”“”“”“”“”“”“”HISTORY1940—1960ENIAC194621417030“”——1500010001960s’XeroxPARC“”“”“”1990s’—2010“”2010—Now“”“”“”“”“”“”NOWHONGKONGBANGKOKMultifunctionalInteractiondesignisn’taboutinteractionwithcomputers(that’sthedisciplineofhuman-computerinteraction)orinteractionwithmachines(that’sindustrialdesign).It’saboutmakingconnectionsbetweenpeoplethroughtheseproducts,notconnectingtotheproductitself.DanSafferDesigningforInteractionVSPURPOSESCENE“”•••Allinteractiontakeplaceinaspace.SCENETaskflowMovementthroughspacetakestimetoaccomplish目标p in-point可能的-能与内容我们的目标？商业目的？品牌定位？想让用户将什么样的体验特质和我们的产品联系在一起UserUCDACDGOALThepurposeofanactivityisnotnecessarilyagoalCommunicationdesignisaboutcreatingavisuallanguagetocommunicatecontent.Industrialdesignisaboutform--shapingbojectsinawaythatcommunicatestheirusewhilealsomakingthemfunctional.Humanfactormakessurethoseobjectsconformtohelimitationsofthehumanbody,bothphysicallyandpsychologically.Human-computerinteractioniscloselyrelatedtointeractiondesign,butitsmethodsaremorequantitative,anditsfocus(asitsnameimplies)isstronglyonhowhumansrelatetocomputers.InteractiondesignisabouthowhumansrelatetoeachotherItwasn’tproductdesignexactly,buttheyweredefinitelydesignningproduct.Norwasitcommunicationdesign,althoughtheyusedsomeofthatdiscipline’stoolsaswell.Itwasn’tcomputerscienceeither,althoughalotofithadtodowithcomputersandsoftware.No,thiswassomethingdifferent.Itdrewonallthosediciplines,butwassomethingelse,andithadtodowithconnectingpeoplethoughtheproductstheyused.BillMoggridgeInteractiondesign!ac$ons!!people!!purpose!!means!!contexts!interACTION!Strategize!Progression!User!Research!Mo$va$on!Scenario!Building!Emo$on!Organiza(on*Social*roles*Communica(on**Tools*Informa(on*Objects*Ac(vity*Needs*Goals*user%*User*know*best!*image*idea*from*Paul*NeervoortInteractionInteraction+Thewaythatproductsbehaveinresponsetothewaythatpeoplebehave.Humanshaveanamazingtendencytobecomeaccustomedtotheterrible,inconvenient,andawkward.Wecanlivewithhorriblesituationsforlongperiodsuntilsomethingbettercomesalong,somethingwemaynothaveevenknownweneeded.“”DesigningforActionInteractionActionReactionInterfaceUserexperienceInformationArchitectureProgrammer••••••“:!04RAZR96..2”NicknameOrdxpres“Motorolathebestphone?Never!TheirmenusarethemostprimitiveIhaveseeninyears.ThebuttonsonRAZR(orothercrap)aresoinconvenienttouse…..…..thisphonehasfeaturesdatingbackto2004……”1Datereviewed:Sep11,20069:40AM:RAZRQuotedfeedbacksforMoto’sRazr…..“RAZR:0,12N70,,RAZR.RAZR,738,RAZR3fans”Nickname:ChicagoGuy27“IhaveaRazrjustbecausepeoplehadit?Notbecauseitworkedwell…..NowIboughtaNokiaN70.ThebestphoneIhavehadyet.TheRAZRsucksbyfarincomparison……RazrfreezesandisalwayssoslowwhenI'mtryingtosendaquicktext.WhileNokiacanbrowselikemyPC'sbrowser.Can'tsaythesamefortheRAZR.NewNokiafanforlife!”69Datereviewed:Sep11,20068:37AMNOKIAAPPLEVSButinteractiondesignisn’tonlyaboutfixingproblems;it’salsoaboutfacilitatinginteractionsbetweenpeopleinricher,deeper,betterwaysthatis,findingnewwaystobetterconnecthumanbeingstooneanother,andbydoingso,maketheworldabetterplacetolive.---“”“”“”Allbehavioris,infact,motion:motioncoloredbyattitude,culture,personality,andcontext.PricelessUserExperienceUE“”WhyUserExperienceDesignformsfollowingfunction“”conceptualmodeltheMagicBlackBox“”“”关于⽤户研究UsabilityFormTaskflowanalysis• Organizing• Navigation• Hierarchy)Information)Informationarchitecture)Visualization)Data)Collectdata• • • Collectdata• • • Collectdata• • • By00uegeek.com1.什么是人物角色2.为什么要建立人物角色3.如何建立人物角色4.如何使用人物角色By00uegeek.com1.什么是人物角色2.为什么要建立人物角色3.如何建立人物角色4.如何使用人物角色目标p in-point可能的-能与内容我们的目标？商业目的？品牌定位？想让用户将什么样的体验特质和我们的产品联系在一起Levelofneedsknowfeeldreamdousesaythinkuserlatenttacitexplicitneedssurfacedeep关于信息架构•••T_M_D_W_W_W_==B_T_W_O_M_G_MorseCode18.230192192230218!?!?!?1.⽤户在使⽤⺴站/应⽤程序时需要⺴站/应⽤程序回答以下问题:我在哪⾥?我可以去哪⾥?我曾经去了哪⾥?我怎样到这⾥的?我怎么样返回去?2.导航是软件可⽤性的关键,80%的⺴站可⽤性问题都与导航有关ActionReaction“”个⼈产品公共服务........关于信息可视化WorldConnectionDensityWorldCity-to-CityConnectionsEuropeanCity-to-CityConnectionsNorthAmericanCity-to-CityConnections106.78.28.702106.65.610.331.57.205.110.345.631.309501.512.33.562.103.23.84.3107890210761032705104631095021246203441789217610327510463195212462344123456关于任务流程与分析• users'goals• users‘waysofworking• thestepstoachievetheirgoals• users'environments(physical,social,cultural,andtechnologicalenvironments).  TaskflowAnalysisuser(agent)contentinteractioncontext台式机移动存储笔记本we 手机ipad制作存储管理查看分享网络存储产品的主要用户行为台式机移动存储笔记本we 手机ipad制作存储管理查看分享12435网络存储产品的主要用户行为元素 属性行为需求相册相册名相册中照片数更/时间相册隐私属性上传 添加管理相册-下载、删除、-名等发送预览分享大致的感觉查看数据与功能完善或重新划分是否有需求是相关联的（前后关系，或者同时需要的关系 关于体验设计的“宏观体系”个⼈消费电⼦公众服务平台20012007201020102012itunes???DNAInteractiondesig