以用户为中心的产品设计流程

优化也是互联网产品设计的精髓。

愿景

愿景是什么？

公司战略层面需要达到的目标，如：抢先占有市场，提高市场渗透率，培养用户习惯，提升营收等等。

这个最最high-level的战略层对于以下的所有活动起着决定性作用，任何一步需要做决策的地方，都需要回顾这一决策是否支持公司战略？

为了帮助理解，在这里，我们举个例子，假设我们成立一家科技公司，计划做一个找图应用，在实现一定流量后，通过推送广告来进行流量变现，达到公司营收目的。

分析研究

这里的分析研究大概可以分为两类：竞品分析和用户研究。

分析研究关注点和方法

竞品分析

这里可以参考《用户体验的要素》里面提到的五个要素进行分析，包括战略层，范围层，结构层，框架层，表现层，会分析的很全面。至于具体每一层代表什么意思，大家可以去问度娘，也建议大家能看下这本书，很有指导意义。

例子：前面提到要做一个找图应用，因此竞品我选择分析“百度图片”APP。

百度图片APP

优点：百度自家产品，无论从图片数量，技术能力，用户认可度而言都有极高优势。

缺点：找图增加了在APP内社交互动的属性，淡化了“找图”这一核心属性；搜索的图片base在百度

图片库上，搜索精准度有待提高；图片质量不高，有水印，图片模糊等。

机会点：强化“找图”属性，提供精准搜索，高质量图片

百度图片APP界面

用户研究

用户研究的目的：挖掘出用户特征 + 需求

这里提到一个方法：人物角色，这里的人不是真实的人，但他们是基于我们观察到的那些真是的人的行为和动机抽象出来的人物原型。这是一种帮助团队成员建立同理心的方法，并且也是一种决策依据，帮助大家达成共识。

例子：

人物角色

需求过滤

需求过滤的关注点和方法

需求是什么？

什么用户群，在什么场景下，可以通过产品做什么事？需求也是机会点，用户的某个场景的痛点未被满足，便产生了需求

基于场景的需求：

1. 在关灯的房间，用户用阅读软件阅读…

2. 在接完朋友电话，用户通过通话列表存储联系人信息…

在过滤需求之前，我们通过头脑风暴发散出任何能想到的基于场景的需求，还是沿用之前的例子，列出所有的需求：

1. 在发朋友圈的时候，找到合适的图来配合此刻的心情和文字

2. 图片质量要高，不能有水印，不能太模糊

3. 可以支持图片的自定义处理

4. 智能的通过筛选本地图片来推荐用户配哪张图

5. 搜索按钮旁边设置一个高级搜索条件

这些需求里面有一些是假需求，大家可以试着猜一下，答案在最末尾公布。在过滤假需求和技术无法满足的需求后，剩下的这些需求，可以尝试使用storyboard的形式表达出来，即”用户+场景”来表达。

功能&数据确定

这一步是将过滤后的需求转化为功能，这一步也需要你从开发的视角去考虑，这些需求的技术实现难度有多大，如何设定规则既能一定程度满足用户需求也符合现有技术能力。如上一步提到的”在发朋友圈的时候，找到合适的图来配合此刻的心情和文字”这一需求，转化为功能便是”支持通过关键字模糊搜索图片”，为了实现这个功能，我们需要制定一套搜索机制，包括分词机制，数据库内图片的分类和标签系统。还需要思考搜索结果的排序和容错提醒等功能。当然，咱们团队能做到哪一步，需要你和开发沟通，了解开发现状，进而规划产品，保证你的产品是可以实现可以落地的。

举个栗子，拿百度图片来看一下：

概要设计的关注点和方法

信息架构设计

是指将信息变成一个经过组织、归类、以及具有浏览体系的组合结构，这个活特别适合处女座，整理控~ 包括组织系统，导航系统，搜索系统，标签系统。

（1) 组织系统：用一定的规则，把信息员分堆，并且划分好之间的关系。组织系统可以由树形结构来展示，也就是俗称的面包屑。类目系统和标签系统也常拿来对前端页面进行分类展示。

微信组织系统

(2) 导航：从一个地方到另一个地方。在原本的组织结构基础上加上箭头。组织是房间格局，导航就是门窗。

线下的逛商场的实例

蓝色标记的浏览便可以理解为导航，而绿色标记的询问可以理解为搜索。

而导航也可以分为全局导航、区域导航、情景导航，其中情景导航是最复杂也是最灵活的导航，没有规则，不遵循架构层级，由标签来完成。

在设计导航，画流程图的时候，关注表现层，而非系统层，只关注用户看到的界面之间的跳转。

(3) 搜索：

搜索框背后的逻辑

在设计搜索的时候，需要考虑搜索联想的分类和呈现，搜索结果的排序和高亮，容错提示，搜索状态和商业策略。最后一点是搜索引擎赚钱的保证。

(4) 标签：在导航那里就提到了标签，这是一种为了迎合用户需求和设计的一种将网站内容快速分类展示的设计方式。

界面框架设计是对信息架构的进一步细化，常用的方法是原型法，常用的工具有Axure

RP，PPT，Word，Sketch等，展现形式有界面图片，图片+文字说明，界面流程等，不受限于工具，能表达清楚即可。

关键任务流设计是基于任务的，将在不同界面跳转的过程表现出来。例如，在微信发朋友圈，这是一个任务，用户需要五步来完成，第一步进入朋友圈，第二步按下页面右上角的照相机按钮，长按和短按效果不一样，第三步选择图片或输入文字，第四步选择地点和发送的对象，第五步点击发送。这五步，会在三个到四个界面跳转，界面+跳转路径是任务流设计的常见形式。

细节设计

细节设计可以理解为对线索、操作、反馈的设计。

发微博的线索，操作，反馈

(1) 线索的视觉属性：包括形状，尺寸，颜色，位置，纹理，方向