分享

设计师一定要掌握的表单设计原则

 乌鸦卡桑 2017-06-04



1、单列显示

多列显示会干扰用户的垂直视线。


2、标签置于输入框顶部


当标签置于输入框顶部时用户完成表单的几率高于标签置于输入框左侧的表单。位于输入框顶部的标签在移动端的体验也更好。然而在需要输入较多变量和数据的表单时应该考虑置于输入框左侧的标签,这样能够减少行高,便于后期数据统计。


3、将标签与各自的输入框群组

在呈现表单时确保单个标签和输入框组成的群组之间留有较大的空间,不让用户产生困惑。


4、不要全部大写

全部大写的话不易于阅读,也不易于后期扫描。


5、选项不超过6个的话就全部展示出来

如果超过5个选项的话就使用下拉式菜单。选项超过25个的话加入联想搜索功能。


6、不要使用占位符文本作为标签

这样做会带来许多不便。


7、复选框纵向排列以便于扫描


8、叙述性的进行行为召唤


9、针对性的提示错误

告知用户错误的位置以及原因。


10、在用户填写结束后再进行验证(除非这能在填写过程中有所帮助)


11、不要隐藏基本的提示信息


12、将一级动作和二级动作区分开


13、将输入框长度作为提示信息

在输入电话号码、邮政编码等情况下输入框长度可以提示字符限制。


14、用可填项代替必填项

并不是所有用户都能理解(*)的含义,用可填项来代替会更好些。


15、将相关信息进行群组





优设原创征稿计划

扫描添加柱子哥投稿

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

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多