通过这些 SaaS UX 设计最佳实践提高参与度

已发表: 2022-03-11

SaaS 应用程序是当今编写的最复杂的软件之一。 为任何 SaaS 平台实施 UX 最佳实践是一项有用的练习,可以获得宝贵的回报:

  • 减少客户流失
  • 通过简化体验来提高用户速度(从而提高满意度)
  • 通过帮助和支持系统消除用户的挫败感
  • 通过上下文仪表板和信息吸引用户

简化注册

注册通常是用户与 SaaS 平台的第一个接触点,俗话说,第一印象很重要。 在考虑注册过程时,只要求预先提供最重要的信息。 很多时候,一个电子邮件地址就足以让潜在客户进入应用程序。

SaaS 用户体验设计
FreshBooks 只需要一个电子邮件地址就可以让用户继续使用。

虽然他们的初始注册很少,但 FreshBooks 在用户开始使用该应用程序会从他们那里获得更多信息。 这种类型的分层(或阶梯式)数据收集让用户进入大门,并消除了支付信息和冗长表格等进入障碍。

在完善注册流程时,不要忘记考虑号召性用语。 明确的号召性用语将潜在用户迅速吸引到系统中。 FreshBooks 不仅有一个明显的按钮(“开始使用”)——它们还包括一个友好的提醒,即 97% 的用户推荐 FreshBooks。 像这样的工具可以促进信任,并可以激励那些可能持观望态度的人采取行动。

通过入职澄清

客户流失是 SaaS 应用程序使用的关键性能指标。 不良的入职培训可能会导致用户困惑。 当用户感到困惑时,他们会取消会员资格。 积极的入职体验会吸引人,给人留下深刻的第一印象,并教会用户如何完成他们心目中的某些任务。

Slack 是结合智能入职方法为新用户创造积极体验的一个例子。

SaaS 用户体验
Slack 的初始入职使用分步向导进行简单的团队设置。

首先,给用户一个简单的、由向导驱动的一系列问题来建立他们的公司和团队。 请务必注意,用户可以利用此功能或稍后跳过它。 在入职期间提供这样的选择至关重要,因为它可以让有经验的用户直接投入到生产力中。

此外,Slack 还采用了一种名为 Slackbot 的入职 AI。 Slackbot 用作自动帮助系统。 它可以通过简单的流程(例如创建渠道或添加更多新用户)来回答基本问题或指导用户。

SaaS 的用户体验
进入 Slack 后,系统会提示用户完成注册,但他们也可以开始设置频道、邀请其他用户或安装应用程序——所有这些都在 Slackbot 的指导下进行。

其他入门技术包括演示视频和指导标记(用于指出页面上重要功能或元素的小覆盖)。 引导的目标是向用户介绍应用程序可以完成的主要任务,并使其尽可能容易地完成。

简化信息架构

信息架构和导航是用户从应用程序中找到所需内容的主要方式。 因此,它们应该是直观的和最小的。 Hootsuite 提供了一个全局的侧面导航,如果用户忘记了图标的含义或迷失在体验中,它可以扩展以显示标签。

最好的 SaaS 用户体验
Hootsuite 在页面侧面有一个最小的、可扩展的导航侧边栏。

像这样的系统首先以扩展状态呈现是至关重要的。 这样做可以让新用户在最小化为重要任务获得空间之前熟悉可用的功能。

对于使用多级权限的 SaaS 应用程序,基于角色的访问控制 (RBAC) 可以帮助简化导航。 RBAC 只为用户提供完成个人目标所需的导航和内容。 考虑一个具有三个主要角色的医疗记录 (MR) 应用程序:

  • MR检索专家
  • MR编码器
  • 行政

每个角色都有一组不同的目标和实现这些目标的 UI。 由于 MR 编码人员不需要查看检索内容或工具,因此隐藏检索、管理导航和内容对这些用户来说是有意义的。

同样,检索专家不需要深入研究编码器功能,因此他们的仪表板和导航应该只包含他们需要的工具。 以这种方式考虑受众角色并操纵导航和内容可创造一种提高生产力的简化体验。

对于复杂的项目,请考虑实施大型菜单。 超级菜单的优势在于通过单次交互展示二级甚至三级导航元素,从而为新用户带来更大的可发现性。 仍然需要直观的标签和导航组织(大型菜单对移动设备的体验没有帮助),但它们可以提高桌面环境中的任务速度。

基本用户体验原则
Mobilecom Debitel 使用大型菜单提供对多个内容层的服务的轻松访问。

使用仪表板参与和通知

仪表板通常是用户在登录 SaaS 应用程序时首先看到的东西,因此花时间在仪表板用户体验上几乎总能带来更高的投资回报率。 积极的仪表板体验可以为用户回答以下问题:

  • 我做得怎么样,或者我现在的状态是什么?
  • 最近发生了什么活动?
  • 我应该注意哪些问题?
  • 我的“待办事项”清单上有哪些项目?
  • 如何轻松开始重要任务?

为了让用户了解他们的当前状态,最好报告对用户角色至关重要的任何关键绩效指标 (KPI)。

Klipfolio 的仪表板是一个很好的示例,它以易于扫描的紧密分组显示多个 KPI(社交媒体关注者、加载时间、响应时间等)。 地图、条形图和图表等视觉指标有助于分解内容并使扫描更容易。

无摩擦的用户体验
Klipfolio 的指挥中心(专为大型高清显示器而设计)具有许多一目了然的 KPI。

活动的可视化历史可帮助用户确定他们不在时发生的事情。 建议此列表或图表包含可操作的项目,以便用户可以跟进任何重要的事情。 这可能是内部网的用户名、查看报告的时间戳、新闻的标题等。

问题领域也应突出显示。 按优先级排序的警报列表可以为复杂应用程序的用户提供巨大帮助。 特别是关键项目可以分离为可操作和可忽略的警报,以确保它们被看到。

SaaS应用程序开发
SaaS 仪表板设计显示带有可操作按钮的警报带。 (大流士丹)

如前所述,设计良好的仪表板可作为重要功能的跳板。 像待办事项列表这样的上下文链接在这里特别有用,因为它们为用户添加了与他们当前需求相关的功能。 Quip 的重新设计在他们的“行动项目”列表中很好地利用了这一点。

基于 SaaS 的环境
Quip 的“行动项目”提供了很好的上下文链接。

确保“帮助”有用且始终可用

成功的 SaaS 应用程序具有直观的帮助和支持系统,以防用户陷入困境。 现代用户希望能够在不花时间与电话交谈的情况下获得对他们的问题的支持。 有几种关键方法可以实现这一点。

首先,帮助系统应该可以从应用程序的任何地方轻松访问。 如果用户决定他们需要帮助,他们很可能已经感到沮丧。 强迫他们挖掘帮助内容是让体验变得更糟的秘诀。

SaaS设计
FreshBooks UI 底部附近的可扩展“支持”按钮始终可供用户使用。

常见问题解答可帮助用户快速找到热门问题的答案,但这些问题也可以改进。 Agorapulse 是一个自动化其常见问题解答的应用程序示例。 这样做使他们能够涵盖更多主题,并为用户提供一种使用“Agorapulse Bot”进行搜索的简单方法。

对于可能更喜欢该渠道而不是传统支持方法的用户来说,提供实时在线支持也很重要(这对年轻观众尤其重要)。 虽然这些面向用户的支持系统至关重要,但幕后发生的事情也至关重要。 跟进用户投诉、分类错误、创建案例以及不断改善客户体验是 SaaS 长寿的关键因素。

SaaS环境
Agorapulse 帮助系统是自动化的,就像智能​​常见问题解答一样工作。

通过审查和迭代改进 SaaS 应用程序

值得一提的是,UX 努力必须考虑主要受众并关注用户需求。 SaaS 的 UX 也不例外,所以让我们花点时间回顾一下我们对 SaaS UX 设计最佳实践的讨论。

  • 简化注册过程。
  • 使用入门来为用户阐明功能。
  • 简化信息架构,使其直观且最小化。
  • 使用仪表板让用户了解 KPI 并为其提供信息。
  • 确保 SaaS 产品支持有用且始终可用。

维护一个成功的 SaaS 应用程序需要付出巨大的努力。 吸引用户需要对审查和迭代的持续承诺,但这是一场值得为留住满意客户而战的战斗。

• • •

进一步阅读 Toptal 设计博客:

  • 设计思维在商业中的价值
  • 协同设计——成功的企业产品设计指南
  • 产品战略:核心概念和流程指南
  • 客户旅程地图——它们是什么以及如何构建一个
  • 信息架构综合指南