交互设计学习.ppt

ucd是usercentered design（以用户为中心的设计 方法）的简称，早在工业界就已经使用ucd的方法了，现在在数 字产品领域为了提高产品的用户体验，都在推广和使用该方法， 并且ucd的方法是贯穿于整个产品设计的各个阶段的方法。 使用ucd在进行产品设计时，是从用户的需求和用户的感受出 发，围绕用户为中心设计产品，而不是让用户去适应产品，无论产 品的使用流程、产品的信息架构、人机交互方式等，都需要考虑用 户的使用习惯、预期的交互方式、视觉感受等方面。 ucd的基本思想就是将用户时刻摆在所有过程的首位 为用户所考虑的方面案例 考虑用户的使用环境 用户在使用时经常中断操作，而去接电话等，从而 设置了自动保存的功能 考虑使用中的安全性，避免不必要的操作 把发送按钮提前置灰，这样就可以避免不必要的操 作，并且为了防止误点，给用户增加点难度，让 其精神更集中 考虑符合用户的心智模型 短信宝把手动数据同步按钮改为局部自动实时 同 步，因为用户并不想知道数据是什么，如何同步。 考虑社会因素 利用短信去维持社会关系，在设计中加入了定时发 送短信的控件（可以让用户定时给客户发送一些 祝福类短信） 考虑人的心理因素 在调查中发现有的客户喜欢颜色亮丽的设计、有 的喜欢朴素的，因此我们在具体的设计表现中采用 了可以定制颜色的设计，原理：（用户控制：用户 应该总 是感觉在控制软件而不是感觉被软件所控 制。) 考虑人的情感 通过简洁 愉悦中国风的设计使人在使用中增 加情感，使用户喜欢使用这款产品。 考虑自然的映射 如图标的设计等方面 等等 衡量一个好的以用户为中心的产品设计，可以有以下几个纬度： 产品在特定使用环境下为特定用户用于特定用途时所具有 工作效率使用有效果 使用安全 良好的实用性 易学用法易记 令人满足 有趣 情感满足 成就感 激发创造性 富美感 富有启发性 有用 引人入胜 令人愉快 可用性 目标 强调用户：以用户调研和用户观察等手段采集用户数据，这些用户 数据将是设计优良界面的基础。这些数据对定义布局、工作流、以 及将功能转换为界面控件这些方面非常有用。 强调竞争：实实在在研究同类软件的好处等 原型化：利用反复迭代的原型来规避后期反复更改的风险 注重沟通和交流：打破以往互相推卸责任的作风， 真正的团队合作的方式，建立多学科小组。 用户的真正参与：在每次的原型中都有用户来参 与测试，并观察用户的操作是否有严重的问题， 并在下一次迭代中更改。而应该避免的是让用户 成为设计师。 “以用户为中心”方法的特点（从用户中来到用户中去）： 传统产品开发和设计方式与ucd方式比较表： 传统传统 方式ucd方式 技术驱动术驱动 ：在项目开始，会收集一些客户 需 求，但在设计 和开发过 程中很少再收集用 户 数据了。 用户驱动户驱动 ：用户参与到设计 和开发的每个 阶 段。首先设计 用户体验，然后根据设计结 果 创建产品或系统体系结构。 关心的是功能的实现 和技术第一位关心的是用户户的目标标及其任务务 有限的多学科协作多学科小组组成员紧员紧 密合作，达成一致的目 标标 没有专门 考虑用户体验专门专门 考虑虑用户户体验验 通过估计和猜测设计产 品，无竞争力与大部分客户户当前完成制定任务务所采用的 方 法进进行竞竞争。（如与其他做的好的同类软 ， 或者与用户正在使用的类似方法。） 开发先于用户评测由用户评测设计户评测设计 方案后才开发发 产品缺陷质量观用户质户质 量观观 不重视用户测试很重视视用户测试户测试 只考虑现 有用户考虑虑当前和将来的所有用户户 制作以用户为中心的交互式产品的优点： 更易于理解和使用，从而减少了培训和技术支持的成本； 减少客户的不满和压力，提高他们对产品的满意度； 提高用户的生产效率，提高购买本产品的公司的运营效率； 提高产品的质量和美感，增强了产品的影响力； 能够提高产品的竞争力； 以用户为中心的设计 规范化的工作流程 阶段1阶段2阶段3阶段4 阶段 调研 （谁该 使用该产 品?该产 品将为他们解 决什么问题 ） 定义典型用户 （人物角色） 建立信息的结构概念设计 输入 产品规划 立项前的ppt文件 （商业目标、可用性目标、用户定位、 主要竞争者） 调研成果脚本提纲 规划中的功能列表 等 前面经过 的所有结果在这里 都要用到。 活动 用户调 研 理解用户试图获 得什么（目标） 理解客户做什么（任务过 程） 理解客户的工作环境（任务关联） 领域专长 和技术专长 相关产品研究 人物角色 首要人物角色、次要人物角色 、辅助人物角色、被服务的人 物角色、负面人物角色、合作 伙伴、顾客、组织 建立信息结构客户看到、听到和触及的每 一件事物的所有方面都被设 计。 （如数商产品，哪些操作和 设计 可以在前台通过不同身 份的认证 就可以完成 ;商品 维护 的部分可以在前台就可 以完成等，一些所见即所得 的设计 ） 结果 调研后的即时总结 会议 主要目的反馈到多学科小组中形成一致 的设计 目标。（多学科小组在项目立项 伊始就已经成立，一般包括：交互设计 师、视觉设计师 、产品经理、产品规划 经理、需求人员、技术人员等 ） 创建人物角色综合模型 （用基于人物角色的设计 来构 思帮助用户达到目标的设计 方 案） 建立基于人物角色的脚本提纲 信息结构图概念设计 原型 界面视觉风 格 （经过 草图多次讨论测试 综合衡量并迭代产出线稿原 型，再由视觉设计师 在此 原型上出界面视觉 效果图并 确认风 格） 方式方 法 使用人种学调查 技术： 观察法、访谈 、问卷、焦点小组等（根 据项目情况选择 使用）（如果没有可竞 争的基于计算机的解决方案，那么就要 对用户使用的类似方法做调研） 场景脚本提纲建立方法 （情景设计 法） 草图正式结构 迭代法 头脑风 暴的方式，进行概念 模型创意，不同学科的人补 充该学科的意见，比如技术 人员将会给出一些设计 上的 限制和建议等。并进行多方 面的权衡 阶段5阶段阶段阶段 阶段 详细设计产品开发跟踪 界面测试为下一个版本做准备 输入 随着概念模型的清晰，驱使客户体验的技 术也就确定 ，可以进行详细设计 随着界面的开发进 程发布前发布后 活动 低级原型向高级原型的转化 启发式评估 可用性测试 详细 界面视觉 效果的设计 （在详细设计 的过程中依然遵循原型的快 速迭代，而使得界面更加趋于完善） 开发阶 段为了保证编码 后的 界面不失去原先设计 的准则， 进行开发跟踪，并把发现 的问 题及时做调整 进行界面的后期测试 。 跟踪用户使用，发现问题 ， 收集问题 ，重新思考，为下 一次版本的迭代做准备 结果 高级界面原型 具体界面效果图 界面中各种元素和控件的制作 效果演示demo 交互设计说 明书 视觉设计 指南 （文档的建立以保证界面搭建和在开发的 过程中人员的更换而能顺利继续 开发中 有据可依，使得产品质量不受影响） 问题 及时反馈 问题 列表 问题 会议 问题 列表可用性测试报 告 方式方 法 启发评 估方法、可用性测试 方法、迭代随测会议室评估可用性测试 方法 规范化的工作文档 编写文档的目的： 1、横向：文档在开发过程中最主要的职能是“沟通”。尤其适用于大型的项目，涉及的人员较多的时候。 2、纵向：文档也是日后产品设计维护和扩展的依据，即使是更换项目组的人，也对项目影响不大。 交付的成果中包括两类文档： 交互设计说明书 用户界面设计指南 规范化的工作文档 交互设计说明书的作用和内容： 交互设计需要综合考虑用户在使用交互式产 品的过程中，是否感到满意、心情舒畅、有成就 感等好的用户体验，还要考虑产品是否能高效的 帮助用户达到其使用目标，从而达到其生活的目 标。 因此交互设计就是以此为目标，对交互软件 的信息构架进行设计，对最佳的操作流程进行设 计，以及即时的反馈设计等，从而提供高效易用 的交互界面。 交互设计说明书就是对于以上设计提供的详 细界面说明以及形式和行为规范等的说明。ui视 觉设计师以及搭建界面的工程师和界面测试人员 将参照此文档进行自己相关的工作。 规范化的工作文档 用户界面设计指南的作用和内容： 用户界面设计指南是提供软件产品外观的总 体美观的用户体验方案的说明。如元素和元素之 间的距离，界面的标准布局规则，标准的配色方 案，标准的按钮大小、标准按钮状态的几种表现 如何实现等。 按照此指南搭建的界面，将使得界面达到更 好的一致性。并且对于一些视觉设计师没有设计 到的边缘界面，gui设计师看着指南自己也能搭 建出来符合标准的美观的界面。 这样能减少沟通成本和减少人力成本，并提 高工作效率。 工作成果 统一的设计思维方式和统一的设计方式方法 由于现在人员水平和素质的不同，所以设计出来的作品质量高低不一，我们采用统一的设计 思维方式的灌输和统一的设计方式方法的运用，是保证公司产品设计按质按量完成的关键。 以用户为中心的设计思想和方法的灌输： 改变以前闭门造车的设计作风，拍着脑袋想的坏习惯，做到走到用户中去，研究用户、观察 用户， 做用户心中的蛔虫，把用户不需要的东西拿走。好的设计思想和原则的学习和运用，比 如，用户控制的原则、所见即所得的原则、消除附加工作的原则、在输出的地方提供输入的原则 等。 运用统一的设计行动的方式方法： 为了控制经由不同人的手设计出来的产品的质量，必须统一运用好正确的设计方式方法， 把方式方法硬性规定下来，并且设计人员强制执行，如用户调研的方式方法、场景脚本提纲法、 原型法、会议室集中解