分享

多见的表单规划款式和要防止的注意事项

 皇埔企业HPQY 2016-10-09

    无论是注册流程,多视图步进或单调的数据输入界面,表单都是数字产品的规划中最重要的组成部分之一。但请记住,这些都是一般原则,每一个规矩都有破例。

1、表单应当排成一列

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

2、标签顶部对齐

比较运用左对齐的标签,运用顶部对齐的标签后,更高份额的用户会结束表单的填写;顶部对齐的办法也更适用于小屏幕的手机。不过,在面对多选项多数据的输入时,尽量仍是考虑左对齐标签,这么用户更简单一同阅览。

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

把标签和输入框靠在一同,相邻输入框间设置合适的距离防止用户迷惑

4、防止悉数大写

悉数大写的标签会形成阅览和阅览上的艰难

5、假如可选项少于六个,悉数显现出来

若将选项躲藏至下拉列表中,用户需要实行两次点击才干结束挑选;这种办法最好在选项数量多于5个时再去运用,当数量乃至超越25个时,最好将搜索也融入其中

6、防止运用占位文本作为标签

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

7、将复选框(或单选按钮组)笔直摆放

将复选框笔直摆放易于阅览

8、使“行为呼唤”类按钮具有描绘性

一个行为呼唤类按钮应当描绘其方针目的

9、在行内指明过错

在过错发作的当地通知用户,并指明因素

10、在用户结束输入后再实行行内校验(除非在输入过程中实行有用)

用户输入过程中不要运用行内校验——除非确实能帮到用户——比如在设置暗码、用户名过程中字符长度唱超越束缚时。

11、不要躲藏底子的帮忙文本

要尽也许显现出底子的帮忙文本。关于凌乱的帮忙文本,能够考虑在输入框获得焦点后将其放置于输入框周围。

12、首要选项和辅佐选项要做区别

关于是不是应当显现辅佐选项乃至在哲学界引发了一场很大的争论。

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

输入框的长度应当令用户可预见能够输入的字符长度,面对有清晰长度距离的字段时(比如手机号、邮编),最好这么做:

14、避开运用*,标明出可选项

用户并不老是知道标签后的*暗示啥,仍是最好将可选项标明出来。

15、将有关信息分组显现

批量性的长表单一般令用户无法忍受,通过将有关信息分红合理的一组,用户能够更快的了解表单元素间的有关。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多