全国热线

025-86901720

全国监督投诉热线:9:00-23:00

学码思UI设计之表单设计的几个原则

一个好的表单设计对于提升用户体验往往有着事半功倍的效果,南京UI培训学码思教育的老师为大家分享了表单设计的几个原则,一起来了解看看。

表单是UI设计中比较重要的组成部分之一,一个好的表单设计对于提升用户体验往往有着事半功倍的效果,然而不少UI设计新手还没有意识到这一点。今天,南京UI培训学码思教育的老师为大家分享了表单设计的几个原则,一起来了解看看。


1、表单尽量使用单列设计

多列布局会扰乱用户垂直方向的视线移动,容易让人分心。


2、字母不要全部大写

大写字母不便于阅读和快速扫视,首字母大写即可。


3、说明标签放在输入框上面

数据显示,当说明标签在输入框上面的时候,用户完成表单的几率要远高于标签位于输入框左边的时候。顶部说明标签在移动设备上也能更好的显示。然而,如果输入框数量较多,你可以考虑将标签放在输入框左边,因为这样做可以降低表单的高度。


4、避免将标签作为占位符使用

将标签作为占位符放置于输入框内是很有诱惑力的做法,但是这样存在一定的可用性问题:让部分用户迷惑内容已经被填写;点击输入的时候占位符消失,有的用户会忘记输入内容属性。


5、选项少避免使用下拉选框

低于6个选项就不要使用下拉选框来选取了,因为下拉选框需要两次点击完成结果的选择,而直接选择来的更快。而超过5个选项的时候,选项过多,适合下拉选框的展示形式。


6、复选框应当纵向排列

纵向排列复选框让用户可以更快的扫视内容,便于进行选取。


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

将基本的帮助文本直接展示出来,除非你的帮助文本超过100个单词,信息量过大。如果帮助文本内容过长,建议置于靠近标签或者输入框的地方,光标悬停时展示。


以上就是南京学码思UI培训老师总结的表单设计的几个原则,希望对于大家做好UI设计能有所帮助。作为一家专业的UI培训学校,学码思教育不定期会在网站上分享一些UI教程,有兴趣的同学可以多关注一下,要是有什么疑问的话也可以及时与我们老师沟通交流。


上一篇:学码思UI培训之UI图标设计的技巧
下一篇:从优化搜索页改善UI用户体验

相关推荐

免费试听 | 学费咨询 | 在线报名 | 申请补贴 | 软件培训 | 网站地图

2016-2020 南京学码思教育科技有限公司 .All Rights Reserved

苏ICP备16033487号 www.njxms.com.cn

全国热线

400-080-3312

全国监督服务热线:9:00-23:00