表单设计
2015-08-19 本文已影响136人
金哲
0. 组成五元素:输入框,标签, 动作,帮助信息, 输入反馈 。
1. 输入框:单选框,文本输入框,下拉框,文本区域,复选框,时间控件。输入框的选择要考虑业务需求和用户使用场景,目标是降低用户的操作复杂度。
2. 标签:分为顶部对齐,右对齐,左对齐,居内对齐。
1)顶部对齐:易视觉扫描,易理解。
2)右对齐:易视觉扫描,易理解,节约表单长度,反馈等信息易显示。
3)左对齐:不易视觉扫描,为陌生表单增加安全性。
4)居内对齐:最大限度节约空间,时间成本低,无法处理复杂逻辑。(标签至于输入框内)
3. 动作:体现表单的目的,『提交』,『注册』等。
1)快速:根据业务场景考虑动作的位置。
2)准确:差异区分主要动作和次要动作。
4. 帮助信息:分为静态帮助,动态帮助。
1)静态:简单,可读性不强,易被忽略。
2)动态:可读性强,关注度高,需要触发才出现。
5. 输入反馈:与动态帮助信息的区别是,反馈发生在输入后,动态发生在输入时。分为成功和失败。
1)成功:引导用户进入下一步。
2)失败:告诉用户如何修复及正确的操作方法。
6. 表单需要进行平等的交流。
7. 表单信息的简化:
1)收起or砍掉不重要的。
2)不能砍掉的给用户原因。
3)考虑场景的默认值,常用信息,上次填的值。