设计图谱
学习路径/如何看懂一个数字产品/第一步:入口、导航与信息层级/拆解导航架构
观察

拆解导航架构

【背景】信息架构(IA)是产品的骨架:画出来才能看清结构。 【步骤】1. 基于使用体验画出产品 IA 草图(不查现成流程);2. 标出一级入口、层级、路径;3. 找出架构中的'深坑'或'死胡同'。 【输出】产品 IA 草图 + 问题标注。

预计时长

15 分钟

任务类型

观察

观察提示

数字navigation入门

导航的直觉性

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

数字navigation进阶

信息架构的深度

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

数字info_hierarchy入门

信息层级

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