表单设计

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

7. 表单信息的简化:

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一. 表单设计的影响与原则 1.1 表单的产生 由内而外,网站根据自身信息存储格式要求,从数据库映射成表单。 由外...
    晓梦蝉君阅读 14,194评论 1 30
  • 表单是什么? 表单是一个包含表单元素的区域,使用表单标签( )定义。 表单元素是允许用户在表单中输入信息的元素,主...
    Meowmaid阅读 5,307评论 1 7
  • 我们每天都要和大量的表单交互,表单设计的好坏直接影响着我们使用产品的直观感受,同时表单设计的好坏还会影响公司产品的...
    北海_阅读 5,189评论 0 14
  • 偶然见到「爱范儿」上的一则图片新闻,貌似是《流线型触摸中控台,你准备好了吗?》,说的是把汽车的中控台变成全触屏的未...
    Sheng阅读 4,258评论 39 10
  • 这是杨德昌导演2000年的一部作品《一一》。许多人说从这部电影里看到了一生,看到了自己的影子。 说起这部电影,不能...
    猫头鹰电影阅读 2,778评论 0 0

友情链接更多精彩内容