网页设计之如何确保表单的可浏览性

分享到:

2018-05-11 12:24:00

很早之前Jakob Nielsen的研究告诉我们,用户通常只是快速浏览网页而不是细致地从上到下阅读。在填写表单的时候也是这样,所以让用户能够高效的浏览表单,对避免错填漏填至关重要,尤其是当表单是用户只能填写一次的时候。那么,网页设计的时候如何确保表单的可浏览性呢?

网页设计的表单设置

1、标签位置

研究证明,用户对标签顶部对齐的表单完成时间短,因为此种方式减少了眼球运动的需要量。在通常意义的表单标签中,右对齐的方式能让用户第二快的完成表单,尤其建议设计网页的时候当页面高度有限时使用这种方式。虽然左对齐标签的表单用户完成的慢,但是当表单需填写的数据不太常见时,这种方式能提高理解。

2、提示文字

提示文字是非常重要的一个部分。很多人在设计网页的表单时候会选择把标签作为框内提示文字,其实这是错误的,一旦表单获取点击焦点,提示文字就消失了,用户不再能看见它。这会让用户产生短期记忆的压力而增加错误的机率。尽可能把提示文字设在框外,用浅色文本表示。

表单文字提示

3、浮动的标签

浮动标签是一个迅速获得普及的新的交互设计方式。在它的设计中,标签文字开始作为提示文字,然后一旦用户开始填写,标签将升到上面,解决了上述提示文字消失的问题。

表单的浮动标签设计

以上三点可以保证表单的可浏览性,但是网页设计在表单上的内容还有很多,小编给大家推荐一篇宏观的表单设计技巧:网站制作怎么设计好在线表单?

声明:此篇为凡科建站原创文章,转载请标明出处链接:
  • 热门模板
  • 热门专题
  • 推荐文章
  • 热门标签
合作伙伴