北京网站制作公司分享用好表单进行设计的10个技巧
在今天的文章中,你会看到许多关于表单设计的实用建议,这些建议涉及可用性测试、现场测试、用户追踪和用户反馈。
1.理清逻辑,保留必要的
表单是与用户交流的语言。像任何对话一样,它应该帮助双方以符合逻辑的方式完成沟通。所以,你需要这样做:
保持问题的直观顺序。你应该站在用户的角度逻辑地提问,而不是按照程序或者数据库的逻辑。如果问题之间没有逻辑,可以按字母顺序排列。
以直观的顺序组织选项。例如,当选项是日期时,它们按照周一、周二和周三的顺序排列,而不是乱序。
时刻反思从用户那里获取的信息是否有必要,如何使用。这样做是为了消除不必要的选项,提高完成率。
2.使用单列列表布局
要填写的多列表表单很容易让用户错过,打断填写体验。用户需要按照之字形轨迹填写整个表格,不仅影响了整个书写路径,降低了效率,还会产生一定的干扰。但是如果使用单栏形式,这种填充路径是单一的,直接的,更加直观高效。
3.减少需要输入的字段和工作量
减少要输入的字段数量可以使您的表单更加简洁,减少加载时间,尤其是对于信息量大的表单。
当然,仅仅减少输入字段的数量是不够的。你也要注意用户填表的方式、内容和工作量。键入内容是一种高交互性的输入方式,错误率高,时间成本高。所以要尽量减少用户打字的情况,使用复选框、单选按钮、下拉菜单等选项,减少用户出错的概率。
4.匹配输入框和内容的大小
MARD研究所的研究发现,如果一个字段与输入框相比过长或过短,会让用户怀疑自己输入的内容是否正确,这种情况在输入CVV(信用卡验证值)等字段时尤为明显。
为了保持良好的可用性,您应该使输入框的宽度尽可能与输入内容的长度相匹配。适当的预留空间可以让用户更安心。
5.标签放置在相应输入框的上方
是否足够方便用户快速浏览表单?如果用户很难快速浏览表单,则需要更长时间来填写。所以,好看和填充是好的表单设计的准则。Matteo Penzo的文章曾经研究过表单和表单中的输入框应该如何布局,以便用户可以更好更快地浏览和填写。结论是标签应该放在输入框的上方。
如果你想让用户尽快浏览,把标签和输入框垂直排列,靠左对齐。请注意,这是关于快速浏览。这种布局的好处是不需要太多的横向空间,用户只需要向下浏览,不需要左右扫描,这种布局更容易形成响应式UI,兼容不同屏幕和不同应用场景。
6.支持灵活多样的格式
有些字段需要用户准确填写,但要求用户输入特别准确或特定格式的内容时,可用性可能会有点问题。如果要求用户输入数字内容(比如电话号码),最好灵活一点,支持多种不同的输入方式和显示方式,这样更容易让人查看(而不是机器)和防止出错。
比如座机电话的格式往往是(777)666–5544,更便于用户查看、记录和记忆。
7.不要混合占位符和字段标签
设计者通常在表单中放置文本占位符,作为额外的提醒,告诉用户如何填写示例。当用户开始输入时,占位符文本将会消失。
有些设计者会将标签直接作为占位符放在输入框中,以减少表单的长度和视觉混乱。对于简单的表单设计,这种设计影响不大。当表单信息量大,内容类型多样时,这种设计就不适合了。这种设计的缺点是:
一旦用户点击输入框,标签就会消失,用户很容易忘记谈需要输入的内容和形式。当用户看到输入框填充了内容,会误以为这个字段是没有输入就被填充的。
如果您仍然需要在表单中使用占位符,您也可以让它们作为浮动标签存在。显示默认的占位符,当用户输入时,它作为标签向上浮动以提醒用户。
8.混淆可选和必填字段
正如我之前所说,尽量避免在表单中添加可选字段。但如果非要加入,至少要知道哪些字段是可选的,哪些是必填的。可选字段数量控制在1~2个以内,明确告知用户是可选的。
9.不要使用重置按钮
“重置”使用户可以很容易地删除表单上的所有内容并从头开始。这个风险太大了。在现实生活中,这个按钮从来不会帮助用户。反而因为不小心触碰而更疼。
10.提供高可见性和特定的错误信息
理想情况下,用户可以通过填写表单并上传来完成任务。但现实中,错误是不可避免的。因此,当错误发生时,您应该以高度可用和可见的形式通知用户发生了什么。因此,您提供的错误信息应符合以下规则:
当用户输入字段时,应该实时告诉他们所填写的信息是对还是错,而不是等他们填写完所有信息后才告诉他们出错了。
错误信息应该一目了然,突出显示颜色、图标和文本,错误信息应该靠近输入框,而不是表单的底部或顶部或键的旁边。
如果输入格式是特定的,应该提前声明。
出现错误后,不要清空已完成的表单。
总结
在填写表单时,用户的犹豫是不可避免的。我们应该尽力使这个过程变得方便和容易。我们应该让形式设计成为优势,而不是劣势。极具针对性的表单设计、周到的细节和体验、持续的改进和调整、高效快捷的提交、流畅的流程是一份优秀表单的特征。
推荐新闻
更多行业-
如何学习网站制作,我们应该怎么做?
在21世纪,互联网的发展越来越牛,日益上升,我们的生活已经融入了互联网...
2012-06-08 -
企业网站为什么发挥不了作用
这几年来,越来越多的企业开始上网,第一步都是进行网站建设,于是花下不少...
2012-08-16 -
网站的形象代表着企业的网上品牌形象
在法律许可的范围内,大型企业或访问量较大的网站, 产品/服务展示顾客访...
2012-09-27 -
从建站到优化排名的基本过程
搜索引擎彻底改变一代有一代人的习惯,好多人不懂就会问搜索引擎。随着互联...
2012-07-20 -
web站点要主题鲜明、富有特色
Web站点网站设计应针对所服务对象不同而具有不同的形式。有些站点只...
2015-01-26 -
做网站之前都要了解哪些知识
网站建设的总结的常识主要包括:网站注册域名,网站用什么空间,网站属于什...
2015-11-20
预约专业咨询顾问沟通!
免责声明
非常感谢您访问我们的网站。在您使用本网站之前,请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络,涉及到的部分文章和图片版权属于原作者,本站转载仅供大家学习和交流,切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。
4、如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!
联系方式:010-60259772
电子邮件:394588593@qq.com