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

《交互设计主流方法与流程.ppt》由会员分享，可在线阅读，更多相关《交互设计主流方法与流程.ppt（42页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、交互设计主流方法与流程主讲：杨丽主讲：杨丽交互设计主流方法以用户为中心的设计（以用户为中心的设计（UCDUCD）以活动为中心的设计（以活动为中心的设计（ACDACD）系统设计（系统设计（SDSD）天才设计（天才设计（GDGD）以目标为导向的设计方法（以目标为导向的设计方法（GDDGDD）创新设计方法（创新设计方法（GDDGDD）以用户为中心的设计（UCD）UCDUCD主要根据用户的需求进行设计，用户参与或跟踪产品设计的全过程，是一种主要根据用户的需求进行设计，用户参与或跟踪产品设计的全过程，是一种将用户优先放在首位的设计模式。将用户优先放在首位的设计模式。要点包含5项：以用户需求为第一位了解用

2、户要想完成的任务确定为完成任务所采用的手段通过用户咨询，用户访谈，观察等手段验证产品模型用户参与设计的各阶段从3个方面理解UCD：在设计理念上：设计师不能把自己当成用户，一切以用户需求为核心在设计方法上：采取有效方法了解用户需求在设计过程中：尽量邀请用户参与设计，发现问题以用户为中心的设计（UCD）UCDUCD往往目标宏大，操作性会受到时间、预算和任务规模的限制。往往目标宏大，操作性会受到时间、预算和任务规模的限制。忽略人的主观能动性和对技术的适应能力。忽略人的主观能动性和对技术的适应能力。一味强调机器适应人的思想不仅在实践上不可行，在理论上也有失偏颇。一味强调机器适应人的思想不仅在实践上不可

3、行，在理论上也有失偏颇。过度屈从用户的要求会导致复杂的设计过度屈从用户的要求会导致复杂的设计以活动为中心的设计（ACD）ACDACD关注的是需要完成的任务和目标，由活动来引导设计。关注的是需要完成的任务和目标，由活动来引导设计。ACD ACD的理论基础是活动理论，的理论基础是活动理论，关注人们做什么，关注人们为工作创建的工具。关注人们做什么，关注人们为工作创建的工具。ACD的设计思想要点：ACD将用户要做的事作为重点关注对象，利于集中精力处理事情本身而不是更遥远的目标不能一味强调技术适应人UCD并非绝对正确不能过分强调不能过分强调ACDACD而忽略而忽略UCDUCD；在采用在采用ACDACD的

4、同时必须考虑的同时必须考虑UCDUCD的观点和思想。的观点和思想。ACDACD是对是对UCDUCD的反思的反思适合复杂的设计项目，集中处理事情本身而不是复杂的远景目标适合复杂的设计项目，集中处理事情本身而不是复杂的远景目标系统设计（SD）SDSD是一种非常理性的设计方法。其实质是将用户、产品、是一种非常理性的设计方法。其实质是将用户、产品、和环境等组成要素构成的系统作为一个整体来考虑，分析和环境等组成要素构成的系统作为一个整体来考虑，分析各组成要素的作用和相互影响，根据系统目标提出合理的各组成要素的作用和相互影响，根据系统目标提出合理的设计方案。设计方案。SDSD研究目标主要归纳为：系统研究目

5、标主要归纳为：系统 由哪些元素组成？由哪些元素组成？用户对系统如何？用户对系统如何？系统的外部环境如何？系统的外部环境如何？环境对目标有哪些影响环境对目标有哪些影响 环境对用户和物理系统的交互行为有哪些影响环境对用户和物理系统的交互行为有哪些影响 系统如何达到和判断是否达到目标系统如何达到和判断是否达到目标SDSD的研究目标是综合考虑和研究可能的产品创新的各种内外因素，的研究目标是综合考虑和研究可能的产品创新的各种内外因素，使系统综合使用效能最高使系统综合使用效能最高天才设计（GD）GD主要依赖设计师的智慧和经验来做设计决策。设计师以自己卓越的判断力来确定用户的需求，然后基于这样的判断设计产品

6、。天才设计与其说是一种设计方法，不如说是一种设计理念天才设计与其说是一种设计方法，不如说是一种设计理念天才设计的价值：对于富有经验的设计师来说是一种快速的和个人的工作方式一种最具柔性的设计方式，没有诸多限制，发挥空间大天才设计的几种情况：出于自信受资源和条件的限制出于保密和营销策略以目标为导向的设计方法（GDD）goal-directed designCooper（库伯）提出目标导向设计的原因：目标的重要性关注功能还是关注目标以目标为导向：以目标为设计方向GDDGDD提供了一个研究用户需求和用户体验的操作流程和相关技术。提供了一个研究用户需求和用户体验的操作流程和相关技术。更加强调对用户行为的

7、设计和对系统行为的定义。更加强调对用户行为的设计和对系统行为的定义。创新设计方法创新设计，从设计的视角来说，不仅需要树立一种批判性思维的创新设计理念，而且也需要了解和掌握实用的创新设计方法。创新设计是指充分发挥设计者的创造力，利用人类已有的相关科技成果进行创新构思，设计出具有科学性、创造性、新颖性及实用性的一种实践活动以下将分别详细介绍几种主流的设计方法以用户为中心的设计方法（UCD）UCD国际标准主要描述了在交互式计算机产品生命周期中进行以用户为中心的设计开发的总原则以及关键活动，以及对产品开发过程是否采用了以用户为中心的方法进行评估和认证。以用户为中心设计的以用户为中心设计的4 4个特征：

8、个特征：用户的积极参与和对用户及其任务要求的清楚了解在用户和系统之间适当分配功能反复设计方案多学科设计以用户为中心的设计方法（UCD）以用户为中心设计的以用户为中心设计的4 4个过程：个过程：需求采集：需求采集：了解并规定使用背景需求细则：需求细则：规定用户和组织要求设计：设计：提出设计方案，设计原型评价：评价：根据用户的评价准则评价设计以用户为中心的设计方法（UCD）UCDUCD用到的用到的6 6中最流行的方法：中最流行的方法：方法方法成本成本输出输出样本大小样本大小何时使用何时使用焦点小组焦点小组低定性低需求采集可用性测试可用性测试高定量和定性低设计和评价卡片分类卡片分类高定量高设计参与式

9、设计参与式设计低定性低设计问卷问卷低定量高需求采集和评价访谈访谈高定性低需求采集和评价以用户为中心的设计方法（UCD）思爱普公司思爱普公司(SAP)(SAP)提出的以用户为中心的设计的主要过程：提出的以用户为中心的设计的主要过程：理解用户理解用户定义交互定义交互UIUI设计设计开发验证开发验证UCDUCD的基本思想就是将用户时刻摆在所有过程的首位的基本思想就是将用户时刻摆在所有过程的首位强调用户：强调用户：以用户调研和用户观察等手段采集用户数据，这些用户数据将是设 计优良界面的基础。这些数据对定义布局、工作流、以及将功能转 换为界面控件这些方面非常有用。以用户为中心的设计方法（以用户为中心的设

10、计方法（UCDUCD）强调竞争：强调竞争：实实在在研究同类软件的好处等原型化：原型化：利用反复迭代的原型来规避后期反复更改的风险注重沟通和交流：注重沟通和交流：打破以往互相推卸责任的作风，真正的团队合作的方式，建 立多学科小组。用户的真正参与：用户的真正参与：在每次的原型中都有用户来参与测试，并观察用户的操作是 否有严重的问题，并在下一次迭代中更改。而应该避免的是 让用户成为设计师。以用户为中心的设计方法（以用户为中心的设计方法（UCD）更易于理解和使用，从而减少了培训和技术支持的成本；减少客户的不满和压力，提高他们对产品的满意度；提高用户的生产效率，提高购买本产品的公司的运营效率；提高产品的

11、质量和美感，增强了产品的影响力；能够提高产品的竞争力；制作以用户为中心的交互式产品的优点制作以用户为中心的交互式产品的优点以目标为导向的设计方法（GDD）Cooper（库伯）提出目标导向设计的原因：目标的重要性关注功能还是关注目标以目标为导向：以目标为设计方向用户导向的交互反映了用户的心理模型以目标为导向的设计方法（GDD）目标导向设计的目标导向设计的6 6个阶段：个阶段：研究（用户及应用领域）建模（用户及使用环境）定义需求（定义用户、业务及技术方面的需求）定义框架（定义设计结构及流程）细化（行为、形式及内容）支持（开发阶段的要求）以目标为导向的设计方法（GDD）目标导向设计的重要内容：目标导

12、向设计方法的基本思想是通过确定目标用户入手，明确用户使用产品要求达到的目标，运用场景分析产品是否达到用户的目的确定人物角色确定人物角色确定目标确定目标建立场景建立场景人物角色是用户的具体化，具有目标群体的真实特征，是基于真实用户的综合原型，代表了设计者关注的真正用户。用户目标、个人目标和实际目标为目标进行设计而不是为任务设计人物角色与目标场景是对角色如何使用产品达到自己目标的简明描述，是从初期调研阶段收集的信息中建立起来的。日常场景：使用者需要执行的主要任务必要场景：不常用，但必须具备的场景，如系统复原以目标为导向的设计方法（GDD）-用户目标3 3个认知处理层次：个认知处理层次：本能的行为的

13、反思的3 3种用户目标：种用户目标：体验目标-本能，即用户想要感受到什么最终目标行为，即用户想要做什么人生目标反思，即用户想要成为什么用户对产品或者物品的体验，应该是以行为设计为用户对产品或者物品的体验，应该是以行为设计为基础的，本能设计和反思设计元素的和谐统一。基础的，本能设计和反思设计元素的和谐统一。以目标为导向的设计方法（GDD）构建人物角色的步骤：构建人物角色的步骤：发现并确定行为变量将访问对象和行为变量对应起来发现并确定那些显著的行为模式综合各种特性和行为目标检查是否有重复并且是否齐全较为详细的描述属性和行为指定人物角色类型以目标为导向的设计方法（GDD）场景剧本：通过具体化来解决设

14、计问题的方法基于场景剧本设计的使用关注于描述用户如何完成任务，它由一组环境设定组成，并且包括从用户替身中抽象出来的代理或者参与者。基于人物角色的场景剧本是使用产品来实现具体的目标的一个或者多个人物角色的简明叙述性描述，我们以某个用户角色的角度通过一个故事描述其理想体验，并由此开始设计。情境场景剧本：用来在较高层次上探索产品怎样最好的满足用户的需求关键线路场景剧本：更多的描述用户与产品的交互，某个用户角色是如 何使用产品达成目标的。验证场景剧本：测试设计方案用的 场景剧本分类以目标为导向的设计方法（GDD）使用人物角色和场景剧本定义需求：使用人物角色和场景剧本定义需求：创建问题和前景综述头脑风暴

15、人物角色的期望构建情景场景剧本确定需要以目标为导向的设计方法（GDD）创建问题和前景综述创建问题和前景综述在较高层次上，问题综述问题综述定义设计的目标。设计问题综述应该简明的反映需求改变的情况。X公司的顾客满意率低，市场占有率从去年开始下降了10%。因为用户没有充足的工具完成X、Y和Z任务，而完成这些任务则帮助用户满足其目标G。前景综述前景综述高层次的设计视图和需求，是问题综述的倒置，你从用户需求开始，转向如何用设计视图满足商业目标设计新的产品X会帮助用户实现目标G，这让用户能更好的完成X、Y和Z任务，并且不会产生其现在遇到的A、B和C问题，从而会有力的改善X公司的顾客满意度，并且会增加市场占

16、有率.以目标为导向的设计方法（GDD）确定人物角色的期望确定人物角色的期望人们对于产品的期望和对于产品工作方式的想象大部分来自于他们的心智模型设计的行为和表达应该与用户的心智模型尽量一致影响人物角色愿望的态度、经历等人物角色在使用产品体验方面可能有的一般期望人物角色对产品行为的期待人物角色认为什么是数据的基本单元（例如：电子邮件中信息和人也许是数据的基本单元）。主体首先提到的是什么他们使用哪些动作动词他们没有提及对象中的哪些中间步骤、任务或对象（这些对象对他们也许不重要）构建情景场景剧本构建情景场景剧本以目标为导向的设计方法（GDD）情景场景剧本在范围上应该是广而浅的，他们不应该描述产品或交互

17、细节，情景场景剧本在范围上应该是广而浅的，他们不应该描述产品或交互细节，而是应该专注于高层次的从用户角度描述的行动。而是应该专注于高层次的从用户角度描述的行动。大多数时候可能不只需要一个情景场景剧本，尤其是当有多个首要人物角色时，大多数时候可能不只需要一个情景场景剧本，尤其是当有多个首要人物角色时，但有时单个首要人物角色也可能有两个或者多个不同的使用场景。但有时单个首要人物角色也可能有两个或者多个不同的使用场景。情景场景剧本解决以下问题：场景使用时的设置是什么它是否会被使用很长一段时间人物角色是否经常会被打断单个工作站或者设备上是否有多个用户和其一起使用的其他产品是什么人物角色需要做哪些基本的

18、行动来实现目标使用产品预期的结果是什么基于人物角色的技巧和使用的频繁程度，可允许多大的复杂性。一个情景场景剧本的例子。一个情景场景剧本的例子。下面是一个PDA和电话合成设备和服务的首要人物角色的情境场景剧本的第一次迭代的例子。人物角色Vivien Strong是印第安纳波利斯市的一个房地产代理商，他的目标是平衡工作和家庭生活，紧紧抓住每一个交易机会并且让每一个客户都感觉自己是Vivien的唯一唯一客户。Vivien的情境场景剧本如下：（1）在早晨做好准备，Vivien使用电话来收发电子邮件。他的屏幕足够大，、并且网络连接速度很快。因为早上她同时要冲忙的为女儿Alice准备带到学校的三明治，这样

19、手机比计算机更方便。（2）Vivien收到一封email，来自最新客户FRANK，他想在下午去看房子。Vivien在这几天前已经输入了他的联系信息，所以她现在只需要在屏幕上执行一个简单的操作，就可以拨打他的电话。（3）在于frank打电话的过程中，Vivien切换到免提状态，这样他能够在谈话的同时看到屏幕。她查看自己的约会记录，看看哪个时段自己还没有安排。当她创建一个新的约会时，电话自动记录下这是与frank的约会，因为它知道她是在喝水交流。谈话结束后，她快速的输入准本看的那处房地产的地址。（4）将alice送到学校之后，Vivien前往房地产办公室收集另一个会面所需的信息。她的电话已经更新了

20、其outlook约会时间，所以办公室里的其他人都知道她下午在哪里。（5）一天过得真快，当她前往即将查看的那处房地产并准备和frank见面时，已经有点晚了，电话告诉她约会将在15分钟之后。当她打开电话时，电话不仅显示了约会记录，而且将与frank相关的所有文件，包括电子邮件、备忘录、电话留言，与Frank右端的电话日志，甚至包括Vivien作为电子邮件的附件发送的房地产的微缩图像。Vivien按下呼出键，电话自动连接到frank，因为它知道Vivien立即就要与frank见面，她告诉frank她将在20分钟之内到达。（6）Vivien知道那处房地产的大致位置，但不是很确切。他停在路边，在电话中打

21、开存在约会记录中的地址，电话直接下载了从他当前地点到目的地的微缩地理图像。（7）Vivien按时到达了访谈处，并且开始向frank介绍这处房地产。他听到从手机中传出电话铃声，通常当她在约会时会自动将电话转接到语言信箱。但Vivien可以输入密码跨越这一过程。电话知道是alice在打电话，并使用了特别的响铃声。（8）Vivien拿起了电话alice错过了公交，需要接她。Vivien给她丈夫打电话看他能否代劳，可是访问的却是其语音信箱，他肯定是不在服务区。她给自己的丈夫留言，告诉他自己和客户在一起，看他能否去接ALICE。5分钟后，电话发出了一个简短的铃声。从音调中，Vivien可以判断出这个短信

22、是他丈夫发给她的。他看到了丈夫发出的短信息：我会去接alice，好运以目标为导向的设计方法（GDD）确定需求确定需求从情境场景剧本中分析并提取人物角色的需求。这些需求包括对象、动作以及情境。数据需求数据需求功能需求功能需求其他需求其他需求以目标为导向的设计方法（GDD）-从需求到设计：框架和细化从需求到设计：框架和细化交互框架交互框架视觉设计框架视觉设计框架设计框架：设计框架：定义了用户体验的整体结构，从屏幕上功能元素的组织，到交互行为及其底层组织原则，到采用何种视觉和形式语言来表现数据、概念、功能和品牌形象等。以目标为导向的设计方法（GDD）-从需求到设计：框架和细化从需求到设计：框架和细化

23、定义交互框架步骤：定义交互框架步骤：定义外形因素、姿态和输入方法定义功能和数据元素决定功能组和层次勾画出大致的交互框架构建关键线路场景剧本通过验证性的场景剧本来检查设计以目标为导向的设计方法（GDD）-从需求到设计：框架和细化从需求到设计：框架和细化定义视觉设计框架步骤：定义视觉设计框架步骤：开发视觉语言研究将选好的视觉风格变成屏幕原型以目标为导向的设计方法（GDD）-从需求到设计：框架和细化从需求到设计：框架和细化细化外形与行为细化外形与行为坚实并稳定的架构定义之后，接下来的工作便开始明朗起来，每次关键线路场景剧本的重复都会让设计整体更加一直连贯。这是转到细化阶段的过渡期，这时的设计具备了最

24、终的具体形式。在细化阶段，草图故事板将变成全解析度的屏幕，在像素级上来描绘用户界面。要尽量考虑到所有主要的视图和对话用HTML和Flash来制作交互原型也很有用交互设计的过程模型交互设计过程模型瀑布模型：瀑布模型：系统需求分析系统需求分析交互设计产品原型 设计评价是通过一系列阶段系列展开，从系统需求分析开始到设计评价，设计进程从一个阶段流动到下一个阶段，故称瀑布模型。交互设计过程模型迭代模型：迭代模型：需求的采集需求的采集 和细化和细化快速设计快速设计建造原型建造原型客户评价原型客户评价原型对原型加工对原型加工产生样品产生样品开始开始停止停止迭代的本意是不断取代或轮换直到得到希望的结果，其意思是希望的结果是通过多次循环才可能得到的，而每一次循环都会有一个结果，下一次循环的结果则是上一次结果的改进。交互设计过程模型普里斯提出的交互设计过程普里斯提出的交互设计过程1、识别需要并建立需求2、开发可选择的多个设计方案3、构建设计方案的可交互版本4、评估设计交互设计过程模型斯蒂文斯蒂文汤姆提出的设计过程通用模型汤姆提出的设计过程通用模型1、发现阶段收集解释2、设计和评估阶段交互设计原则交互设计原则