堆砌设置项
建议
1. 精简设置项
避免堆砌过多功能,影响用户体验; 定期清理不再使用或影响较低的设置项; 将不常用的设置归类为“高级设置”或隐藏在折叠菜单中。
2. 预设合理默认值,减少为「设置」而设置
设置项布局和层次不清晰
建议
1. 逻辑分组
2. 层次分明
3. 避免过多层级
布局不统一
建议
1. 统一的样式
2. 合适的对齐方式
3. 定义设置项类型及应用场景
横向设置项
当设置项以开启、选择等方式居多,操作动线为由左至右,可使用横向设置项,保持布局为左右结构,操作居左。 若需要有单选设置时,可采用通栏设置项
当设置项以多选、单选方式居多,操作动线为由上至下,可使用纵设置项,保持布局为上下结构,操作相对居右。 当某些设置项无法遵从纵向布局时,可辅助使用通栏设置项
设置项描述不清晰
建议
1. 易懂的语言
2. 传递用户价值
3. 图文结合
使用双重否定描述
建议
设置项采用正向肯定描述语句
错用开关和复选框组件
1. 开关(switch button)
适用场景:
设置中需要立即生效的功能(如开启蓝牙、启用通知)。
表示二元状态,且用户能即时看到切换结果。
只在状态需要立即生效时使用。 避免用于多个功能的组合操作。
2. 复选框(check box)
适用场景:
表示多选选项(如用户可以同时选择多个兴趣爱好); 用于提交或批量应用的场景(如勾选多项后点击“删除”)。
用于表示多选或需要确认的选项; 避免在实时反馈场景中使用,防止误导用户。
设置结果不易感知
建议:
1. 设置界面用分栏替代弹窗
2. 效果可预览
3. 去除影响预览的阻碍
设计实践
堆砌设置项,常用设置项未优先透出 设置项描述不清晰 设置结果不易感知
把常用设置项优先透出,不再低效查找 设置页面和主界面在同一窗口,让设置结果所见即所得 设置项通过图文结合方式,一眼能懂
小结
没给我们加⭐️星标,可能无法及时收到 UX 知识推送哦。快把 “UXD 笔记” 设为⭐️星标,再在后台回复以下关键词,无套路领取本期资源~
【1】回复“钉钉”——领钉钉PC端+移动端全套UI交互设计规范和组件库源文件汇总。
【3】扫码加小编,备注“内推”进大厂内推群,备注“交流”进设计交友群,群内不定期分享行业资料与最新内推消息。
与88804位读者一起成长

優(yōu)網(wǎng)科技秉承"專業(yè)團(tuán)隊(duì)、品質(zhì)服務(wù)" 的經(jīng)營(yíng)理念,誠(chéng)信務(wù)實(shí)的服務(wù)了近萬(wàn)家客戶,成為眾多世界500強(qiáng)、集團(tuán)和上市公司的長(zhǎng)期合作伙伴!
優(yōu)網(wǎng)科技成立于2001年,擅長(zhǎng)網(wǎng)站建設(shè)、網(wǎng)站與各類業(yè)務(wù)系統(tǒng)深度整合,致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)(品牌展示型、官方門戶型、營(yíng)銷商務(wù)型、電子商務(wù)型、信息門戶型、微信小程序定制開發(fā)、移動(dòng)端應(yīng)用(手機(jī)站、APP開發(fā))、微信定制開發(fā)(微信官網(wǎng)、微信商城、企業(yè)微信)等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。