交互设计主流方法与流程PPT.ppt

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,HUAWEI TECHNOLOGIES CO.,LTD.,Page,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,HUAWEI TECHNOLOGIES CO.,LTD.,Page,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,交互设计主流方法与流程,主讲：杨丽,交互设计主流方法,以用户为中心的设计（,UCD,）,以活动为中心的设计（,ACD,）,系统设计（,SD,）,天才设计（,GD,）,以目标为导向的设计方法（,GDD,）,创新设计方法（,GDD,）,以用户为中心的设计（,UCD,）,UCD,主要根据用户的需求进行设计，用户参与或跟踪产品设计的全过程，是一种,将用户优先放在首位的设计模式。,要点包含,5,项：,以用户需求为第一位,了解用户要想完成的任务,确定为完成任务所采用的手段,通过用户咨询，用户访谈，观察等手段验证产品模型,用户参与设计的各阶段,从,3,个方面理解,UCD,：,在设计理念上：设计师不能把自己当成用户，一切以用户需求为核心,在设计方法上：采取有效方法了解用户需求,在设计过程中：尽量邀请用户参与设计，发现问题,以用户为中心的设计（,UCD,）,UCD,往往目标宏大，操作性会受到时间、预算和任务规模的限制。,忽略人的主观能动性和对技术的适应能力。,一味强调机器适应人的思想不仅在实践上不可行，在理论上也有失偏颇。,过度屈从用户的要求会导致复杂的设计,以活动为中心的设计（,ACD,）,ACD,关注的是需要完成的任务和目标，由活动来引导设计。,ACD,的理论基础是活动理论，,关注人们做什么，关注人们为工作创建的工具。,ACD,的设计思想要点：,ACD,将用户要做的事作为重点关注对象，利于集中精力处理事情本身,而不是更遥远的目标,不能一味强调技术适应人,UCD,并非绝对正确,不能过分强调,ACD,而忽略,UCD,；,在采用,ACD,的同时必须考虑,UCD,的观点和思想。,ACD,是对,UCD,的反思,适合复杂的设计项目，集中处理事情本身而不是复杂的远景目标,系统设计（,SD,）,SD,是一种非常理性的设计方法。其实质是将用户、产品、,和环境等组成要素构成的系统作为一个整体来考虑，分析,各组成要素的作用和相互影响，根据系统目标提出合理的,设计方案。,SD,研究目标主要归纳为：系统 由哪些元素组成？,用户对系统如何？,系统的外部环境如何？,环境对目标有哪些影响,环境对用户和物理系统的交互行为有哪些影响,系统如何达到和判断是否达到目标,SD,的研究目标是综合考虑和研究可能的产品创新的各种内外因素，,使系统综合使用效能最高,天才设计（,GD,）,GD,主要依赖设计师的智慧和经验来做设计决策。设计师以自己卓越的判断,力来确定用户的需求，然后基于这样的判断设计产品。,天才设计与其说是一种设计方法，不如说是一种设计理念,天才设计的价值：,对于富有经验的设计师来说是一种快速的和个人的工作方式,一种最具柔性的设计方式，没有诸多限制，发挥空间大,天才设计的几种情况：,出于自信,受资源和条件的限制,出于保密和营销策略,以目标为导向的设计方法（,GDD,）,goal-directed design,Cooper,（库伯）提出目标导向设计的原因：,目标的重要性,关注功能还是关注目标,以目标为导向：以目标为设计方向,GDD,提供了一个研究用户需求和用户体验的操作流程和相关技术。,更加强调对用户行为的设计和对系统行为的定义。,创新设计方法,创新设计，从设计的视角来说，不仅需要树立一种批判性,思维的创新设计理念，而且也需要了解和掌握实用的创新,设计方法。,创新设计是指充分发挥设计者的创造力，利用人类已有的,相关科技成果进行创新构思，设计出具有科学性、创造性、,新颖性及实用性的一种实践活动,以下将分别详细介绍几种主流的设计方法,以用户为中心的设计方法（,UCD,）,UCD,国际标准主要描述了在交互式计算机产品生命周期中进行以用户为中心,的设计开发的总原则以及关键活动，以及对产品开发过程是否采用了以用户,为中心的方法进行评估和认证。,以用户为中心设计的,4,个特征：,用户的积极参与和对用户及其任务要求的清楚了解,在用户和系统之间适当分配功能,反复设计方案,多学科设计,以用户为中心的设计方法（,UCD,）,以用户为中心设计的,4,个过程：,需求采集：,了解并规定使用背景,需求细则：,规定用户和组织要求,设计：,提出设计方案，设计原型,评价：,根据用户的评价准则评价设计,以用户为中心的设计方法（,UCD,）,UCD,用到的,6,中最流行的方法：,方法,成本,输出,样本大小,何时使用,焦点小组,低,定性,低,需求采集,可用性测试,高,定量和定性,低,设计和评价,卡片分类,高,定量,高,设计,参与式设计,低,定性,低,设计,问卷,低,定量,高,需求采集和评价,访谈,高,定性,低,需求采集和评价,以用户为中心的设计方法（,UCD,）,思爱普公司,(SAP),提出的以用户为中心的设计的主要过程：,理解用户,定义交互,UI,设计,开发验证,UCD,的基本思想就是将用户时刻摆在所有过程的首位,强调用户：,以用户调研和用户观察等手段采集用户数据，这些用户数据将是设,计优良界面的基础。这些数据对定义布局、工作流、以及将功能转,换为界面控件这些方面非常有用。,以用户为中心的设计方法（,UCD,）,强调竞争：,实实在在研究同类软件的好处等,原型化：,利用反复迭代的原型来规避后期反复更改的风险,注重沟通和交流：,打破以往互相推卸责任的作风，真正的团队合作的方式，建,立多学科小组。,用户的真正参与：,在每次的原型中都有用户来参与测试，并观察用户的操作是,否有严重的问题，并在下一次迭代中更改。而应该避免的是,让用户成为设计师。,以用户为中心的设计方法（,UCD,）,更易于理解和使用，从而减少了培训和技术支持的成本；,减少客户的不满和压力，提高他们对产品的满意度；,提高用户的生产效率，提高购买本产品的公司的运营效率；,提高产品的质量和美感，增强了产品的影响力；,能够提高产品的竞争力；,制作以用户为中心的交互式产品的优点,以目标为导向的设计方法（,GDD,）,Cooper,（库伯）提出目标导向设计的原因：,目标的重要性,关注功能还是关注目标,以目标为导向：以目标为设计方向,用户导向的交互反映了用户的心理模型,以目标为导向的设计方法（,GDD,）,目标导向设计的,6,个阶段：,研究（用户及应用领域）,建模（用户及使用环境）,定义需求（定义用户、业务及技术方面的需求）,定义框架（定义设计结构及流程）,细化（行为、形式及内容）,支持（开发阶段的要求）,以目标为导向的设计方法（,GDD,）,目标导向设计的重要内容：,目标导向设计方法的基本思想是通过确定目标用户入手，明确用户使用,产品要求达到的目标，运用场景分析产品是否达到用户的目的,确定人物角色,确定目标,建立场景,人物角色是用户的具体化，具有目标群体的真,实特征，是基于真实用户的综合原型，代表了,设计者关注的真正用户。,用户目标、个人目标和实际目标,为目标进行设计而不是为任务设计,人物角色与目标,场景是对角色如何使用产品达到自己目标的简明描述，是从,初期调研阶段收集的信息中建立起来的。,日常场景：使用者需要执行的主要任务,必要场景：不常用，但必须具备的场景，如系统复原,以目标为导向的设计方法（,GDD,）,-,用户目标,3,个认知处理层次：,本能的,行为的,反思的,3,种用户目标：,体验目标,-,本能，即用户想要感受到什么,最终目标,行为，即用户想要做什么,人生目标,反思，即用户想要成为什么,用户对产品或者物品的体验，应该是以行为设计为,基础的，本能设计和反思设计元素的和谐统一。,以目标为导向的设计方法（,GDD,）,构建人物角色的步骤：,发现并确定行为变量,将访问对象和行为变量对应起来,发现并确定那些显著的行为模式,综合各种特性和行为目标,检查是否有重复并且是否齐全,较为详细的描述属性和行为,指定人物角色类型,以目标为导向的设计方法（,GDD,）,场景剧本：通过具体化来解决设计问题的方法,基于场景剧本设计的使用关注于描述用户如何完成任务，它由一组环境设定组成，,并且包括从用户替身中抽象出来的代理或者参与者。,基于人物角色的场景剧本是使用产品来实现具体的目标的一个或者多个人物角,色的简明叙述性描述，我们以某个用户角色的角度通过一个故事描述其理想体验，,并由此开始设计。,情境场景剧本：用来在较高层次上探索产品怎样最好的满足用户的需求,关键线路场景剧本：更多的描述用户与产品的交互，某个用户角色是如,何使用产品达成目标的。,验证场景剧本：测试设计方案用的,场景剧本分类,以目标为导向的设计方法（,GDD,）,使用人物角色和场景剧本定义需求：,创建问题和前景综述,头脑风暴,人物角色的期望,构建情景场景剧本,确定需要,以目标为导向的设计方法（,GDD,）,创建问题和前景综述,在较高层次上，,问题综述,定义设计的目标。设计问题综述应该简明的反映,需求改变的情况。,X,公司的顾客满意率低，市场占有率从去年开始下降了,10%,。,因为用户没有充足的工具完成,X,、,Y,和,Z,任务，而完成这些任务,则帮助用户满足其目标,G,。,前景综述,高层次的设计视图和需求，是问题综述的倒置，你从用户需求开始，,转向如何用设计视图满足商业目标,设计新的产品,X,会帮助用户实现目标,G,，这让用户能更好的完成,X,、,Y,和,Z,任务，,并且不会产生其现在遇到的,A,、,B,和,C,问题，从而会有力的改善,X,公司的顾客,满意度，并且会增加市场占有率,.,以目标为导向的设计方法（,GDD,）,确定人物角色的期望,人们对于产品的期望和对于产品工作方式的想象大部分来自于他们的心智模型,设计的行为和表达应该与用户的心智模型尽量一致,影响人物角色愿望的态度、经历等,人物角色在使用产品体验方面可能有的一般期望,人物角色对产品行为的期待,人物角色认为什么是数据的基本单元（例如：电子邮件中信息和人也许是数据的,基本单元）。,主体首先提到的是什么,他们使用哪些动作动词,他们没有提及对象中的哪些中间步骤、任务或对象（这些对象对他们也许不重要）,构建情景场景剧本,以目标为导向的设计方法（,GDD,）,情景场景剧本在范围上应该是广而浅的，他们不应该描述产品或交互细节，,而是应该专注于高层次的从用户角度描述的行动。,大多数时候可能不只需要一个情景场景剧本，尤其是当有多个首要人物角色时，,但有时单个首要人物角色也可能有两个或者多个不同的使用场景。,情景场景剧本解决以下问题：,场景使用时的设置是什么,它是否会被使用很长一段时间,人物角色是否经常会被打断,单个工作站或者设备上是否有多个用户,和其一起使用的其他产品是什么,人物角色需要做哪些基本的行动来实现目标,使用产品预期的结果是什么,基于人物角色的技巧和使用的频繁程度，可允许多大的复杂性。,一个情景场景剧本的例子。,下面是一个,PDA,和电话合成设备和服务的首要人物角色的情境场景剧本的第一次迭代,的例子。人物角色,Vivien Strong,是印第安纳波利斯市的一个房地产代理商，他的目,标是平衡工作和家庭生活，紧紧抓住每一个交易机会并且让每一个客户都感觉自己是,Vivien,的,唯一,客户。,Vivien,的情境场景剧本如下：,（,1,）在早晨做好准备，,Vivien,使用电话来收发电子邮件。他的屏幕足够大，,、并且网络连接速度很快。因为早上她同时要冲忙的为女儿,Alice,准备带到学,校的三明治，这样手机比计算机更方便。,（,2,）,Vivien,收到一封,email,，来自最新客户,FRANK,，他想在下午去看房子。,Vivien,在这几天前已经输入了他的联系信息，所以她现在只需要在屏幕上执行一个简单的操作，就可以拨打他的电话。,（,3,）在于,frank,打电话的过程中，,Vivien,切换到免提状态，这样他能够在谈话的,同时看到屏幕。她查看自己的约会记录，看看哪个时段自己还没有安排。当她,创建一个新的约会时，电话自动记录下这是与,frank,的约会，因为它知道她是在喝水交流。谈话结束后，她快速的输入准本看的那处房地产的地址。,（,4,）将,alice,送到学校之后，,Vivien,前往房地产办公室收集另一个会面所需的信息。她的电话已经更新了其,outlook,约会时间，所以办公室里的其他人都知道她下午在哪里。,（,5,）一天过得真快，当她前往即将查看的那处房地产并准备和,frank,见面时，已经有点晚了，电话告诉她约会将在,15,分钟之后。当她打开电话时，电话不仅显示了约会记录，而且将与,frank,相关的所有文件，包括电子邮件、备忘录、电话留言，与,Frank,右端的电话日志，甚至包括,Vivien,作为电子邮件的附件发送的房地产的微缩图像。,Vivien,按下呼出键，电话自动连接到,frank,，因为它知道,Vivien,立即就要与,frank,见面，她告诉,frank,她将在,20,分钟之内到达。,（,6,）,Vivien,知道那处房地产的大致位置，但不是很确切。他停在路边，在电话中打开存在约会记录中的地址，电话直接下载了从他当前地点到目的地的微缩地理图像。,（,7,）,Vivien,按时到达了访谈处，并且开始向,frank,介绍这处房地产。他听到从手机中传出电话铃声，通常当她在约会时会自动将电话转接到语言信箱。但,Vivien,可以输入密码跨越这一过程。电话知道是,alice,在打电话，并使用了特别的响铃声。,（,8,）,Vivien,拿起了电话,alice,错过了公交，需要接她。,Vivien,给她丈夫打电话看他能否代劳，可是访问的却是其语音信箱，他肯定是不在服务区。她给自己的丈夫留言，告诉他自己和客户在一起，看他能否去接,ALICE,。,5,分钟后，电话发出了一个简短的铃声。从音调中，,Vivien,可以判断出这个短信是他丈夫发给她的。他看到了丈夫发出的短信息：我会去接,alice,，好运,以目标为导向的设计方法（,GDD,）,确定需求,从情境场景剧本中分析并提取人物角色的需求。这些需求包括对象、,动作以及情境。,数据需求,功能需求,其他需求,以目标为导向的设计方法（,GDD,）,-,从需求到设计：框架和细化,交互框架,视觉设计框架,设计框架：,定义了用户体验的整体结构，从屏幕上功能元素的组织，到交互,行为及其底层组织原则，到采用何种视觉和形式语言来表现数据、概念、功能,和品牌形象等。,以目标为导向的设计方法（,GDD,）,-,从需求到设计：框架和细化,定义交互框架步骤：,定义外形因素、姿态和输入方法,定义功能和数据元素,决定功能组和层次,勾画出大致的交互框架,构建关键线路场景剧本,通过验证性的场景剧本来检查设计,以目标为导向的设计方法（,GDD,）,-,从需求到设计：框架和细化,定义视觉设计框架步骤：,开发视觉语言研究,将选好的视觉风格变成屏幕原型,以目标为导向的设计方法（,GDD,）,-,从需求到设计：框架和细化,细化外形与行为,坚实并稳定的架构定义之后，接下来的工作便开始明朗起来，每次关键,线路场景剧本的重复都会让设计整体更加一直连贯。这是转到细化阶段,的过渡期，这时的设计具备了最终的具体形式。,在细化阶段，草图故事板将变成全解析度的屏幕，在像素级上来描绘,用户界面。,要尽量考虑到所有主要的视图和对话,用,HTML,和,Flash,来制作交互原型也很有用,交互设计的过程模型,交互设计过程模型,瀑布模型：,系统需求分析,交互设计,产品原型,设计评价,是通过一系列阶段系,列展开，从系统需求,分析开始到设计评价，,设计进程从一个阶段,流动到下一个阶段，,故称瀑布模型。,交互设计过程模型,迭代模型：,需求的采集,和细化,快速设计,建造原型,客户评价原型,对原型加工,产生样品,开始,停止,迭代的本意是不断取代或轮换,直到得到希望的结果，其意思,是希望的结果是通过多次循环,才可能得到的，而每一次循环,都会有一个结果，下一次循环,的结果则是上一次结果的改进。,交互设计过程模型,普里斯提出的交互设计过程,1,、识别需要并建立需求,2,、开发可选择的多个设计方案,3,、构建设计方案的可交互版本,4,、评估设计,交互设计过程模型,斯蒂文,汤姆提出的设计过程通用模型,1,、发现阶段,收集,解释,2,、设计和评估阶段,交互设计原则,交互设计不是凭空猜测,用户界面应该基于用户的心理模型，而不能基于实现模型,目标导向的交互反映了用户的心理模型,用户不理解布尔逻辑,重大改变必须是非常好的改变,没有人愿意停留在新手级别,为中间用户优化,交互设计原则,无论你的界面多酷，越少越好,让用户直接操作产品，而不是强迫用户和产品讨论,提供非模态的反馈,提供符合情境的信息,尽可能的消除每一个附加工作,人来思考，机器来做,所有的习惯用法都需要学习，好的习惯用法只需要学一次,