亚洲 卡通 欧美 制服 中文,午夜在线看的免费网站,黑人太大了太深了好痛 视频,国产乱妇乱子视频在播放

廣州總部電話:020-85564311
20年
互聯(lián)網(wǎng)應(yīng)用服務(wù)商
廣州總部電話:020-85564311
20年
互聯(lián)網(wǎng)應(yīng)用服務(wù)商
請(qǐng)輸入搜索關(guān)鍵詞
知識(shí)庫(kù) 知識(shí)庫(kù)

優(yōu)網(wǎng)知識(shí)庫(kù)

探索行業(yè)前沿,共享知識(shí)寶庫(kù)

不看不知道,B端設(shè)計(jì)「設(shè)置頁(yè)面」竟有7個(gè)坑!

發(fā)布日期:2025-08-29 12:00:08 瀏覽次數(shù): 808 來(lái)源:UXD筆記
推薦語(yǔ)
B端設(shè)計(jì)中設(shè)置頁(yè)面常被忽視卻至關(guān)重要,釘釘設(shè)計(jì)師總結(jié)7大避坑指南幫你提升用戶體驗(yàn)。

核心內(nèi)容:
1. 設(shè)置頁(yè)面常見(jiàn)7大設(shè)計(jì)誤區(qū)與解決方案
2. 信息架構(gòu)優(yōu)化:邏輯分組與層級(jí)控制技巧
3. 統(tǒng)一布局規(guī)范與清晰文案表達(dá)的關(guān)鍵要點(diǎn)
小優(yōu) 網(wǎng)站建設(shè)顧問(wèn)
專業(yè)來(lái)源于二十年的積累,用心讓我們做到更好!
设置功能在产品设计中通常不是最显眼的部分,用户遇到问题才会想到进入设置里解决。

此刻的用户一定是焦躁不安的,因此设置界面的体验好坏决定了用户对这款产品的评价,体验好的设置面板设计会让用户的问题迎刃而解;不好的体验则会让本已在坏情绪中的用户放大对产品的负面印象。


在钉钉相关产品的设置页面设计中,踩过不少坑,跟设计师朋友们分享以下7个常见的「坑」,帮助大家避坑!

堆砌设置项


产品设计中,有些设置项其实不需要交给用户来做选择,但因为产品内部无法达成一致时,就会想到通过增加设置项作为个性化功能交给用户来做选择,比如导航的宽窄,内容的紧凑度,这部分「设置」功能不是用户出于第一性原理会想到的,缺少实际使用场景,是产品强加给用户的选择。


建议

1. 精简设置项

  • 避免堆砌过多功能,影响用户体验;
  • 定期清理不再使用或影响较低的设置项;
  • 将不常用的设置归类为“高级设置”或隐藏在折叠菜单中。


2. 预设合理默认值,减少为「设置」而设置

为大部分用户提供适用的默认设置,减少调整设置的需求。

设置项布局和层次不清晰


设置界面通常汇集了产品内的多个业务设置项,如果不对设置项的信息结构进行梳理,进行合理的归类,很有可能用户一进来就迷失在一片列表中,无法「快速」找到想要的设置入口。


建议

可以通过以下方式进行有效的信息归类:

1. 逻辑分组

将设置项按功能或主题进行分组,例如“账户设置”、“通知设置”、“隐私设置”等。


2. 层次分明

使用标题、分隔线或间距区分各组设置,避免信息杂乱。



3. 避免过多层级

层级过深会增加用户操作成本,通常建议限制在2-3层内。

布局不统一


多数设置页面是一次次迭代丰富的,需要在设计之初就定义好设置页面的设计规范,避免在每次迭代后因为没有保持统一的对齐方式,开关时左时右,导致界面信息布局混乱,用户易用性较差。

建议

1. 统一的样式

按钮、滑块、输入框等交互元素在界面中保持一致的风格和大小。

2. 合适的对齐方式

采用左对齐或右对齐,使内容更加整齐,便于阅读。

3. 定义设置项类型及应用场景

按照布局方式定义设置项类型,如横向设置项、纵向设置项,以及通栏设置项,保证界面整洁易用。

横向设置项

  • 当设置项以开启、选择等方式居多,操作动线为由左至右,可使用横向设置项,保持布局为左右结构,操作居左。
  • 若需要有单选设置时,可采用通栏设置项



纵向设置项
  • 当设置项以多选、单选方式居多,操作动线为由上至下,可使用纵设置项,保持布局为上下结构,操作相对居右。
  • 当某些设置项无法遵从纵向布局时,可辅助使用通栏设置项



设置项描述不清晰


钉钉的业务场景中有很多业务形态通过文案无法描述清楚,如果设置项仅有文案,用户是无法感知到设置后的效果及反馈,用户只能靠猜或试错。

建议

1. 易懂的语言

避免技术用语,确保普通用户能理解每个设置的功能。

2. 传递用户价值

避免业务视角或技术视角的功能描述,告知能给用户带来的价值。



3. 图文结合

有些设置通过文案无法精准描述,可以采用图文结合的方式,让用户更有体感。




使用双重否定描述


有些设置项默认是开启的,业务在描述设置项时,会站在业务视角,描述为禁止开启某某功能,开关是关闭的,这种双重否定表达跟用户的直观反应并不一致,用户进入设置后寻找的线索是「关闭」这个功能,而非「开启」。

建议

设置项采用正向肯定描述语句

无论功能默认开启或关闭,设置项都应该表述为开启功能带来的结果及价值。



错用开关和复选框组件


设置项开关(switch button)和复选框(check box)组件使用相对高频,两者的语义也有相似之处,可以用来表达是否选择某个条件,因此会造成混用,带来不符合用户预期的结果。

1. 开关(switch button)

表示即时状态的切换(如“开/关”、“启用/禁用”)


适用场景:

  • 设置中需要立即生效的功能(如开启蓝牙、启用通知)。

  • 表示二元状态,且用户能即时看到切换结果。


建议:
  • 只在状态需要立即生效时使用。
  • 避免用于多个功能的组合操作。


2. 复选框(check box)

表示一个或多个独立的选择项,选中表示启用或选择。


适用场景:

  • 表示多选选项(如用户可以同时选择多个兴趣爱好);
  • 用于提交或批量应用的场景(如勾选多项后点击“删除”)。

建议:


  • 用于表示多选或需要确认的选项;
  • 避免在实时反馈场景中使用,防止误导用户。



设置结果不易感知


设置后,用户预期要感受到设置的结果,比如界面发生了什么样的变化,如果设计上欠考虑,未能及时传递设置的结果,就会导致用户后知后觉,可能因为结果不符合预期,需要反复修改。

建议:

1. 设置界面用分栏替代弹窗

Gmail邮箱的设置通过在边栏出现,能让用户对邮箱界面的的设置效果实时可见。


2. 效果可预览

钉钉文档的界面偏好设置则是通过一张动态变化的示意片,让用户感知到设置后界面的变化。



3. 去除影响预览的阻碍

Slack的设置页面是一个模态弹窗,当设置项跟当前界面没有相关性时,会默认有一层遮罩,当设置项的结果会在界面上有反馈时,会把遮罩层去掉,让设置者可以直观感受到效果变化。




设计实践


钉钉邮箱的设置界面也存在如下问题:
  • 堆砌设置项,常用设置项未优先透出
  • 设置项描述不清晰
  • 设置结果不易感知

按照上述总结的经验优化后:
  • 把常用设置项优先透出,不再低效查找
  • 设置页面和主界面在同一窗口,让设置结果所见即所得
  • 设置项通过图文结合方式,一眼能懂




小结


理论永远只是指导实践的一部分,上述经验是在用户认知和易用性之间,找到一个相对平衡的点,具体的使用场景情况,还是要具体问题具体分析,希望能帮到大家~

-------- 今日资源分享 --------


没给我们加⭐️星标,可能无法及时收到 UX 知识推送哦。快把 “UXD 笔记” 设为⭐️星标,再在后台回复以下关键词,无套路领取本期资源~


【1】回复“钉钉”——领钉钉PC端+移动端全套UI交互设计规范和组件库源文件汇总。


【2】推荐一本用户体验与交互设计实战畅销书,该书被985和211高校图书馆馆藏。
书中有C端、B端丰富的产品设计策略、案例,读书就赠设计师精选面试应知应会100题,点击查看👉《交互设计师的用户体验策略》

【3】扫码加小编,备注“内推”进大厂内推群,备注“交流”进设计交友群,群内不定期分享行业资料与最新内推消息。

88804位读者一起成长


優(yōu)網(wǎng)科技,優(yōu)秀企業(yè)首選的互聯(lián)網(wǎng)供應(yīng)服務(wù)商

優(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ù)。


我要投稿

姓名

文章鏈接

提交即表示你已閱讀并同意《個(gè)人信息保護(hù)聲明》

專屬顧問(wèn) 專屬顧問(wèn)
掃碼咨詢您的優(yōu)網(wǎng)專屬顧問(wèn)!
專屬顧問(wèn)
馬上咨詢
掃一掃馬上咨詢
掃一掃馬上咨詢

掃一掃馬上咨詢