优秀表单设计应遵循的原则

小编:表单是网站的重要组成部分。表单的目标是引导用户沿着一条路径,提高用户填写表单的效率,防止他们出错或中途流失,提升愉悦度及转化率。最好的表单用最少的文本来引导用户。

设计师常犯的错误,以及正确做法

无论是注册流程、多屏分步表单,或者是单调的数据列表界面,表单都是数字产品设计中的重要组成部分。本文会探讨表单设计的注意事项。记住这些只是通用规范,每条准则总有例外。

表单应该只有一列

多列布局会扰乱用户垂直方向的视线移动。

顶部标签

顶部标签的表单比左侧标签有更高的完成率。顶部标签的表单也易于移植到移动端。但是,对于有多种选择项的大量数据列表而言,请考虑使用左侧标签,因为它们在一起更易于浏览,能够减少高度,比顶部标签更贴心。

把标签与输入框成组排列

把标签和输入框贴近排列,确保项目之间留有足够高度,防止用户困惑。

避免全大写标签

全大写标签更难阅读和浏览。

如果选项少于6个,全部展示出来

把选项放入下拉选单需要用户进行两次点击,还会把选项隐藏起来。超过5项才使用下拉选框。如果超过25个选项,就要在下拉菜单中加入搜索。

不要把默认提示当做标签

把默认提示文字当做标签,意在节省空间。但这会导致许多可用性问题,Nielsen Norman Group的Katie Sherwin对此作过总结。

纵向排列勾选框(和单选框)以保证易读性

纵向排列勾选框能加快浏览速度。

行动指令要具有描述性

行动指令要描述出具体行为。

逐行说明错误

告诉用户哪里错了,说明原因。

逐行验证要在用户填完一行之后进行(除非填写中验证更有帮助)

别在用户打字的时候进行逐行验证,除非这对他们有帮助——例如创建密码、用户名之类,或者字符数提示信息。

不要隐藏基本的帮助提示文案

尽可能直接展示基本的帮助提示文案。对于复杂的提示文案,可以考虑在输入框激活时,展现在它旁边。

区分主次操作项

对此还有一项更深刻的哲学争论,真的需要次要操作项吗?

用输入框长度来反映内容

输入框的长度暗示了答案的长度。对于字数固定的输入框,例如电话号码、邮政编码等,可以使用这种方式。

抛弃星号*,标出选填项

用户不一定都知道星号(*)表示必填项。相反,应该标出选填项。

把相关信息编组

用户会分块思考,太长的表单会让人眼花缭乱。创建符合逻辑的分组,用户会更容易理解表单。

真的需要问吗?

省略掉选填项,考虑采用其他方式收集数据。时刻问自己,某个问题的答案是否能推测出来,问题能否往后放,或者完全去掉。

数据获取正在变得越来越自动化。例如,手机和穿戴设备在用户不知不觉间收集了大量数据。想想如何利用社交媒体、对话式界面、短信、邮件、声音、光学字符识别、位置信息、指纹、生物识别技术等等。

让表单变得有趣

人生苦短,没有人喜欢填写表单。要口语化、有趣,逐渐吸引用户,让人感觉出乎意料。设计师的职责就是传递公司品牌,激发情绪反应。处理得当,就能提升完成率。一定要遵循以上规则。

uxdesign

译文地址:可乐橙

作者:Andrew Coyle

译者:可乐橙

(0)

相关推荐

  • 【干货】5大移动端表单设计原则及案例赏析

    当我们在享受手机App为生活带来的巨大便利时,无形中已经经历了多种多样的移动表单设计形式.而表单设计又是移动应用设计中与用户产生最多交互的步骤,包括用户注册.订阅服务.用户反馈.问卷表单.买卖交易等等 ...

  • 设计一份优秀表单,需要注意的三个要点

    @呆呆U理 在我们的生活中经常会接触到表单,不过老实说,它们的使用体验经常让人无奈,比如在一些平台确认飞机票.检查购物清单或者是登录页面的设计等等.所以我们都希望表单能被设计的更好用一点. 虽然在这个 ...

  • 分享行业门户网站产品设计应遵循的三个原则

    产品是行业门户网站生存之本,设计行业门户网站皆抛开网站流量等硬指标;既然身为行业门户网站,它一定会有特定的受众群体以及这些受众群体的用户特征和行为习惯,目前国内虽没有门户网站针对自己网站用户受众进行的 ...

  • UX设计秘诀之注册表单设计,细节决定成败

    说实话,现实生活中,又有多少人会真正喜欢填写表格?显然,并不多.因为填写表单这样的网页或App服务,并非用户所需.他们需要的仅仅只是能够尽快买票.聊天等服务而已.如此,注册表单的填写,似乎就成为他们不 ...

  • FineReport怎么进行表单设计

    FineReport是一款报表软件,它的报表操作功能是报表软件中的佼佼者。下面小编就为大家进行介绍一下FineReport简单的一些表单设计功能,希望能帮到大家 新建表单点击文件>新建表单,如下 ...

  • 9个新人容易中枪的表单设计问题

    在网站中,表单是用户跟我们沟通的主要桥梁.透过表单,用户可以买东西.订阅新文章.更新资料--可以说网站最重要的功能,都是靠表单来完成.然而这个跟顾客打交道的重要环节,我们真的有做好了吗?以下分享的是一 ...

  • 44个漂亮的注册表单设计

    小编:注册表单在网页应用中十分重要,好的注册表单是可以让用户喜欢使用,大大的提升用户体验的.所以把注册表单设计好也是非常重要的一件事.今天就为大家带来44个漂亮的注册表单设计,看上去真的是有种赏心悦目 ...

  • 进行表单设计需要注意这十点

    表单设计是互联网产品设计中(尤其是移动设备)重要的组成部分之一,无论是注册流程或是登录流程,运用的地方十分广泛.本次分享的就是关于表单设计的文章,作者总结了十点和大家分享,下面就跟小编一起来学习一下设 ...

  • 4步教你提升表单设计的用户体验

    前言 在日常 APP 的操作使用中,用户在使用 APP的场景是碎片化的,环境可能非常嘈杂,各种因素导致用户中止或放弃操作,所以表单设计的用户体验显得尤为重要!接下来我们看看通过什么样的方法能快速提高表 ...