译文 | 设计更好的表单

无论是登陆,分步骤的流程还是单调的日期输入,表单设计都是其中最重要的部分。这篇文章主要分析了表单设计中哪些是常用和禁用的。

表单应该尽量保持一列

多列的布局会打断用户垂直阅读的节奏

把标签放在顶部

用户完成一个把顶部标签的表单比完成左边标签的表单更高效。顶部标签在手机上表现的同样很好。但是,在拥有更多数据输入的大型表单时,也可以考虑左标签的表单,这样用户可以更方便的浏览,因为整个表单的高度减小了,从而提供了更多的可能性

把标签和输入框编组

把标签和输入框放得更加靠近,这样可以确保每个输入有足够的距离间隔,用户不会产生疑惑

禁止使用大写

大写会使阅读和扫描变得困难

如果下拉选项小于6个,把它们全部显示出来

下拉框需要两次的点击而且还隐藏的选项。如果只有5个选项,用选择器代替

不能用占位文字代替标签

用占位文字代替标签能节省空间,因此看起来是很诱人的选择,但是却会在输入过程中产生很多疑惑用户的因素

把单选(多选)按钮上下排列,方便浏览

上下的布局始浏览更方便

文字的描述应表示动作目的

表明动作目的的描述使操作更有目的性

在行内提示错误

向用户展现错误的地方和原因

在用户输入完成之后验证

不要在用户正在输入的时候就验证输入,除非这样可以帮助到用户

不要隐藏基本的帮助文字

随时展示帮助文字,当输入时把它放在输入框旁边显示

把重要性不同的表单按钮分开

次要的按钮是否该显示目前也成为一个争论

用输入框长度作为一个暗示

输入框的长度让用户对要输入内容的长度有大致的了解

去掉*号,用文字表示可选的输入

用户并不总是清楚*所带便的意思,用文字代替*更好一些

把相关的信息编组

用户会分批思考,太长的表单会使人感到有压力。对表单进行有逻辑的分组会使用户思考的更快一些

我们让用户填写表单的最终目的是什么?

忽略现有的输入方式,思考另一种方式去收集数据。你要不停的问你自己这项数据是不是可以被推理出来或者用户可以推迟输入,或者完全可以不要。

数据的输入渐渐变得自动化。比如,手机或者可穿戴设备可以在用户意识不到的时候收集大量的数据。现在我们可以通过SMS,email,声音,位置,指纹,生物识别等等方式获取数据。

使输入变得有趣

时如白驹过隙,没人愿意把时间浪费在填写表单上。我们要去和用户对话,变得有趣,渐进,去做意想不到的事情。设计师的作用就是通过展现企业的品牌文化引出用户情感化的反应。如果我们采用的方式正确的话,就会增加用户的完成率。确保你自己没有违反上边所说的几个标准。

原文地址:Design Better Forms

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 无论是连贯试、分布式,亦或是单调的数据输入界面,表单都是数码产品的重要组成部分。这篇文章聚焦在表单设计中常见的该做...
    Z_Yuhan阅读 6,185评论 13 43
  • 一. 表单设计的影响与原则 1.1 表单的产生 由内而外,网站根据自身信息存储格式要求,从数据库映射成表单。 由外...
    晓梦蝉君阅读 14,190评论 1 30
  • 网上鲜有用户体验的文章会把事情发生的原因给你讲的那么详细。相对于本文作者给出的方法,那些追溯源头的研究更值得一看。...
    D27阅读 5,564评论 0 5
  • 放荡不羁爱自由 原谅我这一生不羁放纵爱自由也会怕有一天会跌倒背弃了理想 谁人都可以哪会怕有一天只你共我 曾经的我以...
    弼马温老湿阅读 3,573评论 0 0
  • 秋深、霜冷,却是“寒花已开尽,菊蕊独盈枝”的时节,“暗暗淡淡紫,融融冶冶黄,陶令篱边色,罗含宅里香”,古诗...
    千秋雪_51e9阅读 3,795评论 0 1