设计图谱
学习路径/交互模式的语言/模式组合:从词汇到句子/拆解一个完整流程
对比

拆解一个完整流程

【背景】完整流程是模式的组合:拆解流程能看清模式如何协同。 【步骤】1. 选一个完整流程(淘宝购物/飞书建项目);2. 拆解每一步使用的模式;3. 找出流程中断裂或摩擦处。 【输出】完整流程模式拆解。

预计时长

20 分钟

任务类型

对比

观察提示

数字navigation入门

导航的直觉性

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

数字feedback入门

操作反馈

执行一个操作后(点击、滑动、提交),产品如何告诉你'你的操作已被接收'?反馈形式是什么——视觉变化、触觉振动、声音、动画?反馈是否及时且清晰?

数字info_hierarchy入门

内容密度

屏幕上同时呈现了多少信息?是'一览无余'还是'需要滚动探索'?密度是否与使用场景匹配——快速浏览 vs 深度阅读?