作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.
马雅克·夏尔马的头像

玛雅·夏尔马

Mayank专注于创建以用户为中心的设计,并将复杂的系统转化为美丽的网络和移动体验.

以前在

AUTO1
分享

就像其他默默无闻的UI模式一样, 设置面板使应用程序更容易使用,但似乎只有当它们有缺陷时才会引起人们的兴趣. 用户可能认为设置是理所当然的,但设计师不应该这样做. 精心设计的设置面板允许用户根据自己的需求定制应用程序,并帮助公司降低客户支持成本.

应用程序设置帮助用户管理项目,如 推送通知、时区和登录凭据. 每个应用程序都有设置, 但是用户和设计师通常忽略了控制他们的界面面板. 用户倾向于 忽视设置,而设计师似乎在应用设计过程的后期才会忽视它们.

用户几乎没有理由去考虑应用程序的设置,但设计师却有充足的动机. 精心设计的设置降低了客户支持成本并提高了效率 订婚 通过允许用户根据需要定制他们的应用程序. 目标是让用户更容易管理他们的偏好, 但设计符合用户需求的设置是一项挑战. 即使是像允许用户更新电子邮件地址这样简单的事情也需要仔细规划.

哪些设计实践可以确保轻松设置UX?

此用户流表示更新电子邮件地址所需的操作.
此用户流表示更新电子邮件地址所需的操作.

更好的应用设置UX指南

组类别

当应用程序有多种设置时,用户很难找到他们需要的设置. 解决方案是将设置分类. 例如, Shopify 有一长串的设置,但它们是按类别排列的,便于浏览.

Shopify的设置是经过仔细分类的.
Shopify的设置是经过仔细分类的.

建立视觉层次

没有视觉层次,设置面板就无法成功. Bring frequently used settings to the forefront; if there are too many options, 将分类划分为子页面以减少认知负荷.

Facebook在高级别显示常用设置. N26将类别分成子页面.
Facebook在高级别显示常用设置. N26将类别分成子页面.

避免用行话命名

术语引导用户在设置面板之外寻找上下文. 设置最好用表明功能的简单语言来描述. 避免技术性或聪明的名称,安抚产品和营销团队,但混淆用户.

Calm的设置分类很容易理解.
Calm的设置分类很容易理解.

提供清晰的描述

设置需要能够解释其影响的描述. 清楚地定义设置的作用, 但是不要提供太多的信息,以免用户忽略重要的细节. 同样,使用日常语言,并启用恢复默认设置的选项.

Brave的描述清楚地解释了每个场景的影响.
Brave的描述清楚地解释了每个场景的影响.

给出状态指示器和保存状态的反馈

在很多应用中, 更新后的设置自动保存, 但用户仍然需要确认其更改的反馈. 如果用户必须点击“保存”按钮,确保它是突出的. 强制用户滚动一定会导致未保存的设置.

当设置更新时,Atlassian Jira会给用户即时反馈.
当设置更新时,Atlassian Jira会给用户即时反馈.

使用适当的UI控件

单选按钮和复选框是设置面板中的标准UI控件, 但它们是不可互换的:

  • 单选按钮要求用户从选项列表中做出一个(且只有一个)选择.
  • 复选框允许用户从选项列表中进行多个选择(或者根本不选择).

当行动不需要审查或确认时, 使用拨动开关,并考虑添加“开/关”标签,以更清晰.

单选按钮、复选框和切换开关是应用程序设置面板中常见的UI组件.
单选按钮、复选框和切换开关是应用程序设置面板中常见的UI组件.

提供基本和高级设置

处理具有大量设置的应用程序的一个聪明方法是提供两层输入. 基本设置在默认情况下填充设置面板,满足普通用户的需求, 而高级设置则吸引那些想要更精细控制的用户.

Spotify的高级设置允许用户微调他们的收听体验.
Spotify的高级设置允许用户微调他们的收听体验.

发送电子邮件确认

许多应用程序包含敏感数据,包括财务信息. 电子邮件确认存在于设置面板之外, 但它们至关重要,因为当用户的账户信息发生变化时,他们需要得到提醒. 取决于应用程序或相关设置, 可能没有必要为每个更新发送确认.

当用户更新登录凭据时,应该发送电子邮件确认.
当用户更新登录凭据时,应该发送电子邮件确认.

应用设置设计过程的提示

从信息架构和用户流开始

信息架构 开始设置设计过程的最佳地点是哪里. 使用 卡片分类 通过练习了解用户如何对设置进行分组, 然后在出现的类别中建立层次结构. 设计用户流程 对于每个设置, 生成符合用户期望的设置标签, 并努力将顶级类别的数量保持在四到五个.

定义默认模式

默认设置为用户提供理论上最优的第一次交互体验. 目的是让用户轻松上手,并为用户提供支持他们目标的设置(用户研究如此重要的另一个原因)。. 例如,像1Password和LastPass这样的密码安全应用程序有默认设置 旨在保护用户的设置机密信息.

密码和LastPass有默认设置来保护用户的敏感数据.
密码和LastPass有默认设置来保护用户的敏感数据.

在设计过程中尽早联系利益相关者

立即开始协作,并与涉众讨论他们与环境相关的需求. 与产品经理会面, 安全专家, 设计师, 工程师, 其他对设置感兴趣的人——等到设置设计过程的后期再做可能会导致昂贵的重新设计.

与客户支持沟通

设计改进始于确定用户的痛点, 客户支持团队每天处理用户的问题. 他们知道应用程序的哪些方面令人困惑,哪些设置难以管理. 如果可能的话, 定期参加客户支持会议,以了解设置面板的未来迭代.

原型与测试

构建和测试原型,以了解设置如何与核心产品功能一起发挥作用. 高保真原型 在可用性测试中测试UI控件有效性的好方法. 再一次,等到最后一分钟才行动可能代价高昂.

周到的应用设置改善用户体验

设计师 努力使应用程序易于使用. 突出的特征得到最多的关注, 但往往, 正是那些不太显眼的设计细节提高了可用性. 好的场景体验是有组织的, 直观的, 并允许用户微调他们的日常互动. 它提供相关的反馈, 使用与用户心理模型一致的知名UI组件, 并且使用户无需联系客户支持即可进行更新.

了解基本知识

  • 为什么好的用户体验很重要?

    用户体验(UX)设计的目标是通过使产品和系统易于使用和令人愉快来帮助人们实现他们的目标. 产品的存在是为了改善人们的生活, 但如果用户的需求没有被优先考虑, 产品可能会阻碍它们想要帮助的人.

  • 什么是UX流程?

    用户体验流, 或者用户流, 图表是否显示了用户在与产品交互时完成任务的路线. 流程绘制出用户可用的操作和结果. 流程可以帮助应用设计团队创造无摩擦的体验,让用户可以快速更新他们的偏好.

  • 什么是应用程序设置?

    应用程序设置可以帮助用户管理推送通知等项目, 时区, 登录凭证, 付款信息. 设置用户体验的目的是让它变得简单, 直观的, 用户可以安全地管理他们的设置偏好.

  • 以客户为中心意味着什么?

    以客户为中心的企业在每次互动中都优先考虑核心客户的幸福感,并依靠数据来改善表现不佳的接触点. 在这样一个模型中, 目标是培养长期的忠诚度, 利润被视为客户满意度的副产品.

就这一主题咨询作者或专家.
预约电话
马雅克·夏尔马的头像
玛雅·夏尔马

位于 柏林,德国

成员自 2017年1月6日

作者简介

Mayank专注于创建以用户为中心的设计,并将复杂的系统转化为美丽的网络和移动体验.

Toptal作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.

以前在

AUTO1

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

Toptal设计师

加入总冠军® 社区.