通過這些 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 設計博客:

  • 設計思維在商業中的價值
  • 協同設計——成功的企業產品設計指南
  • 產品戰略:核心概念和流程指南
  • 客戶旅程地圖——它們是什麼以及如何構建一個
  • 信息架構綜合指南