Chapter3 规范信息架构与流程设计
第一章 信息架构设计
（一）认知产品信息架构
定义：
- 信息架构设计是对信息进行结构、组织方式以及归类的设计，好让使用者与用户容易使用和理解的一项艺术与科学。（如：饭店装修）
目的：
- 让用户一眼就明白你的产品能做什么，大概怎么用。（如：底部导航）
- 用户能在需要的时候容易的找到某个功能，即容易记忆的。
为何需要设计：
- 信息架构不是功能的简单堆叠，需要区分主要功能和次要功能；
- 迭代升级不会给用户造成额外的困扰；
（二）产品信息架构设计的前期工作
- 1、了解用户、场景、习惯
Persona(用户角色模型)、场景（用户如何使用你的产品）→习惯
尊重用户的习惯：用户通常用你的产品做什么？用户用这类产品最关心什么？用户有哪些思维定式？用户用什么类似的产品？
不要在不必要的地方体现差别
- 2、了解业务需求
不仅要从产品经理那了解需求，还可以从市场和运营了解，从而让信息架构有更多的兼容性，让产品有更多的可能性。
- 3、调研竞品的信息架构
找3-5个同类竞品分析他们的信息架构,并找出他们的共性和差异；
共性是要遵循的用户习惯（eg：消息&联系人、关注的人、购物车）；
差异是设计创新点（eg：社交产品的发现页、购物网站的首页、打车应用的侧边栏）；
工具：思维导图工具（树状图）
改版：找竞品 + 找迭代版本；
- 4、卡片分类法：了解用户的心智模型；
让用户对功能卡片进行分类、组织，并给相关功能的集合重新定义名称的一种自下而上的整理方法。即让用户来搭建信息架构。
可以在了解竞品后，进一步了解用户的心智模型。
准备：
- 目标用户
- 功能/消息卡片；
- 2纸笔；
- 空白的卡片；
- 笔记本；
流程：
注意：
（三）产出产品信息架构设计
- 1、利用思维导图和Axure整合信息
对信息架构进行重要性分级（≠排序）→Axure 站点地图
- 2、寻找层和度的平衡
层：信息架构树的深度
层过深：进入某一叶功能时需要非常多层级，操作困难，一般不超过5层
度：某一节点子节点的数量
度过多：在某一层级有太多的内容，用户认知成本增加，容易找不到想找的内容
层和度相互转化，需要找到一个平衡
- 3、验证核心使用流程
（1） 尽量保证根据树结构进行层级自上而下前进
（2）不连通层级间的跳跃，尽量发生在最后一步骤
- 4、考虑信息架构和交互构图的关系
移动端（利用重要性分级）
（1）tab式导航 = 第一重要级中多项
（2）抽屉式导航 = 第一重要级中只有一项，不需要经常使用，常见于工具型应用
（3）竞品与用户习惯（不要在信息架构构图层面，为了不一样而不一样）
Web端
（1）利用不同结构，体现重要级；
（2）利用布局，体现逻辑关系；
- 5、为讨论做好准备
你的过程就是你的底气！增加睡服力！
（四）评判产品信息架构设计
- 1、用户测试
a. 用户是否在不介绍具体产品的情况下，通过短时间的使用，说出产品可以用来做什么；
b. 让用户进行核心流程任务，检查完成任务是否顺利；
c. 给用户一个找寻一个层级相对较深的功能的任务，检测用户能否通过信息架构名称找到功能。
- 2、撰写产品说明书
你需要多复杂的说明书才能教会用户使用核心功能？
验证自己产品信息架构的合理性；
让团队其他成员更加清楚信息架构；
（五）信息架构推广：用信息架构思路设计页面
在单一页面设计时要刻意练习！
第二章 打造漂亮的流程设计
（一）流程设计的重要性
1. 用户和产品的交互到底是什么？
- Questions：你的app有几个按钮？你的app有几个页面？用户会用你的app做哪些事情？
- Answer：我们设计的是用户完成任务的方式
案例：用户怎么打电话？
场景有
因此设计为：
流程设计：根据用户使用流程进行页面设计的方法。
企业中流程设计还需要考虑什么？
- 企业有商务目标，因此需要在用户使用流程和业务需求中寻找平衡，以不干扰用户使用流程的方式完成需求。
- 案例：微信红包春晚合作
2. 优秀的流程设计有什么好处？
- 增加任务的完成率 ；
- 让用户更方便地完成任务；
- 对错误的充分思考；
- 取得夸张的业务完成度；
（二）如何进行流程设计
1、充分理解业务需求
- a、业务需要达成的商业目标（eg：易信-利用免费电话这样的刚需功能点，吸引更多的用户，完成社交关系的沉淀）
- b、业务受到哪些技术和商务限制（eg：易信-免费电话要消耗公司本身资源，实际技术原理为公司支付了用户通话费用，因此无法大量送给所有用户）
- c、了解业务合作方的需求（eg：某某合作支持了活动，所以希望得到曝光）
2、找到用户完成任务的所有接触点
接触点：和产品或某一渠道发生交互的关键点。（用户看到什么，用户做了什么）
接触点来自用户场景，而用户场景基于用户模型、经验、用户调研的体验故事。
一个简单的用户场景，具体的还可能包括人物背景和人物心理。
学会在设计之前写这样的故事，可以在设计页面时更有逻辑。
- Tip1.为了完成流程设计，需要构思的用户场景有多个，并且要学会合并同类项；
- Tip2.要顾及头尾，他们是最容易被遗漏的接触点；
3. 梳理接触点
4. 根据流程设计交互稿
5. 处理异常流程
（三）流程设计与交互工作
1、流程设计与信息架构设计的关系
信息架构设计→核心流程设计→信息架构调整→完成所有流程设计
2、流程设计与用户场景的关系
目标用户、业务目标、用户体验目标--用户场景scenario→相应流程设计→一个结合页面的用户场景故事
