用户体验的概念及理念行业现状和展望

GuidelinesofUserInterfaceDesign第一章用户界面设计中的若干规则,中国信息化培训中心内训专版,Why?,WhatisInterface?,“Interfaceisthecontactingpointbetweentwosystemswhereanoutputfromonesystembecomesaninputtotheothersystem.,InformationProcessing信息处理,“界面是两个系统的之间的联系纽带,一个系统中的输出信息通过界面转变成另一系统的输入信息.”,Why?,WhatisInterface?,“UserInterfaceDesignreferstoanapproachforcreatingeasy-to-understandinterfacewiththeapplicationofhumanbeingscognitivecharacteristics,informationprocessingprocesswhichisbasisforman-machineinteractionproblems.”,用户界面设计方法是指应用人的认知特征建立容易理解的界面.,GuidelinesofUserInterfaceDesign,“Therearemanygeneralguidelinesdevelopedbydiversescholarsandfordifferentpurposes:web,informationappliances.”,世界各地的学者们都根据各自的目的，发展出了不同的设计准则,GuidelinesofUserInterfaceDesign-JacobNielsen,“Therearemanygeneralguidelinesdevelopedbydiversescholarsandfordifferentpurposes:web,informationappliances.”,1.Visibility视觉效果,2.Matchthesystemtotherealworld与现实世界相对应,3.Usercontrolandfreedom用户的控制的自主性,4.Consistencyandstandards标准和一贯性,5.Errorprevention赦免,6.Recognitionrathertanrecall与其记忆不如认知,7.flexibilityandefficiencyofuse使用的灵活性和效率,8.Aestheticandminimalistdesign美学的和简化的,9.Helpusersrecognize,diagnose,andrecoverfromerrors帮助用户认识误操作，并诊断原因，从误操作中恢复,10.Helpanddocumentation帮助文件,咱们的水龙头,e$i(internet),世界各地的学者们都根据各自的目的，发展出了不同的设计准则,www.jacobnielsen.dk,GuidelinesofUserInterfaceDesign-JacobNielsen杰各布尼尔森,“Therearemanygeneralguidelinesdevelopedbydiversescholarsandfordifferentpurposes:web,informationappliances.”世界各地的学者们都根据各自的目的，发展出了不同的设计准则,1.Visibilityofsystemstatus信息的可视性,2.NaturalMapping自然映射,3.Consistency连贯性,4.Constraints约束,5.Simplicity简单直接,6.Knowledgeintheworldandhead常识性,7.DesignforError为误操作而设计,8.Standardization标准化,GuidelinesofUserInterfaceDesign-DonaldA.Norman唐诺曼,“Therearemanygeneralguidelinesdevelopedbydiversescholarsandfordifferentpurposes:web,informationappliances.”世界各地的学者们都根据各自的目的，发展出了不同的设计准则,1.Metaphors比喻,2.DirectManipulation直接的操作,3.See-and-Point,4.Consistency连贯性,5.WYSIWYG所见即所得（可视化操作）whatyouseeiswhatyouget,6.UserControl用户控制,7.FeedbackandDialog反馈与对话,8.Forgiveness赦免,9.PerceivedStability感知的稳定性,10.AestheticIntegrity美学,Visibility:Whatfunctionispossible?接下来会如何？,Visualizewhatfunctionispossible,howtouse,whereweareandwhatwouldbetheresults,soastobridgethegulfofexecutionandevaluation我们能做什么，如何做，我们现在在什么位置，结果会是什么，通过视觉化的界面将操作的结果与我们的评估联系起来,Visibility:Constraint约束,“Reducethealternativewaysofoperationsothatuserhastheonlyonewayofdoingright.”减少没必要的选择，这样用户就只能沿着唯一正确的操作直到最后,Visibility:Affordance引导,“Visualizetheclueorpropertiesofinterfacesothatuserperceivescorrectlywhatfunctionispossible.”可视化的状态和界面，使用户知道可能出现的结果,VisibilitySystemState系统状态,“Visualizewhatisthecurrentsystemstageandwhatwouldbetheresults,soastobridgethegulfofexecutionandevaluation”系统当前的状态是什么，结果会是什么，通过视觉化的界面将操作的结果与我们的评估联系起来,VisibilityWherearewenow?我们在哪？,“VisualizewherewearenowandhowfurthershouldIgototheendofprocess.”视觉化显示我们目前的位置，我们距离终点还有多远？,SimplicityInterfaceStructure界面结构,“Simplifytheinterfacestructuretominimizetheeffortneededforusingaproduct.”简化操作界面的结构，让产品的使用变得更加容易,Shallow&narrowdecisionstructure操作结构：浅窄,SimplicityFittoMemoryStructure与记忆机制相适应,Simplifytheinterfacesothattheamountofinformationcanfittothecapacityofhumanbrain.”简化界面，合适的信息量以适应大脑的记忆机制,FittomemoryStructure适应记忆机制,03518607849,03518607849,#88,SimplicityTechnology技术,Takeadvantageoftherelevanttechnologysothatcomplextaskcanbesimplified.”利用相关技术，将复杂的任务简化,Technologyforsimplicity有助于简化的技术,SimplicityVisualSimplicity视觉简化,“Keeptheappropriatelevelofabstractionofvisualimageandeliminateunnecessaryvisualimages.”保持图象的抽象性，果断地消除冗余的视觉元素,Visualsimplicity视觉简化,SimplicityFunctionalSimplicity功能简化,“Keepthenumberoffunctionsnecessary.”仅仅保留需要的功能,Functionalsimplicity功能简化,80/20,NaturalMapping自然映射,Usershouldbeabletoeasilyunderstandwhattheresultoperationwouldbebyjusttheappearanceofcontrols.应该使用户在一看到控制端时，就非常自然的理解相应的操作所产生的结果,NaturalMapping自然映射,Usershouldbeabletoeasilyunderstandwhattheresultoperationwouldbebyjusttheappearanceofcontrols.应该使用户在一看到控制端时，就非常自然的理解相应的操作所产生的结果,NaturalMapping自然映射,Usershouldbeabletoeasilyunderstandwhattheresultoperationwouldbebyjusttheappearanceofcontrols.应该使用户在一看到控制端时，就非常自然的理解相应的操作所产生的结果,NaturalMapping自然映射,Wrong!,Usershouldbeabletoeasilyunderstandwhattheresultoperationwouldbebyjusttheappearanceofcontrols.应该使用户在一看到控制端时，就非常自然的理解相应的操作所产生的结果,NaturalMapping自然映射,Usershouldbeabletoeasilyunderstandwhattheresultoperationwouldbebyjusttheappearanceofcontrols.应该使用户在一看到控制端时，就非常自然的理解相应的操作所产生的结果,Consistency延续性,Provideconsistencyinoperationsothatusercaneasilyrememberandlearnhowtooperate.延续性的操作能有效帮助用户记住并学习如何操作,Consistency延续性,Provideconsistencyinoperationsothatusercaneasilyrememberandlearnhowtooperate.延续性的操作能有效帮助用户记住并学习如何操作,Consistency延续性,Provideconsistencyinoperationsothatusercaneasilyrememberandlearnhowtooperate.延续性的操作能有效帮助用户记住并学习如何操作,Consistency延续性,Provideconsistencyinoperationsothatusercaneasilyrememberandlearnhowtooperate.连贯性的操作能有效帮助用户记住并学习如何操作,Consistency延续性,Provideconsistencyinoperationsothatusercaneasilyrememberandlearnhowtooperate.延续性的操作能有效帮助用户记住并学习如何操作,Inertial惯性,“Provideuserswithmeanstounderstandthecauseoferrorssothatusercanfixtheerror.”为用户提供故障产生的原因，意义在于有助于用户理解故障和解决故障,DesignforError:Understandingcauseoferror为错误设计：帮助用户理解故障的原因,Makeerrorsreversibleorundosothatusercanrecoverfromerrors.”使误操作可以撤消，这样用户就能从误操作的困境中摆脱,DesignforError:Makeitreversible为错误设计：“后悔药”,“Preventusersformaccidentalactivationofdestructiveerrors.”保护用户避免由于误操作导致致命错误，即使是由于偶然的失误,DesignforError:Protectagainstdestructiveerror为错误设计：保护措施,KnowledgeintheWorldandHead现实与认识,Principle06:KnowledgeintheWorldandhead规则：现实与认识,Knowledgerequiredforoperationshouldbewellallocatedtoproductoruser.Theallocationofknowledgeshouldbedecideddependingonmutualsuperioritiesofuser(head)andproduct(world).操作系统所需要具备的知识（能力），由用户和产品共同承担。知识的分配，应该由产品和用户相互的优势而定。,Standardization标准化,Principle08:Standardization标准化设计,Ifitisdifficulttoapplyalltheuserinterfaceprinciplesandsomeinterfaceshouldbearbitrarilydesigned,standardizethemtomakethemeasytouseandeffectiveafteronceuserlearnthem.如果很难统一所有用户对截面规则的认同，有时候就需要专断地统一界面的设计，使之标准化。这样可以让用户在第一次使用后就能有效地记住（规则）,Standardization标准化,Principle08:Standardization标准化设计,Ifitisdifficulttoapplyalltheuserinterfaceprinciplesandsomeinterfaceshouldbearbitrarilydesigned,standardizethemtomakethemeasytouseandeffectiveafteronceuserlearnthem.如果很难统一所有用户对截面规则的认同，有时候就需要专断地统一界面的设计，使之标准化。这样可以让用户在第一次使用后就能有效地记住（规则）,St