广州网页设计规范:单选框与复选框并不简单

  在网页设计中经常用到单选框和复选框这两个控件。特别是网页中需要使用表单制作调查表时,为了减少用户的操作,使用选择框是一个好主意,html中的单选框和复选框的虽然看似意义明确,但在实际的网页设计中却很容易用错,从而影响用户体验。

  本文中我们通过列举几个典型的错误用法,帮助网页设计师在设计时更加规范地使用单选框和复选框这两个组件。

广州网页设计

  什么时候使用单选框?

  有两个或两个以上的互斥选项,用户必须且只能从中选择一个。换句话说就如同考试中的单选题,如果你选择了其中一个原来没有被选中的选项,那么原本被选中的选项就会自动取消。

  什么时候使用复选框?

  简单解释就是多选题中有多个选项,用户可以选择一个或多个,每一个选项是互不影响的。

  看了定义,你是否觉得这两个控件使用起来很容易呢?但在设计实例中,以下几个错误用法是频频出现的:

  错误一:用错对象

  一个提供午餐外卖服务的网站上, 在让用户选择送餐时间时使用了复选框控件。这既违背了设计初衷(希望用户从中选择一个时间段),又给用户带来了困扰,是不是我同时勾选前两个时间段,就代表在这整个大的区间内送餐都是可以的呢?

  错误二:选项文本中使用否定词

  上的几个例子是比较夸张的,但的确反映了一些网页设计中存在的问题。如果我们在复选框选项中使用否定句式,用户必须浏览完所有的选项,才能确保自己不喜欢的事情不会发生。

  错误三:选项的排列不遵循逻辑顺序

  选项没有遵循一定的逻辑顺序。按照订阅时间长短,应该是:月订阅>季订阅>年订阅

  以上三个是单选按钮和复选框在网页设计中常见的错误,除了避免这些错误之外,设计师在使用这两个控件时,最好能遵循以下四点建议:

  1. 能使用单选按钮时,尽量不使用下拉菜单。在所有选项都被清晰地列举出时,用户更容易进行比较,做出正确的选择。

  2. 使用单选按钮时,一定要提供一个已经选中的默认选项。

  3. 单选按钮和复选框都不用于触发任何动作。

  4. 选项句式不宜过长,最好能让用户迅速抓住关键信息。

  以上3点错误例子和4条建议,在网页设计中用好了单选按钮和复选框这两个组件是关键。

请广告顾问来电为您介绍

留下您的联系方式,我们的广告顾问将与您联系,免费咨询

客户咨询专线

您可以通过以下方式联系我们的广告专家,了解更多服务及产品信息

 15711819272

(我们的工作时间是周一至周五 9:00-18:00)

优谷网络客服 优谷网络客服
优谷网络客服

免费咨询,专业解答

我们的工作时间是周一至周五 9:00-18:00

优谷网络热线电话 15711819272 广告投放 广告投放 网络推广 网络推广 企业建站企业建站
优谷网络