如何改進應用設置用戶體驗

已發表: 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 的移動電子商務最佳實踐(帶信息圖)
  • 移動用戶體驗設計約束、最佳實踐以及與開發人員合作