个人抄录。微专业笔记,版权归网易云课堂所有。
1 认识产品的信息架构
从界面的信息中知道可以用这个产品做什么事,大概怎么用。在需要的时候容易找到某个功能。
信息架构不是功能的简单堆叠。
2 信息架构设计的前期工作
2.1 了解用户、场景、习惯
Persona,目标用户。
尊重用户习惯。不为创新而创新。不要再不必要的地方体现差别。
2.2 了解业务需求
产品、运营、市场。尽可能了解更多渠道
2.3 调研竞品的信息架构
找3-5个同类竞品分析信息架构。Mindmap
改版。过去的版本也是竞品。也要梳理树状图。
~共性&差异
共性:遵循用户习惯(e.g.IM—突出消息&联系人;社交—突出关注的人;电商—突出购物车)
差异:设计机会点。(e.g.社交产品的发现页;购物网站的首页;打车应用的侧边栏)
2.4 卡片分类法
了解用户心智模型
介绍卡片à用户归类卡片à让用户取名à继续归类(第一次归类可能太大或太小)à简单访谈à拍照存档
功能/信息卡片怎么提取?
--1.功能或界面的名字。2.来自于现有信息架构树的树叶。3.不要过分细分。4.不出现包含关系。5.不超过30张。
3 产出信息架构
3.1 利用mindmap和axure整合信息
1. 对每一层分级。2.重要性分级≠排序
哪些可以设计得更明显,哪些可以隐藏或不突出
--用axure的站点地图体现信息架构
3.2 寻找层和度的平衡
层=信息架构树的深度 (刚进入到找到某个功能的页面数量)
度=某一节点子节点的数量 (广度)
层过深。一般不会让层级超过5层。
度过多。认知成本增加,找不到想要的内容。
e.g.支付宝度很多。
3.3 验证核心使用流程
1.尽量保证根据树结构进行层次自上而下的前进。
2.不连通层级的跳跃,尽量发生在最后一个步骤。(e.g.找到联系人to开始聊天)
3.4 信息架构和交互构图的关系
3.4.1 移动端。一级导航的样式。
Tab /抽屉
Tab中规中矩
抽屉 更有创意和设计感
--如何判断用tab 还是抽屉?
~利用重要性分级
Tab=第一重要级中多项
抽屉=第一重要级只有一项。且不需要经常切换。
--竞品和用户习惯
不要再信息架构做不必要的创新。尊重用户习惯。
3.4.2 web端
利用不同的结构,体现重要级。
利用布局,体现逻辑关系。 (e.g.微博)
3.5 为讨论做好准备
你的过程就是你的底气。
4 评判信息架构设计
4.1 用户测试
--用户是否可以在你不介绍具体产品的情况下,通过短时间的使用,说出产品可以用来做什么。
--让用户进行核心流程任务,检查完成任务是否顺利。
--给用户一个找寻一个相对层级较深的功能的任务,检测用户是否能通过信息架构的名称找到功能
4.2 撰写产品说明书
5 用信息架构思路设计页面
5.1 为何在单一页面设计时需要考虑信息架构的问题
e.g.如何摆放页面中的东西?
确定页面需要呈现的信息-->绘制信息架构树状图-->重要性分级-->绘制页面
5.2 明确一个页面中的元素逻辑性与重要级
~~这个练习可以经常做。E.g.看其他产品。微博。
5.3 绘制单一页面
完成树状图梳理后。将逻辑相关的内容使用同一的形式、位置,并让区块联通。
利用大小、上下位置、色彩体现重要级。
养成话信息架构树状图的习惯,让自己的思考更有逻辑。不仅仅仿照竞品,或者凭感觉。
有逻辑的设计才是交互设计师更应该倡导的。
网友评论