搜狐首页 科技 无心法师

手机搜狐

SOHU.COM

表单设计15个方针,构建又好又实用的表单界面

作者:跪着提需求

链接:http://www.woshipm.com/pd/582032.html

表单的好坏直接影响着用户的体验,那么如何才能设计出更好更实用的表单呢?一起来看看作者分享的几个表单设计方针。

无论是注册流程、多视点布局、或者是单调的纯数据录入界面,表单都是其中最重要的组成部分,他们的好坏直接决定用户对产品的体验。在这里我只针对于常见的表单设计注意事项做一些说明,但是请记住,这些都是一般指导方针,在产品设计中可能会因为情景的不同而出现例外。

1、表单应尽量设计成一列

多列会扰乱用户的垂直动量

2、顶部对齐标签

优先选择处理速度快的顶部对齐标签

数据表明:与左对齐方式的标签相比,用户处理顶部对齐形式的标签时速度更快,顶部对齐标签也可以应用于移动端重。

也会有特殊情况,比如在处理条目数量较多的大型资料库时,可以考虑左对齐方式的标签,因为他们降低了高度,浏览时更容易。

3、组标签及其输入

使标签和输入框有组的概念

使标签和输入框两两组合,用间隔的大小来形成组的概念,否则就会如右图所示,分不清楚那个标签和哪个输入框是匹配的,容易产生混淆,是用户感到困惑。

4、不要全部使用大写字母

不要全部使用大写字母

数据表明:与大写字母相比,人对小写字母具有更高的敏感度和识别度,比如我们可以轻松的认出“Market”,但是却不能一眼识别出“MARKET”,因此不要全部使用大写字母作为标签或说明文本,识别度太低,增加用户的认知成本。

5、如果少于6个,那么显示出所有的选择项

显示所有选择项

对于下拉菜单选择器而言,将选项内置,需要点击两次查看或隐藏选项,且不直观,如果少于6个选择项,不妨考虑使用标签选择器。

另外如果有超过25个选项,则不能仅仅使用下拉菜单选择器,还要在下拉列表中结合上下文进行搜索。

6、尽量不使用占位符作为标签

尽量不要占位符做标签

使用占位符文本作为标签来优化空间是诱人的。但是这会导致许多可用性问题,这里不做详细说明,这些问题已经被尼尔森诺曼集团的Katie Sherwin证实过。

7、将复选框置于下方,以方便进行浏览。

复选框置于下方

将复选框置于标签的下方,更易于用户的浏览。

8、使用号召性用语(CTA)作为描述

使用号召性用语(CTA)

使用号召性用语(CTA)更能激发用户的行动力和归属感。

精选