产品设计五层构架课件.pptVIP

框架图 在框架层 界面设计考虑可交互元素的布局； 导航设计考虑引导用户移动的元素的安排； 信息设计考虑传达给用户的信息要素的排布。 表现层——视觉设计 视觉设计不仅仅是美术，重点是关注用户的注意力 视觉设计不能只考虑个人喜好，要支持各个模块的区别，要使用户清楚可用 视觉设计要与战略定位保持一致 忠于眼睛 眼球追踪 要遵循一条流畅的线路 不忙碌、不拥挤 为用户提供有效的选择和引导（不要用太多的细节吓到用户，不要分散注意力） 对比和一致性 对比是一个吸引用户的有效工具，也是表达概念群组的主要手段。 一致性是保持元素的特性，避免用户迷惑和焦虑。 方便重复使用（固定尺寸图像、网格线框出的位置） 内部和外部的一致性 内部——不同界面是否使用统一的设计方法 先确定界面、导航、信息等反复使用的元素。 （为了适应，可以有多个模板logo系统化的整理） 外部——使用其他产品贯用的设计方法 统一的品牌识别形象(AI)、跨媒体的一致性； 给用户一个积极明确的企业印象。 [配色]需要标准的配色方案，并确保在产品中得到广泛应用 [风格]形成自己的特色 [设计合成品]标准元素的组装 回顾 产品设计五层构架 讨论： 怎样生产衬衫？ 5W1H分析法 Why ——为什么干这件事？（目的） What ——怎么回事？（对象） Where ——在什么地方执行？（地点） When ——什么时间执行？完成？（时间）? Who ——由谁执行？（人员）? How ——怎样执行？采取那些有效措施？（方法） 回忆： 在产品设计中，你遇到过哪些问题？ 设计工作是否会无从下手，或者反复修改？ 功能讨论很少能达到共识，等待领导拍板？ 用户体验的改善应该通过哪些方法来实现？ 分解 共识 五层构架 表现层 由文字和图片组成的界面 点击可以到达特定地方或实现特定功能 框架层 界面布局，各种元素的位置 需要时，能迅速的认出/找到这些元素 结构层 确定不同类别的功能应该在哪出现 帮助用户去想去的地方，完成想要的操作 范围层 罗列所有相关的功能 即提供给用户的所有服务 战略层 经营者想从产品上获得什么 用户想从产品中获得什么 各层之间的关系 自下而上，抽象←→具体 每一层只处理自身的问题 每一层都由下一层决定，受到下一层的约束 上层如果增加元素，需要重新考虑下层 设计的顺序 自上而下，需要反复修改 自下而上，需要避免等待 设计的顺序 每一层需要考虑什么？ 注：两种界面形式是交叉存在的 讨论——角色对应表 战略层——产品目标和用户需求 在产品设计之初，需要回答两个基本问题 我们要从这个产品得到什么？（西北航空节约成本） 用户要从这个产品得到什么？（KFC 60秒点餐） 关键是“明确” （google的服务围绕在有哪些信誉好的足球投注网站核心上） 产品目标 腾讯操盘手的目标是什么？(讨论) 不能只存在于少数人头脑中 要明确的表达出来，避免实施过程中发生偏差 一个好的产品目标需要满足： 商业目标 品牌识别 成功标准 腾讯操盘手的目标是什么？(再次讨论) 不是为自己设计，而是为用户设计 用户细分——将用户分成较小的有共同需求的组 用户研究——知道用户是谁？ 问卷调查、访谈、现场测试、用户卡片 可用性—— 《简单》 《提高web的可用性》 《设计中的设计》 《Don’t make me think》 用户需求 战略决策不仅仅是高层的责任，普通员工更知道什么行得通——特别是在用户需求方面。 战略文档需要被频繁的使用，公开给所有参与者——设计师、程序员、构架师、项目经理。 范围层——功能和内容 把用户需求和产品目标转变成“应该提供给用户什么内容和功能”，战略就变成了范围。 定义范围的理由： （形成文档） 知道要做什么，方便协作； （避免击鼓传花） 知道不做什么，符合长期规划。 （避免滚雪球） 功能和内容 软件——功能需求 网页——内容需求 收集需求 需求总是来自用户本身 （不在这里考虑可行性!） 首先，是人们讲述的他们想要的东西 （显而易见的） 接着，用户实际想要的 （解决使用中的困惑） 再次，未曾考虑到的伟大构思 （不同岗位的员工一起头脑风暴） 功能规格 需求的具体化描述写成功能规格说明书 (枯燥、如果修改需要与开发同步更新) 三个建议： 乐观（防止做什么而不是不能做什么） 论坛不允许未登录用户发言——如果用户发言时未登录，系统应该导引用户登录并返回 具体（尽可能解释清楚） 论坛发言需要过滤敏感词语——发言中包含附件中词语的需替换为*号，词库可更新 避免主观语气（避免歧义） 界面的风