网易交互设计师微专业C3 规范信息架构与流程设计

如果有需要视频资源的可以关注"AI产品经理人"，回复关键字“网易交互设计微专业”获取下载链接~  

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→相应流程设计→一个结合页面的用户场景故事