×

深圳网站建设—APP开发—网站制作—小程序开发_博纳网络公司

0755 -
82538016
82560826
网站制作资讯

网站设计公司浅析网站表单布局

文章编辑:网站建设 文章来源:网站设计 浏览量:

  网站设计公司发现Web应用程序总是利用表单来处理数据录入和配置,但并不是所有的表单都保持一致。输入区域的对齐方式、各自的标签、操作方式,以及周围的视觉元素,都会或多或少影响用户的行为。
  考虑到用户完成表单填写的时间应当尽可能地短,并且收集的数据都是用户所熟悉的(比如姓名、地址、付费信息等),垂直对齐的标签和输入框可以说是最佳的。每对标签和输入框垂直对齐给人一种两者接近的感觉,并且一致的左对齐减少了眼睛移动和处理时间。
1.借助可视化元素
  保留“标签左对齐布局”的优点(方便检索并且减少垂直高度),再尝试纠正它的主要缺点(标签和输入框的分离)后就有让人满意的效果了。提高表单的视觉影响,还有一个方案就是增加背景色和分割线,不同的背景色产生了一列垂直的标签和一列垂直的输入框,每一组标签和输入框利用清晰的水平线分开。
2.主次操作
  一个表单的主要操作(通常是“提交”或“保存”)需要一个比较强的视觉比重。当一个表单有多个操作,比如“继续”和“返回”,那有必要减轻次要操作的视觉重量。这可以最小化用户潜在的操作错误风险。虽然以上内容可以更好地让你设计表单,但是组合布局、可视化元素以及内容,仍然需要经过用户的测试以及数据分析(完成度评估、错误报告等)。深圳网站设计公司本文关于“网站设计公司浅析网站表单布局”的知识就接收分享到这里,谢谢关注,博纳网络编辑整理。

当前文章链接:/construction/design/6117.html
如果您觉得案例还不错请帮忙分享:

[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【qin@198bona.com 】,我们在确认后,会立即删除,保证您的版权。