Radio Butto的“小秘密”

Radio Butto一词，最早来自汽车收音机，按下按钮会弹出（取消选择）已选择的按钮

所以根据模拟收音机，总结Radio Butto的基本特征：

候选项必然大于等于两个；

候选项的集合之间天然互斥

同时还要满足：

一、提供一个默认项并与他们的期望保持一致

1.单选按钮设计的主要指导原则是默认选择一个单选按钮，并从一开始就告诉用户他需要在集合中选择一个；

2.在一般应用设计中，这个默认选项应该是第一项；

3.即使用户可以不做选择，也应该提供一个“无”的选项。如果没有默认选项，用户一旦选择后无法恢复到原始状态，并且这与模拟的收音机也相博；

4.默认的选项对用户的选择影响非常大，在设计中可以利用这一点将会有很大帮助，可以降低交互成本，并可以节省用户时间和点击次数；

二、选项有一致的逻辑区域

选项的排列如果是数字，他们之间应该是递增或递减的，；如果是风险，应该是自低风险到高风险，便于用户判断和选择

三、提供较大的点击区域

首先无论是在电脑端还是在移动端，可点击的区域应该包含按钮、文本标签以及周围留白的区域，尽量的避免仅仅是单个按钮，较大的点击区域可以让交互更加轻松

四、提供明确的选中状态以引起用户的注意

同时应该明确的区分按钮的选择状态；像移动端的类似于tab类组件的排列方式加上移动端为了一些营销需求会特意的“放大”某些按钮，从而导致用户判断出错（以往的淘宝分期付款，默认是第一个是橙色边框其余是灰色选择后则是橙色填充，虽然对比来说它俩区别很大，但用户在使用的时候就会默认第一个是选中状态）

五、使用最便于用户选择的排版

1.常规情况下选择自上而下的排版方式，这可以让用户获取信息的难度降到最低。还要根据产品情况选择排列方式，横向排列的方式更适合于文字较短切单语言文字长度固定，而自上而下的排列方式可以应对更多情况；

2.在自上而下的排版中左对齐的多选框加文字标签是最好的，这可以确保用户快速的读取内容并选择，而将文字标签放置左边按钮在后也有他的好处，可以防止在移动端单手操作对文字标签的遮挡，但是文字标签和按钮不能相隔太远；

3.如果无法避免的水平放置，选项之间应该留有较大的间距

六、支持批量选择和删除

批量选择和删除经常出现在移动端选择文件时，对于用户而言一次选择多个选项应该是一件简单轻松的事