信息架构
信息架构的定义
What——对信息的结构、组织方式以及归类的设计,让用户更容易理解与使用你的产品,让用户使用更顺利、更自然,易操作、易上手。
Why——让用户一眼就明白产品能做什么、如何使用,让用户在需要的时候很容易的找到某个功能。
更好的体验、更好的留存率
信息架构设计前期工作
Persona——用户是谁
用户场景——怎么使用
尊重用户的习惯(不用在不必要的地方体现差别)
用户通常用你的产品做什么?
用户用这类产品关心什么?
用户有哪些思维定势?
用户用什么类似的产品?
从产品经理那了解业务需求——不突出业务无关内容
运营&市场——让信息架构有更大的兼容性,让产品产生更多可能性
用树状图,体现信息架构的最佳方式。梳理3~5个竞品的信息架构
共性:要遵循用户习惯。
差异:设计机会点(产品的发展)。
让用户对功能卡片进行分类、组织,并给相关功能的集合重新定义名称的一种自下而上的整理方法。
目标用户 功能/信息卡片 2只笔 空白卡片 录音/笔记本
介绍卡片——用户归类卡片——让用户给归类好的取名——继续归类——简单访谈——拍照存档
功能/信息卡片的提取:它是功能或界面的标题;信息架构树的树叶;不能出现包含关系;
信息架构图,来自于用户的心智模型,与竞品分析进一步提升。
产出信息架构设计
用户习惯、业务需求、竞品分析、卡片分类
把功能按照重要性进行分级
层=信息架构树的深度
度=某一子节点的数量
层过深 = 进入某一叶功能时需要非常多的层级,操作困难,一般不超过5层
度过深 = 在某一层级(页面)有太多的内容,用户认知成本增加,容易找不到想找的内容。
确保核心使用流程流畅。
尽量保证根据树结构进行层级自上而下前进;
不连通层级间的跳跃,尽量发生在最后一步骤;
一级导航:tab导航——第一重要级多项/抽屉导航——第一重要级只有一项
利用不同结构体现重要级;利用布局体现逻辑关系。
过程就是你的底气,增加方案的说服力。
评判产品信息架构设计
- 用户是否在你不介绍具体产品的情况下,通过短时间的使用,说出产品用来做什么。
- 让用户进行核心流程任务,检查完成任务是否顺利。
- 给用户一个寻找一个相对层级较深的功能任务,检测用户能否铜壶信息架构名称找到功能。
如上
用信息架构思路设计页面
更好的理解各个信息,更了解各个信息的重要性。
确定页面呈现的信息——绘制信息架构的树状图——重要性分级——绘制页面
运用树状图分类信息的重要性
逻辑相关的内容用统一的形式,位置,并让区块连通。
利用大小,上下位置,色彩体现重要性。