2022-01-20 11:08:50|已浏览：195次
单选框设计指南
1. 始终确保良好的可用性
对于这样一个简单的组件，想要做好用好，在设计上有一些不可忽视的细节。
首先要避免在单选框列表中嵌套下一层级的选项，因为使用单选框的目的之一就是为了让所有选项清晰呈现给用户，嵌套过多层级会导致整个结构的混乱。
另外要明确的是，单选按钮不应该是唯一可点击的热区，而是要将按钮和标签一起作为热区，便于用户准确点击操作。
2. 保证可读性
单选框列表的布局要有逻辑性，尽量减轻用户的认知负荷。
用户习惯于上下浏览选项和列表，如果将这些选项水平排布，可能会造成两点问题：一个是浏览时视线移动的不习惯，另一个就是如果选项位置过于紧凑，用户可能不知道每个标签到底对应哪个按钮。
除了列表要垂直布局，标签也需要很简洁。标签越长，用户需要花费更多的时间和精力才能了解整个列表。
3. 提供默认选择
想象这样一个使用场景，我们下载了一个新的设计软件，第一次打开时跳出一个弹窗，提示我们是选择经典布局，还是个性化布局，但是我们对这个软件不是很了解，可能并不清楚这两个布局到底是什么样子。
在这种情况下，最好默认选中其中一个选项，这样做一方面可以减轻用户对于选项的纠结，另一方面还能有目的地引导用户使用。注：尊重原创文章,转载请注明出处和链接 https://www.pxwy.cn/news-id-16834.html 违者必究！部分文章来源于网络由培训无忧网编辑部人员整理发布,内容真实性请自行核实或联系我们，了解更多相关资讯请关注UI设计频道查看更多，了解相关专业课程信息您可在线咨询也可免费申请试课。关注官方微信了解更多：150 3333 6050
