UI计划类型：单选按钮vs复选框，没那么简朴

无论是网页计划，照旧移动app计划，都常常用到单选按钮和复选框这两个组件。这两个组件看似意义明晰，很好区分，但在现实计划中却很轻易用错，带来欠好的用户体验。

本文中我通过罗列几个典范的错误用法，辅佐计划师在举办UI/UX计划时，越发类型地行使单选按钮和复选框这两个组件。

行使原型器材：Mockplus

单选按钮和复选框的区别

什么时辰行使单选按钮?

有两个或两个以上的互斥选项，用户必需且只能从中选择一个。换句话说，假如你选择了个中一个没有被选中的选项，那么本来被选中的选项就自动被打消。

什么时辰行使复选框?

有一系列选项，用户可以从中选择选择一个或多个，乃至不选也可以。换句话说，每一个选项是互不影响的。

看了界说，你是否认为这两个组件行使起来很轻易呢?但在计划实例中，以下几个错误用法是几回呈现的：

错误一：用错工具

一个提供午餐外卖处事的app， 在让用户选择送餐时刻时，行使了复选框组件。这既违反了计划初志(但愿用户从中选择一个时刻段)，又给用户带来了困扰，是不是我同时勾选前两个时刻段，就代表在这整个大的区间内送餐都是可以的呢?

错误二：选项文本中行使否认词

以上的几个例子是较量浮夸的，但简直反应了一些UI/UX计划中存在的题目。假如我们在复选框选项中行使否认句式，用户必需赏识完全部的选项，才气确保本身不喜好的工作不会产生。

有一个破例的环境，当赏识器中弹出“不要再提醒该信息”时，相同的选项中可以行使否认词。

错误三：选项的分列不遵循逻辑次序

图中的选项没有遵循必然的逻辑次序。凭证订阅时刻黑白，应该是：月订阅>季订阅>年订阅

以上三个是单选按钮和复选框在UI/UX计划中常见的错误，除了停止这些错误之外，计划师在行使这两个组件时，最好能遵循以下四点提议：

1. 能行使单选按钮时，只管不行使下拉菜单。在全部选项都被清楚地罗列出时，用户更轻易举办较量，做出正确的选择。

2. 行使单选按钮时，必然要提供一个已经选中的默认选项。

3. 单选按钮和复选框都不消于触发任何举措。

4. 选项句式不宜过长，最好能让用户敏捷抓住要害信息。

以上三点错误和四条提议，是用好单选按钮和复选框这两个组件的要害。如需相识更多相干的计划类型以及组件的行使要领，请查察Mockplus官网的教程。 

注：相干网站建树能力阅读请移步到建站教程频道。

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!