xml地图|网站地图|网站标签 [设为首页] [加入收藏]

澳门mgm4858集团登录网址怎么着统一准备出更加好

随着网络的普及,可能大家都能明白*代表着必填的含义,但是不排除有一部分对网络接触较少的人群并不理解其中的含义,当然这不是重点,重点是没有必要一定要用*来表示必填,因为很多时候我们发现,几乎90%的都是必填项,只有个别是选填项,那么就没有必要每个必填项都加*标注,我们完全可以按照左图所示的思路,只对选填项做选填标注(Optional),对必填项便不再需要任何特殊标记。

批量性的长表单通常令用户无法忍受,通过将相关信息分成合理的一组,用户能够更快的理解表单元素间的关联

11、尽量不要隐藏帮助文本。

8、使“行为召唤”类按钮具有描述性

有限选择处理速度快的顶部对齐标签

一个行为召唤类按钮应该描述其目标意图

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

澳门mgm4858集团登录网址 1

内联验证

在错误发生的地方告诉用户,并指明原因

字段长度作为提示

用户输入过程中不要使用行内校验——除非确实能帮到用户——比如在设置密码、用户名过程中字符长度唱超过限制时

2、顶部对齐标签

使用占位文本确实能优化屏幕空间的利用,但其会带来一些可用性问题,详见这里:

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

无论是注册流程,多视图步进或单调的数据输入界面,表单都是数字产品的设计中最重要的组成部分之一。本文重点介绍了常见的表单设计样式和要避免的注意事项。但请记住,这些都是一般准则,每一个规则都有例外。

9、制定错误内联

1、表单应该排成一列

其次,不要在输入过程中边输入便进行内联验证,比如右侧的Email输入框,用户还未输入完成就进行了内联验证,才会一直出现错误,会让用户产生恐惧。

全部大写的标签会造成阅读和浏览上的困难

15、信息的组相关(模块相关)

输入框的长度应该令用户可预见能够输入的字符长度,面对有明确长度边界的字段时(比如手机号、邮编),最好这样做

比如左侧的图中“登录”按钮为主要操作,“取消”按钮为次要操作,然而右图中未进行祝此操作的区分。

将复选框垂直排列易于阅读

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

澳门mgm4858集团登录网址 2

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

澳门mgm4858集团登录网址 3

好了以上就是“黄君”给大家分享的表单的设计方法,如果喜欢,请关注黄君一下下。

2、标签顶部对齐

3、组标签及其输入

6、避免使用占位文本作为标签

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

澳门mgm4858集团登录网址 4

13、使用字段长度作为提示

澳门mgm4858集团登录网址 5

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

10、在用户完成输入后再执行行内校验(除非在输入过程中执行有用)

比如把用户名、密码等作为基础数据组,把邮箱、性别、星座等作为补充数据组。

澳门mgm4858集团登录网址 6

使用号召性用语(CTA)

澳门mgm4858集团登录网址 7

制定错误内联

13、使用合适的输入框长度

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

澳门mgm4858集团登录网址 8

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

要尽可能显示出基本的帮助文本。对于复杂的帮助文本,可以考虑在输入框获得焦点后将其放置于输入框旁边

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

3、将标签跟输入框作为绑定的一组

常见的例子还有:支付宝、微信等的六位支付密码、银行卡号···

5、如果可选项少于6个,全部显示出来

复选框置于下方

7、将复选框(或单选按钮组)垂直排列

告知用户错误发生的位置和原因。

澳门mgm4858集团登录网址 9

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

相比使用左对齐的标签,使用顶部对齐的标签后,更高比例的用户会完成表单的填写;顶部对齐的方式也更适用于小屏幕的手机。不过,在面临多选项多数据的输入时,尽量还是考虑左对齐标签,这样用户更容易一起浏览,

来啊,互相关注啊;来啊,快活啊。

澳门mgm4858集团登录网址 10

比如:普通用语“注册”,一般是表示动作;号召性用语(CTA)可能表述为“我要免费试用”,一般是表示意图。

把标签和输入框靠在一起,相邻输入框间设置合适的距离避免用户困惑

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

9、在行内指明错误

最后如果是需要在填写的过程中帮助用户,那么可以边输入边做内联提示,直到失去焦点后在进行内联验证。比如我们常见的在输入密码时,如果使用了不规范的字符,系统会立刻验证告知你出现了错误,以及该如何避免这种错误。

4、避免全部大写

当表单内哦让较多或表单过长时,可能会让用户产生压迫感,且识别度较低,我们可以通过对这些表单元素进行分组分类模块化,让用户更加清晰易懂。

15、将关联信息分组显示

12、要区分主要操作和次要操作

澳门mgm4858集团登录网址 11

预留字段的长度提供了答案的长度。对于具有预定义的字符数字,如电话号码、身份证号码、邮政编码等,字段的长度是已知且固定的,那么预留字段的长度便能明确表示答案的长度。

澳门mgm4858集团登录网址 12

帮助文本

译自:

14、可以考虑不用*表示是否必选和可选字段

11、不要隐藏基本的帮助文本

如何才能设计出更好更实用的表单呢?

用户并不总是知道标签后的*暗示什么,还是最好将可选项标示出来

首先,完成一个字段后在进行内联验证,比如当姓名输入框失去焦点后,在进行内联验证。

澳门mgm4858集团登录网址 13

尽量不要占位符做标签

澳门mgm4858集团登录网址 14

组相关(模块相关)

多列排布会分散用户的竖向注意力

是否必填

12、主要选项和辅助选项要做区分

在条件允许的情况下,尽量不要隐藏帮助文本,可以将帮助文本置于被帮助项附近,当然如果帮助文本过于复杂,或者已经不仅仅是帮助文本,而是帮助教程的时候,需要考虑将其隐藏。

澳门mgm4858集团登录网址 15

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

关于是否应该显示辅助选项甚至在哲学界引发了一场很大的争论

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

若将选项隐藏至下拉列表中,用户需要执行两次点击才能完成选择;这种方法最好在选项数量多于5个时再去使用,当数量甚至超过25个时,最好将搜索也融入其中

10、在用户填写字段完成后在进行内联验证(除非是在填写的过程中需要帮助他们)

14、避开使用*,标示出可选项

对于位置而言,要明确告诉用户具体是那个地方出现了错误,而不能只是简单告诉用户有错误;对于错误原因而言,不但要告诉用户错误的原因,还要告知解决的方法,引导用户做出正确的操作。

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

关于是否需要一个次要操作,这是一个更大的问题,我们暂不讨论,我们讨论的是如果不是只有单个操作,那么一定要区分主次操作,可以简单理解为:比较重要的、我们希望用户去做的就是主要操作,剩下的就是次要操作。

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

区分主次

这是两个要素:位置和原因。

显示所有选择项

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

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

不要全部使用大写字母

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

本文由美高梅集团网址发布于彩票竞彩-投注|代销,转载请注明出处:澳门mgm4858集团登录网址怎么着统一准备出更加好

TAG标签:
Ctrl+D 将本页面保存为书签,全面了解最新资讯,方便快捷。