表单设计

0. 组成五元素:输入框,标签, 动作,帮助信息, 输入反馈 。

1. 输入框:单选框,文本输入框,下拉框,文本区域,复选框,时间控件。输入框的选择要考虑业务需求和用户使用场景,目标是降低用户的操作复杂度。

2. 标签:分为顶部对齐,右对齐,左对齐,居内对齐。

1)顶部对齐:易视觉扫描,易理解。

2)右对齐:易视觉扫描,易理解,节约表单长度,反馈等信息易显示。

3)左对齐:不易视觉扫描,为陌生表单增加安全性。

4)居内对齐:最大限度节约空间,时间成本低,无法处理复杂逻辑。(标签至于输入框内)

3. 动作:体现表单的目的,『提交』,『注册』等。

1)快速:根据业务场景考虑动作的位置。

2)准确:差异区分主要动作和次要动作。

4. 帮助信息:分为静态帮助,动态帮助。

1)静态:简单,可读性不强,易被忽略。

2)动态:可读性强,关注度高,需要触发才出现。

5. 输入反馈:与动态帮助信息的区别是,反馈发生在输入后,动态发生在输入时。分为成功和失败。

1)成功:引导用户进入下一步。

2)失败:告诉用户如何修复及正确的操作方法。

6. 表单需要进行平等的交流。

7. 表单信息的简化:

1)收起or砍掉不重要的。

2)不能砍掉的给用户原因。

3)考虑场景的默认值,常用信息,上次填的值。

你可能感兴趣的:(表单设计)