当前位置:首页 > 杭州商城建设开发

现代表单设计的标准也在不断发展

2020-02-12

几乎每个网站设计都包含某种形式的表单。从简单的电子邮件地址收集,注册新闻通讯或通知,到

完整的付款收集表单,当务之急是设计一个易于使用和理解的表单。

表单设计的标准也在不断发展。尽管许多表单过去常常包含多个列并要求提供大量信息,但大多数

最佳实践现在都建议保持表单尽可能简单。设计还有很多。好的表格是可扫描的,不需要大量的输

入,并且包括智能的标签和格式,以帮助用户在第一时间正确填写表格。

这里有一些秘密,以确保您正在设计用户实际填写的表单。


1.轻松扫描和阅读
您知道用户会扫描网站以搜集信息,并确定他们将采取什么行动,或者内容和设计是否使他们感兴

趣。形式也是如此。用户应该能够一眼就知道需要什么信息,并清楚地说明该表单的用途以及如何

提交。


对比:文字必须简短且易于阅读。避免使用多种颜色,并在浅色文本-背景组合上坚持传统的深色。
分组和空格:将较长表格上的相似信息分组。例如,在收集付款信息时,将客户信息,付款信息和

运输信息分组。三个短块比一个长块更容易消化。使用智能间距将标签连接到其说明的字段,而不

是在文本和字段元素之间使用均匀的间距。
清除结束语/号召性用语:使按钮较大且易于查看。按钮内的显微镜应该告诉用户将会发生什么,例

如“提交”,“立即付款”或“进行下一步”。记住关闭反馈循环,让用户知道何时正确提交表单

 

2.考虑浮动标签
关于是否在表单字段中使用提示文本的争论很多。主要的问题是,此文本通常不会随着单击消失,

并且用户必须主动删除它才能开始键入。尴尬了。


此外,尼尔森·诺曼小组(Nielsen Norman Group)发现,空白字段可以吸引眼球,并帮助用户更

清楚地输入信息。

如果您需要使用提示,请考虑使用交互式解决方案-浮动标签。将您的标签信息包括在表单字段中,

以使其看起来像占位符文本,但是一旦用户将鼠标悬停或单击该字段,就可以使该文本动画并移到

左上角。标签或提示永远不会消失,也不会妨碍用户尝试填写表单。(加上小动画对于用户来说是

一个有趣的惊喜。)


3.使用场罩
场掩码可以提供一些相同的线索和形式提示,但不会妨碍可用性。仅当用户激活字段并提供有关所

需信息的附加扫描提示时,字段掩码才会出现。掩码可以通过自动格式化信息来进一步帮助用户,

从而避免会在提交时将表格踢出的错误。

电话号码是行动面具的一个很好的例子。考虑多种格式选项:

(000)000-0000
000-000-0000
0000000000

用户如何知道哪个将工作?表单字段将根据用户类型指定和调整格式,因此他或她不必考虑它,而

只需键入数字。(这也省去了在移动设备上的键盘之间切换的麻烦。)



4.使表单键盘友好
您无法知道用户将在哪种设备上遇到您的表单,但是无论如何都应该很容易填写。考虑可以将信息

发送到表单并调整字段以检测和使用适当选项的所有不同类型的键盘。

在台式机上,用户无需单击鼠标即可输入表格并填写每个字段。完成后会自动从一个字段前进到下

一个字段,或者使用标签或输入来移动。W3.org有一组可靠的键盘建议供您遵循。

在移动设备上,将键盘类型与所需数据匹配。如果输入是字母,请调出字母键盘。对于数字,请调

出数字选项。来自杭州网站建设:“应用程序用户喜欢能够为文本输入提供适当键盘的应用程序。确保在

整个应用程序中一致地执行此操作,而不是仅针对某些任务而不是其他任务。”

免费获取报价

  • 29923329

  • 杭州市丰庆路498号北软智慧科创大厦203

  • 0571-85815193

  • pady@1t2.cn

网站地图 版权所有 © 2008-2021 杭州派迪科技有限公司  Copyright © 2008-2020  www.hzpady.com  All Rights Reserved    浙ICP备14029905号-1     公安备案:33010802008411    软著登字第3457658号