THE DESIGN LAB

设计,动手就懂。

改变一个变量,观察一个结果。把看过的原则,变成自己的直觉。

EXPERIMENT 06 / INTERACTION

一张表单,正常之外还有哪些状态?

理解背后的原则

GO BEYOND THE HAPPY PATH

亲自触发不同状态

等待填写 格式有误 提交中 模拟网络失败 提交成功

先提交空表单,再填写邮箱。开启模拟失败,观察能否保留输入并重试。

LIVE PREVIEW 实时示例

订阅设计笔记

教学表单 · 不发送邮件、不保存邮箱。

使用任意示例邮箱即可体验。

当前状态:等待填写

观察一下

校验错误说明怎么修正;提交期间阻止重复操作;网络失败保留输入;成功状态明确确认结果。模拟环境的等待时间固定为约 1.1 秒。

接下来,看看完整界面如何运用这些原则。

进入案例拆解