产品设计五层构架概要

1、产品设计的五层架构讨论：怎样生产衬衫？5W1H分析法Why 为什么干这件事？（目的）What 怎么回事？（对象）Where 在什么地方执行？（地点）When 什么时间执行？完成？（时间）Who 由谁执行？（人员）How 怎样执行？采取那些有效措施？（方法）回忆：在产品设计中，你遇到过哪些问题？设计工作是否会无从下手，或者反复修改？功能讨论很少能达到共识，等待领导拍板？用户体验的改善应该通过哪些方法来实现？ 分解 & 共识五层构架 表现层由文字和图片组成的界面点击可以到达特定地方或实现特定功能框架层界面布局，各种元素的位置需要时，能迅速的认出/找到这些元素结构层确定不同类别的功能应该在哪出现帮助

2、用户去想去的地方，完成想要的操作范围层罗列所有相关的功能即提供给用户的所有服务战略层经营者想从产品上获得什么用户想从产品中获得什么 各层之间的关系 自下而上，抽象具体每一层只处理自身的问题每一层都由下一层决定，受到下一层的约束 上层如果增加元素，需要重新考虑下层设计的顺序 自上而下，需要反复修改自下而上，需要避免等待设计的顺序每一层需要考虑什么？ 注：两种界面形式是交叉存在的 讨论角色对应表战略层产品目标和用户需求在产品设计之初，需要回答两个基本问题我们要从这个产品得到什么？（西北航空节约成本）用户要从这个产品得到什么？（KFC 60秒点餐）关键是“明确” （google的服务围绕在搜索核心上

3、）产品目标腾讯操盘手的目标是什么？(讨论)不能只存在于少数人头脑中要明确的表达出来，避免实施过程中发生偏差一个好的产品目标需要满足：商业目标品牌识别成功标准腾讯操盘手的目标是什么？(再次讨论) 不是为自己设计，而是为用户设计用户细分将用户分成较小的有共同需求的组用户研究知道用户是谁？ 问卷调查、访谈、现场测试、用户卡片可用性简单提高web的可用性设计中的设计Dont make me think用户需求 战略决策不仅仅是高层的责任，普通员工更知道什么行得通特别是在用户需求方面。战略文档需要被频繁的使用，公开给所有参与者设计师、程序员、构架师、项目经理。范围层功能和内容把用户需求和产品目标转变成“

4、应该提供给用户什么内容和功能”，战略就变成了范围。定义范围的理由： （形成文档）知道要做什么，方便协作； （避免击鼓传花）知道不做什么，符合长期规划。 （避免滚雪球） 功能和内容软件功能需求网页内容需求 收集需求需求总是来自用户本身（不在这里考虑可行性!）首先，是人们讲述的他们想要的东西（显而易见的）接着，用户实际想要的（解决使用中的困惑）再次，未曾考虑到的伟大构思（不同岗位的员工一起头脑风暴）功能规格需求的具体化描述写成功能规格说明书(枯燥、如果修改需要与开发同步更新)三个建议：乐观（防止做什么而不是不能做什么）论坛不允许未登录用户发言如果用户发言时未登录，系统应该导引用户登录并返回具体（尽

5、可能解释清楚）论坛发言需要过滤敏感词语发言中包含附件中词语的需替换为*号，词库可更新避免主观语气（避免歧义）界面的风格应该是时尚的产品外观应该符合企业品牌AI指南讨论：下面的功能规格如何描述？产品需要支持超大访问量文章内容需要有吸引力内容需求什么是内容？文本、表格、图像、音频、视频内容的规模 估算一个大致的量更新频率 安排日常维护工作，符合用户的期望特性 根据用户的不同需求准备对应的内容（学校招生说明）形成内容清单 确定优先级排列出哪些功能/内容应该包含到现在的项目中参考因素：是否满足战略目标、产品目标和用户需求？是否有可行性？技术的局限、人力的局限，时间的局限选择合适的方法来实现功能参考因素

6、同上结构层交互设计与信息构架把分散的需求片段组成一个整体，为产品创建一个概念结构。确定需求呈现给用户的模式和顺序交互设计关注影响用户执行和完成任务信息构架关注如何将信息表达给用户重点在于：理解用户、用户思考方式和操作方式交互设计描述“可能的用户行为”，定义“系统的配合与响应” 概念模型购物车，精灵错误处理将系统设计成不可能犯错的 （锁、自动档车） 使错误难以发生（手机键盘锁，不要太复杂）自动提示或改正错误 （word拼写检查，删除提示）从错误中恢复（undo） 信息构架着重于设计组织分类和导航结构，让用户容易找到从上到下将功能与内容分类，再依逻辑关系作层级分类（适合新建、规划）从下到上将资料放

7、到最低级别中，然后分别归属到高一层中（适合已有、改造）各有缺点：1内容细节被忽视 2未来变动被忽视 两种方法需要结合使用练习：食品分类信息构架节点的定义可大可小，有助于大家使用共同的标准来处理问题。层级结构新闻 板块 栏目 文章矩阵结构汽车，排量 品牌 类型自然结构游戏 教育线性结构图书 音乐有效的表述方法是 示意图产品的复杂性（包含分支、群组、相互的联系）网站地图、流程图 、构架图视觉辞典 /ia/visvocab/chinese.html框架层界面/导航/信息设计提炼结构，确定详细的界面设计、导航设计和信息设计，让结构变得更实在界面设计提供给用户做某件事导航设计提供给用户去某个地方的能力信

8、息设计把想法传递给用户 界面设计让用户一眼就看到最重要的东西（跟程序员习惯的照顾少量极端情况不同）突出不是尺寸最大，是要提供最大的可能（下拉框的选项、足够的留白）导航设计提供不同目标间的跳转；提供目标的说明；提供当前页跟目标间的关系清晰的告诉用户“他们在哪”以及“他们能去哪”全局导航局部导航（栏目板块，线性路径）辅助导航（其他相关性内容）上下文导航（正文内链）友好导航（关于我们、地址、法律）远程导航（链接到其他网站，分公司）网站地图（一般不超过二层，站内、全网）索引表 信息设计把各种设计元素聚合到一起。反映用户的思路，支持他们的任务和目标。包括视觉、分组等等各个方面的。指示标识：路标，箭头，地

9、铁颜色演示（Sign.htm）框架图在框架层界面设计考虑可交互元素的布局；导航设计考虑引导用户移动的元素的安排；信息设计考虑传达给用户的信息要素的排布。表现层视觉设计视觉设计不仅仅是美术，重点是关注用户的注意力视觉设计不能只考虑个人喜好，要支持各个模块的区别，要使用户清楚可用视觉设计要与战略定位保持一致忠于眼睛眼球追踪要遵循一条流畅的线路 不忙碌、不拥挤为用户提供有效的选择和引导（不要用太多的细节吓到用户，不要分散注意力）对比和一致性对比是一个吸引用户的有效工具，也是表达概念群组的主要手段。一致性是保持元素的特性，避免用户迷惑和焦虑。方便重复使用（固定尺寸图像、网格线框出的位置）内部和外部的一

10、致性 内部不同界面是否使用统一的设计方法先确定界面、导航、信息等反复使用的元素。（为了适应，可以有多个模板logo系统化的整理）外部使用其他产品贯用的设计方法统一的品牌识别形象(AI)、跨媒体的一致性； 给用户一个积极明确的企业印象。配色需要标准的配色方案，并确保在产品中得到广泛应用风格形成自己的特色设计合成品标准元素的组装回顾成功的方法VS失败的方法了解你正在试着去解决的问题（确定问题所在的层）例，“按钮有问题”颜色、尺寸表现层位置框架层功能结构层了解你的解决办法所造成的后果（考虑一下这次改变将对上下层产生什么影响）产品设计的决策场景 由现状决定的设计技术背景、企业结构特定的用户部门间的障碍由模仿决定的设计竞争对手如何原创者的更新由个人决定的设计主管喜欢橙色，设计师喜欢下拉菜单；（忽略了战略目标）讨论一个完整的实例更新角色对应表画图分享？多空资讯？提出正确的问题马拉松和短跑短跑积聚所有的能量在尽短的时间内释放马拉松制定战术，持续监控状态，不断控制调整Tips应当关注每一个层面的决策上一层的错误可以被下一层的成功所掩盖 互联网设计方法一用户为驱动强调整体方案多领域团队协作关注外观设计擅长用户体验关注市场竞