产品设计的那些事详解.pptx

培训分享： 产品设计的那些事 --主讲人：吴文亮 目录 Contents 01 用户体验的要素 02 产品设计规范 03 工作流程规范 01 用户体验的要素 用户体验的要素 用户体验是什么？ 用户体验的要素 战略层（strategy） 网站目标和用户需求 网站的范围基本上是由网站的战略层（strategy）所决定的。这些战略不仅仅包括了经营者想从网站得到什么，还包括了用户想从网站得到什么。知道企业与用户双方对网站的期许和目标，有助于确立用户体验各方面战略的制定。 用户体验的要素 范围层（scope） 功能规格和内容说明 带着“我们想要什么”、“我们的用户想要什么的”的明确认识，我们就能弄清楚如何去满足所有这些战略的目标。当你把用户需求和网站目标转变成网站应该提供给用户什么样的内容和功能时，战略就变成了范围。 用户体验的要素 结构层（structure） 交互设计与信息架构 在收集完用户需求并将其排列好优先级别之后，我们对于最终展品将会包括什么特性已经有了清楚的图像。然而，这些需求并没有说明如何将这些分散的片段组成一个整体。这就是范围层的上面一层：为网站创建一个概念结构。 用户体验的要素 架构层（skeleton） 界面设计与导航设计 进一步地提炼信息架构内容，确定很详细的界面外观、导航和信息设计，例如按钮、表格、照片和文本区域的位置。框架层用于优化设计布局，以达到这些元素的最大效果和效率. 用户体验的要素 表现层（surface） 视觉设计 把注意力转移到网站用户会先注意到的那些方面：视觉设计。 用户体验的要素 什么是好的用户体验？ 用户体验的要素 神经三大主要功能： 感觉功能：身体的内在感觉受器探测如血的酸度，血压等内在刺激，外在感觉受器传送由皮肤等身体末端所接受到的外来刺激情报。这些情报经由感觉神经传递至中枢神经。 综合及指令功能：对于感觉受器所送来的情报进行分析、整理、判断，并做出适当的决定。 运动功能：将整理之后的情报，经由运动神经传递至末梢，并执行决定。 用户体验的要素 感知 认知 反馈 形状、颜色、风格 经验主义式 人机交互 用户体验的要素 感知 整体性——对整体的感知快于对局部的感知 稳定性——对于事物的感知是一个相对稳定的过程，而不是变幻的 人类的感知通常会有这样的一些特征： 用户体验的要素 认知 “脑补” “情境” “心流” 用户体验的要素 斯格托玛失盲现象 用户体验的要素 反馈 “安慰剂效应” 点击按钮，是否会有点击态和未点击态的区别？ 使用互动的功能，是否可以找到对应的反馈效果？比如Message的已送达和已读回执功能 如果出现了失败或者意外，是否会有对应的提示和反馈效果？ ...... 02 产品设计规范 产品设计规范 为什么要有规范？ 产品设计规范 多数产品在需求解析阶段是生硬、晦涩、费劲的，产品经理在考虑形式美学的规则基础上，基于对用户和认识原理的理解，使得行为化设计服从于可重复的分析和理解过程。 规范化的工作流程及原型绘制不仅可以提高本身工作的效率与质量，更能为上下游同事提供更规范有序的方案，高效沟通与协作 ，提高产品质量，产出速度，从而提高用户体验质量，减少开发成本。 产品设计规范 原型设计 一份合格的交互原型应该完成那些任务？ 产品设计规范 产品经理 可以以原型这一具象的产品雏形作为实际呈现依据展开讨论，挖掘问题，深入产品规划与调整。 产品设计规范 视觉设计师 在不了解业务的前提下可以通过原型对产品有初步的认知，并按照原型也能完成页面的设计。 产品设计规范 前端及开发工程师 可以通过核对原型，确保提交的代码所有包含的信息完整无误。 产品设计规范 测试人员 可以通过查看原型，知晓到页面的准确呈现方式，进而能够更快捷地展开测试工作。 产品设计规范 日期 版本 撰写人 修改说明 2016-12-25 Build 1 吴文亮 创建 1、封面要求 xxx交互原型及说明 产品设计规范 2、页面坐标要求 产品设计规范 3、页面尺寸 （1）PC端·——基于网页管理系统平台类软件（自适应） 输出尺寸为：1190*990px（高度根据内容调整） 1190px 990px 产品设计规范 3、页面尺寸 （1）PC端·——网页 输出尺寸为：1190*990px（高度根据内容可调整，宽度应根据目标用户硬件屏幕尺寸来定） 1190px 990px 产品设计规范 3、页面尺寸 （2）移动端·——Android 输出尺寸为：720*1280px 720px 1280px 产品设计规范 3、页面尺寸 （2）移动端·——iOS 输出尺寸为：640*1136px 640px 1136px 产品设计规范 4、辅助线 在任何一个设计工具里，辅助线都是重要的部分，一方面有助于对齐元素，更重要的另一方面是通过辅助线规划固定宽度区域下的元素