如何改进应用设置用户体验

已发表: 2022-03-11

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

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

用户几乎没有理由考虑应用程序设置,但设计师有足够的动力。 精心设计的设置允许用户按需定制他们的应用程序,从而降低客户支持成本并提高参与度。 目标是让用户轻松管理他们的偏好,但设计符合用户需求的设置具有挑战性。 即使是允许用户更新电子邮件地址这样简单的事情也需要仔细规划。

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

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

更好的应用程序设置用户体验指南

组类别

当应用程序有多个设置时,用户可能很难找到他们需要的内容。 解决方案是将设置分组。 例如,Shopify 有很长的设置列表,但它们按易于浏览的类别排列。

Shopify 的设置经过仔细分类。
Shopify 的设置经过仔细分类。

建立视觉层次

如果没有视觉层次结构,设置面板就无法成功。 将常用设置放在首位; 如果选项太多,请将类别分成子页面以减少认知负担。

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

避免使用行话的名字

行话引导用户在设置面板之外寻找上下文。 最好用指示功能的简单语言来描述设置。 避免使用能够安抚产品和营销团队但让用户感到困惑的技术名称或聪明名称。

Calm 的设置类别很容易理解。
Calm 的设置类别很容易理解。

提供清晰的描述

设置需要说明其影响的描述。 明确定义设置的作用,但不要提供太多信息,以免用户掩盖重要细节。 再次使用日常语言,并启用恢复默认设置的选项。

Brave 的描述清楚地解释了每个设置的影响。
Brave 的描述清楚地解释了每个设置的影响。

提供状态指示器和对已保存状态的反馈

在许多应用程序中,更新的设置会自动保存,但用户仍需要确认其更改的反馈。 如果用户必须点击“保存”按钮,请确保它醒目。 强制用户滚动必然会导致未保存的设置。

Atlassian Jira 在设置更新时为用户提供即时反馈。
Atlassian Jira 在设置更新时为用户提供即时反馈。

使用适当的 UI 控件

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

  • 单选按钮要求用户从选项列表中进行一项(且仅一项)选择。
  • 复选框允许用户从选项列表中进行多项选择(或根本不选择)。

当操作不需要审查或确认时,使用拨动开关并考虑添加“开/关”标签以提高清晰度。

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

提供基本和高级设置

处理具有多种设置的应用程序的一种聪明方法是提供两个级别的输入。 基本设置默认填充设置面板并满足普通用户的需求,而高级设置则吸引需要更精细控制的用户。

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

发送电子邮件确认

许多应用程序包含敏感数据,包括财务信息。 电子邮件确认存在于设置面板之外,但它们很重要,因为当用户的帐户详细信息发生变化时需要提醒用户。 根据所涉及的应用程序或设置,可能不需要为每次更新发送确认。

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

应用程序设置设计过程的提示

从信息架构和用户流开始

信息架构是开始设置设计过程的最佳场所。 使用卡片分类练习来了解用户如何对设置进行分组,然后在出现的类别之间建立层次结构。 为每个设置设计用户流程,生成符合用户期望的设置标签,并努力将顶级类别的数量保持在四个或五个。

定义默认模式

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

1Password 和 LastPass 具有保护用户敏感数据的默认设置。
1Password 和 LastPass 具有保护用户敏感数据的默认设置。

在设计过程的早期联系利益相关者

立即开始协作,并与利益相关者讨论他们与设置相关的需求。 与产品经理、安全专家、设计师、工程师和任何对设置感兴趣的人会面——等到设置设计过程的后期可能会导致昂贵的重新设计。

与客户支持交谈

设计细化从识别用户的痛点开始,客户支持团队每天都在处理用户的问题。 他们知道应用程序的哪些方面令人困惑,哪些设置难以管理。 如果可能,请定期参加客户支持会议,以深入了解设置面板的未来迭代。

原型和测试

构建和测试原型,以了解设置如何与核心产品功能一起发挥作用。 高保真原型是在可用性会话中测试 UI 控件有效性的绝佳方式。 再说一次,等到最后一分钟可能代价高昂。

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

设计师努力使应用程序易于使用。 突出的功能最受关注,但通常是不太明显的设计细节提高了可用性。 良好的设置体验是有条理的、直观的,并允许用户微调他们的日常交互。 它提供相关反馈,采用与用户心智模型一致的知名 UI 组件,并使用户无需联系客户支持即可进行更新。

• • •

进一步阅读 Toptal 设计博客:

  • 移动用户体验设计原则
  • 移动界面的启发式原则
  • 移动可用性基本指南
  • UX 的移动电子商务最佳实践(带信息图)
  • 移动用户体验设计约束、最佳实践以及与开发人员合作