交互设计7 交互设计过程.pptVIP

线框图 注释 线框图本身 附加信息 附加信息 与线框图设计相关的数据，如设计者、设计与修订日期、版本信息与更新内容、相关文档、遗留问题及有关说明等。 线框图可以清楚又直观地表达设计概念、界面布局和各级界面之间的协调关系，便于项目组成员之间的交流和与相关人员的沟通。 在设计的初期，线框图通常采线手绘的形式，尔后可用Visio、Balsamiq、Axure和Photoshop、Illustrator等工具来绘制。前者用于低保真线框图、后者用于高保真线框图。 Wish manager/Dreamer项目的高保真线框图 （作者：谭慧　张明真　李冠男　马迪） 交互式地铁信息终独端界面低保真线框图 小结 Preece提出的交互设计的过程模型包括识别需要并建立需求、开发可选择的多个设计方案、构建设计方案的可交互版本和评估设计四个阶段，而Heim则简化为发现、设计和评估三个阶段。这两种模型在本质是并无多大区别且可以互相转换。 交互设计模型转换图 将基于用户研究信息转变为用户需求，以便转变为设计概念，需要采用一定的方式和技术。Volere需求模板提供了的范式，可以系统、准确、规范的表示用户需求，值得学习和灵活应用。在任务描述中采用情节、故事板、用例和任务分析等以及在概念设计阶段用到的语义网络、 情绪板和流程图等方法和技术在交互设计中十分有用，有些工具还可以在交互设计过程中的不同阶段使用。 需求分析、概念设计、原型构建和设计评估的四个过程应采用迭代式而不是单一的瀑布式，或者将瀑布模型作一次迭代中的完整过程，即局部为瀑布模型总体为迭代模型。 小结 制定观察提纲 沃尔玛超市的观察提纲 Step 3: 调研的流程 商品量 如何传达商品量（种类、数量）丰富 商品如何陈列？分类的维度？（品类？色系？花色？新旧？……）货架高度、位置 新上市和过季的商品分别如何陈列 制定观察提纲 沃尔玛超市的观察提纲 Step 3: 调研的流程 关联产品 关联产品有哪些？ 关联产品货架的具体安排（具体品类的顺序、距离） 制定观察提纲 沃尔玛超市的观察提纲 Step 3: 调研的流程 便利性与用户购物行为 消费者特征（年龄、穿着、性别……） 特地来买？顺便购买？（关注购物车中的其他商品） 关注什么及顺序？提问什么及顺序？ 人是怎么决策购买的？主要参考什么？ 进行同类商品比较时的行为 是一个人还是有朋友陪逛？ 一次购买多少件同类商品和关联商品？ 制定观察提纲 沃尔玛超市的观察提纲 Step 3: 调研的流程 设计 总体的感觉（第一映像） 货架、展台的设计怎么符合他的人群定位 分组分工 由于需要到4个场地的调研，所以要安排每个调研地点的时间和参与人员。每个调研team可以邀请不同的角色，产品经理、市场运营、设计师，甚至可以邀请开发工程师一起参与进来。 根据每个角色的专业优势安排不同的观察任务。 Step 4: 调研的流程 有组织的观察 对任何一个观察内容都安排了2-3人同时观察，这样的理由是为了就观察的内容可以相互讨论。对于观察提纲中的所有内容，研究员必须全程参与。 Step 5: 调研的流程 调研时间 xxxx-xx-xx 周x 调研地点 沃尔玛超市 研究员 研究员Richard 参加人员 产品经理Peter 交互设计师Dora、视觉设计师Denis 市场运营Oscar 工程师 Edison 导航 研究员Richard、交互设计师Dora、视觉设计师Denis 价格与促销 研究员Richard、市场运营Oscar、研究员Richard 导购服务——人 研究员Richard、产品经理Peter、工程师 Edison 导购服务——物 研究员Richard、产品经理Peter、工程师 Edison 商品量 研究员Richard、市场运营Oscar、产品经理Peter 关联产品 研究员Richard、市场运营Oscar 便利性与用户购物行为 研究员Richard、交互设计师Dora、、产品经理Peter 设计 研究员Richard、交互设计师Dora、视觉设计师Denis 有组织的观察 正式开始有组织的观察调研，需要做到三点： 首先，按照预先安排好的分工和提纲，结构化地开展； 其次，留心人、环境、人们的行为、人们的对话； 再次，观察过程中不忘记录，使用相机、笔记，甚至手绘图。 Step 5: 调研的流程 设计师由当场手绘转成电子稿的超市家纺区的平面图，用于导航以及关联营销的研究。 成为用户 成为用户要求team中的人都亲自做一回顾客，尝试购买挑选，以一个普通买家的身份亲自与超市中的导购员沟通交流。这其实是一种类似角色扮演的方法，一方面可以帮助team成员更好地了解我们的调研对象；另一方面有利于发现我们对研究对象的理解和实际的差异。 Ste