设计图谱
学习路径/交互模式的语言/状态与过渡模式/骨架屏 vs 旋转 loading
观察

骨架屏 vs 旋转 loading

【背景】加载反馈的方式(骨架屏/旋转/进度条)反映设计成熟度。 【步骤】1. 找 5 个 App 记录加载方式;2. 对比骨架屏与旋转 loading 的体验差异;3. 评价哪种更'为等待设计'。 【输出】5 App 加载方式记录。

预计时长

15 分钟

任务类型

观察

观察提示

数字loading入门

等待的体验

产品在加载内容时如何'填满'等待时间?骨架屏、进度指示、趣味动画还是简单的旋转图标?这种等待体验是否与你对产品品质的期待一致?

数字loading深入

乐观更新

产品是否使用了'乐观更新'——在服务器确认之前就先在界面上显示操作结果?这种方式让你感觉更快还是不可靠?找一个例子分析其实现的好与不好。