做以用户为中心的产品设计(下)

1、 一般包含公司商业目标(一般是赚钱或省钱,品牌识别,判断产品成功的标准(也就是 KPI 。请注意!这是一切的开始,我们必须保证决策不是随便做出的,而之后我们每一个决定都会建立在 此之上。此外此阶段我们做的是明确定义成功的条件,而非成功的途径。用户需求“ 用户是谁,用户需要什么? ”请注意,我们不是为自己设计产品,而是为用户设计产品。必须了解他们是谁,他们想要的是什么 。用户专员会协助此部分工作,提供有力的用户报告数据(稍后章节会做阐述。功能规范“ 我们需要做什么? ”团队需要明确一致的目标。这个目标不能只存在于产品经理脑海中,拥有明确的需求,权责清晰, 统一的目标,将会大大提高团队工作效率和士

2、气。“ 我们不需要做什么? ”随着项目前进,产品的各种可能性会浮现出来。这个时候如果不控制需求,会将项目带到一个非常 危险的境地。因此确认需求的优先级,是非常重要的。内容需求“ 我们要开发的是什么? ”在这里,我们需要一份文档将所有功能,以清晰准确的方式向团队展示出来。我们称之为需求文档 。这份文档必须做到积极,具体,客观,清晰,毫不含糊。产品设计阶段的输出物产品运营目标 产品愿景文档描述产品目标和 户需求的 档 , 说明产品目标如何与企业目标相关连 , 档需要简洁明了 , 未来一切决定将基于这 份 文档。用户需求 用户研究报告详见下一章节描述功能规范 -项目计划为项目做整体的日程安排 , 定

3、义团队各个角色工作的里程碑 , 整理不同优先级的需求 , 确保所有需求按 计划进行,并分不同版本得到有序的实施。内容需求 -需求文档把需求用清晰专业的语言定义出来 , 让开发团队和设计团队能够读懂。并确保所有工作都是基于这样 一份书面文档进行 , 而非含糊的口头传达,或不稳定的个人意志。Part04 用户研究是什么 用户研究是什么用户研究是产品设计的基石和依据。一般由专门的用户研究专员来负责。这个阶段用户研究专员将通过专业手段,为团队获取准确,有效的用户信息。帮助产品设计作出正 确的决策,并为判断产品研发成效提供依据。 用户需求“ 他们是谁,他们需要什么? ”通过专业的手段 用户统计,用户细分

4、,问卷调查,用户访谈,焦点小组,用户测试,建立用户 心理档案。我们将建立产品特有的用户画像,这样才能做到有的放矢。一份用户画像可以帮助你更 好的阐述用户诉求,并帮助团队在整个设计过程中把用户放在心中。用户研究阶段输出物用户需求 用户研究报告一份完整的用户调研报告包含用户数据采集,样本分析,测试结果。并依据建立用户画像,必要时 还可以配合产品经理完成故事板 一份合理的用户文档是以用户为中心的产品设计理念的基础。Part05 交互设计是什么交互设计是什么 从结构层到框架层开始进入交互设计工作,也是传统设计部门主要工作内容的体现部分。这两部分 是交互设计师的领域。在结构层和框架层两个阶段,需要将前面

5、提到的产品目标,功能需求,用户 诉求,内容等等这些分散的元素收拢起来,组成一个完整具体的产品形象。交互设计工作主要需要定义产品交互逻辑关系,信息结构,信息内容,界面布局,导航关系五大方面。 交互逻辑关系按照用户使用习惯组织功能和内容。交互设计师从这里开始,按照专业的工作流程,使用一定的手段,将功能和需求按一定的方式组织 在一起,并确保用户按照自己的理解能够顺利的走完整个产品功能使用流程。信息结构设计按照产品目标和用户需求定义产品结构前面提到的战略层面一般是由上而下的驱动产品内容组织。而在交互设计师手中,则会自下而上的 梳理产品展现内容层次。此时交互设计师还必须考虑结构具备扩展性和成长性。一般来

6、说交互设计师会采用一些比较经典的结构来组织功能和内容 这些经典结构往往都经历过 考验或使用了很长时间已被用户所接受。树状结构,矩阵结构,自然结构,线性结构,这一切结构 使用的原则是:符合产品目标和用户需求。界面布局为用户提供做某些事情的能力交互设计师会为页面选择正确的控件,根据用户使用习惯组织到一起,并体现出既定商业目标,是 的用户能够通过操作页面上的某些元素,完成设计师设定的功能。导航设计为用户提供去某个地方的能力通过专业手段,另用户理解页面跳转的办法,及页面包含的元素之间的关系,传达出产品内容和当 前浏览页面的关系。常见的导航方式有:全局导航,局部导航,辅助导航,上下文导航,友好导航 ,网

7、站地图,索引表。信息内容传达某种想法给用户通过排列组合,按照用户习惯和易于理解的方式,重新组织产品内容,以能反映用户思路和支持他 们任务目标的方式来排列组合元素。交互设计阶段的产出物交互关系 页面逻辑关系图页面逻辑关系跳转图将有助于向团队表达功能的展现方式和使用流程。逻辑关系图有助于团队及早 判断并发现会给用户带来困扰的使用流程。信息结构 页面结构关系图页面结构关系将使团队可具体了解到产品页面的数量,规模,以及复杂度。优秀的设计师会使用较 少的页面,交简单的结构,来呈现可能非常复杂的功能,从而减少用户在使用中产生的负担。页面布局/导航设计/信息内容 线框图(低保真原型线框图即交互设计详细方案,

8、也是产品设计的低保真原型。交互设计师在这里详细的描述页面存在 的一切元素和内容。团队也第一次从这里了解到产品将如何展示到用户面前。Part06 视觉设计是什么 视觉设计是什么表现层是最终展现在用户面前的部分,这里是视觉设计师施展的领域。设计师必须考虑产框架层的 逻辑排布如何以用户喜闻乐见的方式呈现给他们。此外视觉设计师还必须保证展现给用户的是流畅 的使用体验,并使用专业手法,为用户提供有效的引导。 视觉设计视觉设计师需要注意哪些规则视觉设计师在运用专业表达手段和个人对美学的理解同时 , 还需要遵守产品设计中一系列规则:使用 对比的方式引导用户关注产品目标;确保产品视觉的一致性以避免用户迷惑和焦

9、虑;基于规范和栅 格进行设计,确保视觉元素在布局上的有序,利用色彩语言引导用户理解产品;制定设计规范和风 格指南,以体现公司产品品牌形象。视觉设计阶段的输出物视觉概念设计方案为了向团队展现及确认视觉设计的风格以及倾向,视觉设计师往往需要在初期根据一定的设计流程 ,制作不同的视觉设计概念方案,供团队选择及确认。此时针对用户需求和特点进行视觉设计是非 常关键的一点。视觉详细设计方案确认视觉设计风格以及倾向后,视觉设计师需要为所有必须的页面制作高保真视觉设计图,以供前 端开发团队开发使用。此阶段遵循团队视觉设计规范,及相应平台官方设计规范,是确保视觉设计 质量的关键。视觉图像资源及开发说明文档App

10、 设计中,视觉设计师需要为 UI 开发团队提供相应图像资源,以及包含图像尺寸,间距,状态等 开发所需参数的说明文档。Part07 前端开发是什么 前端开发是什么 产品研发过程中,前端开发是设计与用户之间最后的一步。当下各大互联网公司用户体验部门(UEC 都包含了前端开发的团队。前端团队不仅要确保产品快速,无误的传达给用户,还要肩负起使用新技术,新手段,帮助产品更有力的传递给用户。 考虑本文主要叙述产品设计部分,这里不再展开讨论。Part08 做有理有据的产品设计提问 做有理有据的产品设计多年来,我发现即便是从业多年经验丰富的设计师和产品人,在描述自己产品时,总还会使用 “ 我 觉得 ” 这类主观词汇。主观判断,主观感受充斥着大家的潜意识。这样条件下很难诞生真正符合 用户需求的产品。请记住本文论述的核心思想:我们要做到在产品设计开发的每一环节,都把用