产品设计五层构架教案.pptVIP

框架图 在框架层 界面设计考虑可交互元素的布局； 导航设计考虑引导用户移动的元素的安排； 信息设计考虑传达给用户的信息要素的排布。 表现层——视觉设计 视觉设计不仅仅是美术，重点是关注用户的注意力 视觉设计不能只考虑个人喜好，要支持各个模块的区别，要使用户清楚可用 视觉设计要与战略定位保持一致 忠于眼睛 眼球追踪 要遵循一条流畅的线路 不忙碌、不拥挤 为用户提供有效的选择和引导（不要用太多的细节吓到用户，不要分散注意力） 对比和一致性 对比是一个吸引用户的有效工具，也是表达概念群组的主要手段。 一致性是保持元素的特性，避免用户迷惑和焦虑。 方便重复使用（固定尺寸图像、网格线框出的位置） 内部和外部的一致性 内部——不同界面是否使用统一的设计方法 先确定界面、导航、信息等反复使用的元素。 （为了适应，可以有多个模板logo系统化的整理） 外部——使用其他产品贯用的设计方法 统一的品牌识别形象(AI)、跨媒体的一致性； 给用户一个积极明确的企业印象。 [配色]需要标准的配色方案，并确保在产品中得到广泛应用 [风格]形成自己的特色 [设计合成品]标准元素的组装 回顾 成功的方法VS失败的方法 了解你正在试着去解决的问题 （确定问题所在的层） 例，“按钮有问题” 颜色、尺寸 表现层 位置 框架层 功能 结构层 了解你的解决办法所造成的后果 （考虑一下这次改变将对上下层产生什么影响） 产品设计的决策场景 由现状决定的设计 技术背景、企业结构 特定的用户 部门间的障碍 由模仿决定的设计 竞争对手如何 原创者的更新 由个人决定的设计 主管喜欢橙色， 设计师喜欢下拉菜单； （忽略了战略目标） 讨论一个完整的实例 更新角色对应表 画图分享？ 多空资讯？ [提出正确的问题] [马拉松和短跑] 短跑——积聚所有的能量在尽短的时间内释放 马拉松——制定战术，持续监控状态，不断控制调整 [Tips] 应当关注每一个层面的决策 上一层的错误可以被下一层的成功所掩盖 ? → ? 互联网设计方法 一用户为驱动 强调整体方案 多领域团队协作 关注外观设计 擅长用户体验 关注市场竞争 开发限于用户验证过的设计 从用户 眼光衡量产品质量 产品评估取决于用户 关注所有用户 传统设计方法 以技术为驱动 强调产品模块 有限领域的团队协作 关注内部架构 不擅长用户体验 局部关注市场竞争 开发先于用户验证 从缺陷角度衡量产品质量 产品评估由有限用户决定 关注内部用户 重点要突出 淡淡的美术， 点到即止 不强迫用户 关键词：细致 操作便利 不强迫用户 交互设计 交互设计 1） 设计图稿 2） 按照设计图购买样板面料辅料 3） 版方师傅（即纸样）打版确定，放料 4） 购买原材料 5） 按确定的样板纸样裁料 6） 缝制 7） 整烫 8） 质检 9） 包装 10）出货 * 5W1H分析法也称六何分析法，是一种思考方法。 从原因（WHY）、对象（WHAT）、地点（WHERE）、时间（WHEN）、人员（WHO）、方法（HOW）等六个方面提出问题进行思考。 　　（1）Why——为什么干这件事？（目的）?　　（2）What——怎么回事？（对象）　　（3）Where——在什么地方执行？（地点）　　（4）When——什么时间执行？什么时间完成？（时间）?　　（5）Who——由谁执行？（人员）?　　（6）How——怎样执行？采取那些有效措施？（方法） * * * 五层的概念介绍（从客户认知的角度，由上自下的介绍） 表现层 由文字和图片组成的网页 通过点击可以到达特定地方或实现特定功能 框架层 网页的布局，各种元素的位置 在需要的时候，能迅速的认出/找到这些元素 结构层 确定哪些类别的页面应该在哪里出现（各种特定和功能的组合方式） 帮助用户到达想去的页面，提示用户当前的位置 范围层 所有功能的汇总 即提供给用户的所有服务 战略层 经营者想从网站获得什么 用户想从网站获得什么 * * 区分两种界面形式，软件/服务 文本/信息 注：两种界面形式是交叉存在的 * 商业目标——广义和狭义之间的平衡 品牌识别——在交互过程中无意之中形成的，和设计者精心安排的 成功标准——检验的标准，要合理 * 找一个sina的主页，淡化文字，做对比 （p140） * 区分两种界面形式，软件/服务 文本/信息 注：两种界面形式是交叉存在的 产品设计的五层架构 讨论： 怎样生产衬衫？ 5W1H分析法 Why ——为什么干这件事？（目的） What ——怎么回事？（对象） Where ——在什么地方执行？（地点） When ——什么时间执行？完成？（时间）? Who ——由谁执行