一、认识产品的信息架构
信息架构是对信息进行结构、组织方式以及归类的设计,好让用户使用者使用与理解的一项艺术与学科
让用户更好的理解你的产品,更便于使用
让用户明白你的产品能做什么,大概怎么用
让用户在需要的时候更容易找到某个功能
整理功能
例:豆腐块式排序
缺点:新增功能时,改变功能顺序,导致不适应
无法体现重要功能
不便于寻找功能
提取一级二级三级功能
方法:前(准备)—— 中(执行)—— 后(验证)
二、信息架构设计的前期准备
1.了解用户、场景、习惯
了解用户目标在做一件事情的时候有什么习惯
问题:产品主要做什么,用户用这类产品最关心什么,用户有哪些思维定式,用户用什么类似的产品
例子:社交软件,需求:发布喜欢的图片交朋友,关注的人的近况
1.默认定位在关注:关注点在图片上,默认关注这一桢,因为社交软件重要的是关注的人
2.强化发布按钮:发布按钮在中间
不要再不必要的地方体现差别,尊重用户习惯
哪些地方是创新,哪些地方是用户习惯
在发布页面可以做到创新
2.了解业务需求
例如:打车软件Uber——主要功能放大放大,可附加功能
3.调研竞品的信息架构
3-5个同类产品进行信息架构分析(包括过去的版本)
思维导图整理信息架构
寻找共性——即用户习惯(消息、联系人、关注的人、购物车)
差异——创新点(购物网站首页、社交产品发现、打车应用侧边栏)
4.卡片分类法
让用户对功能卡片进行分类组织并给相关功能的集合重新定义名称的一种自下而上的整理方法
准备:目标用户、功能信息卡片(便利贴)、纸、空白卡片、笔记本(记录用户发言)
流程
介绍卡片上的功能——用户自由的归类卡片——让用户给归类好的卡片大概取名——继续细致归类卡片(当某一分类卡片太多)——用户访谈(询问用户归类过程遇到的一些困难或者不清楚的地方)——拍照存档
功能和信息卡片怎么提取?
1.他是功能或者界面的名字:比如联系人名片、对话窗口、拨号呼叫。
2.它来自于现有的信息架构树的树叶(没有子树部分)
3.不要过分细分,例如不要细分列表单元格内的元素,不要细分一个相对稳定的页面。
4.功能信息卡片不要出现包含关系(同2)。
5.卡片总数不要超过30张,不然用户无从下手。
产出信息架构
1.利用思维导图和AXURE整合信息
QQ个人信息不明显,支付宝扫码支付付款码最明显
只做整合不够,对产品信息架构还需要做重要性的评级,划分出哪些功能最主要,哪些次要,注意:对每一层进行分级,且分级不代表排序——可以很好的判断哪些功能需要设计的更明显,哪些功能可以小一些
AXURE设计站点图
2.寻找层和度的平衡
层:信息架构树的深度——决定一个功能需要几层页面
层度过深,进入某一功能时过于复杂,要进入好几层,一般层度不超过五层
度:某一个节点内,他的子节点数量——比如一级导航下的子功能
度太多,则导致一个页面内容太多,用户认知成本增加,容易找不到想找到的内容。
3.验证核心使用流程
在信息架构层面,确保核心使用流程顺畅
1.尽量保证树结构层级至上而下,例如,社交软件对某一个人发消息,好友页面——好友名片——点击发送消息,这一层级事至上而下的。
2.不同层级间的跳跃尽量发生在最后一步,如,点击发送消息后进入到好友对话界面。
4.考虑信息架构和交互构图的关系
移动端:
Tab式导航:直观明了——适合第一重要级多项,需要经常切换(微信)
抽屉式导航:子功能隐藏——第一重要级一项,不需要经常切换(工具类、打车)
web端:
利用不同结构体现重要级
利用布局体现逻辑关系
新浪微博网页版:中间内容占大部分,右侧个人和广告其次。
评判产品的信息架构
用户测试
1.用户是否在你不介绍的具体产品的情况下,通过短时间的使用,说出产品还可以用来做什么。
2.让用户进行核心流程任务,检查完成任务是否顺利。
3.给用户一个寻找一个相对层级较深的功能的任务,检测用户是否能够通过信息架构名称找到功能。
撰写说明书
看看在撰写过程中是否有不顺畅的地方