设计图谱
学习路径/跨产品比较研究/微信 vs WhatsApp:即时通讯的两种文化/画出两者的信息架构
观察

画出两者的信息架构

【背景】信息架构草图让'膨胀 vs 纯粹'的差异可视化。 【步骤】1. 画出微信与 WhatsApp 的 IA 草图;2. 标注微信的'发现/我'等分支入口;3. 对比两者的复杂层级。 【输出】两产品 IA 草图对比。

预计时长

15 分钟

任务类型

观察

观察提示

数字navigation入门

导航的直觉性

你能否在 30 秒内理解产品的主要功能分区?导航结构是底部标签、侧边抽屉、顶部菜单还是手势驱动?哪种方式让你更快找到目标?

数字navigation进阶

信息架构的深度

需要多少步才能到达产品的最深层级?是否存在'越走越深'却找不到回去的路的情况?产品如何帮助你理解当前所处位置?

数字info_hierarchy入门

信息层级

打开主页面,前 5 秒你的视线路径是什么?产品用什么手段(大小、颜色、间距、动效)来区分信息的重要性?最重要的信息是否真的是你看的第一眼?