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