信息架构

信息架构的定义

What——对信息的结构、组织方式以及归类的设计,让用户更容易理解与使用你的产品,让用户使用更顺利、更自然,易操作、易上手。
Why——让用户一眼就明白产品能做什么、如何使用,让用户在需要的时候很容易的找到某个功能。
更好的体验、更好的留存率

信息架构设计前期工作

1.了解用户、场景,习惯
Persona——用户是谁
用户场景——怎么使用
尊重用户的习惯(不用在不必要的地方体现差别)

用户通常用你的产品做什么?
用户用这类产品关心什么?
用户有哪些思维定势?
用户用什么类似的产品?

2.了解业务需求
从产品经理那了解业务需求——不突出业务无关内容
运营&市场——让信息架构有更大的兼容性,让产品产生更多可能性

3.调研竞品的信息架构
用树状图,体现信息架构的最佳方式。梳理3~5个竞品的信息架构
共性:要遵循用户习惯。
差异:设计机会点(产品的发展)。

4.卡片分类
让用户对功能卡片进行分类、组织,并给相关功能的集合重新定义名称的一种自下而上的整理方法。
目标用户 功能/信息卡片 2只笔 空白卡片 录音/笔记本
介绍卡片——用户归类卡片——让用户给归类好的取名——继续归类——简单访谈——拍照存档
功能/信息卡片的提取:它是功能或界面的标题;信息架构树的树叶;不能出现包含关系;

5.产出
信息架构图,来自于用户的心智模型,与竞品分析进一步提升。

产出信息架构设计

1.利用思维导图与Axure整合信息
用户习惯、业务需求、竞品分析、卡片分类
把功能按照重要性进行分级
2.寻找层和度的平衡
层=信息架构树的深度
度=某一子节点的数量
层过深 = 进入某一叶功能时需要非常多的层级,操作困难,一般不超过5层
度过深 = 在某一层级(页面)有太多的内容,用户认知成本增加,容易找不到想找的内容。
3.验证核心使用流程
确保核心使用流程流畅。
尽量保证根据树结构进行层级自上而下前进;
不连通层级间的跳跃,尽量发生在最后一步骤;
4.考虑信息架构和交互构图的关系
移动端
一级导航:tab导航——第一重要级多项/抽屉导航——第一重要级只有一项
Web端
利用不同结构体现重要级;利用布局体现逻辑关系。
5.为讨论做好准备
过程就是你的底气,增加方案的说服力。

评判产品信息架构设计

1.用户测试

  • 用户是否在你不介绍具体产品的情况下,通过短时间的使用,说出产品用来做什么。
  • 让用户进行核心流程任务,检查完成任务是否顺利。
  • 给用户一个寻找一个相对层级较深的功能任务,检测用户能否铜壶信息架构名称找到功能。

2.撰写产品说明书
如上

用信息架构思路设计页面

1.为何单一页面设计需要考虑信息架构问题
更好的理解各个信息,更了解各个信息的重要性。
确定页面呈现的信息——绘制信息架构的树状图——重要性分级——绘制页面
2.明确一个页面的元素逻辑性与重要性
运用树状图分类信息的重要性
3.绘制单一页面
逻辑相关的内容用统一的形式,位置,并让区块连通。
利用大小,上下位置,色彩体现重要性。

Comments
Write a Comment