设计图谱
学习路径/交互模式的语言/导航模式:标签、抽屉与层级/同一功能,不同导航
对比

同一功能,不同导航

【背景】同一产品多端导航对比,暴露平台差异与设计取舍。 【步骤】1. 选一个多端产品(微信/Notion/飞书);2. 画出手机与桌面版导航结构;3. 分析差异原因(屏幕/输入/场景)。 【输出】多端导航对比图 + 归因。

预计时长

10 分钟

任务类型

对比

观察提示

数字navigation深入

跨平台导航一致性

同一产品在手机、平板和电脑上的导航方式有何不同?如果你是熟悉手机版的用户,能否直觉地使用桌面版?

数字cross_device入门

屏幕尺寸适配

同一产品在手机和电脑上打开——布局是完全重新组织还是等比例缩放?关键功能在不同设备上是否同样可达?