共用方式為


優先考慮易用性的建議

適用於此 Power Platform Well-Architected 的體驗最佳化檢查清單建議:

XO:04 在設計過程中,優先考慮易用性。 最大限度地減少使用者工作量及最大限度地提升工作效率。 簡化複雜流程。 使設計決策與使用者的需求保持一致。

本指南介紹了提高使用者介面設計可用性的建議。 可用性是指產品對其目標使用者的易用性和有效性。 可用性直接影響用戶滿意度、錯誤以及與數位介面的整體交互,最終影響應用程式的整體成功。

關鍵設計原則

可用性是一個品質屬性,用於評估使用者介面的易用性。 「可用性」一詞也指在設計過程中提高易用性的方法。

可用性由五個品質組成部分定義:

組件 Description
可學習性 第一次完成任務的難易程度如何,使用者從以前的經驗中學習的速度有多快?
效率 使用者了解設計後,他們執行任務的速度有多快?
記憶力 當使用者在一段時間未使用該設計後返回該設計時,他們如何輕鬆地重新建立熟練程度?
錯誤 使用者犯了多少錯誤,這些錯誤有多嚴重,以及他們從錯誤中恢復的容易程度如何?
滿意度 使用該設計有多愉快?

系統狀態可見性

系統應始終透過在合理時間內提供適當的意見反應,讓使用者了解正在發生的情況。

在清晰直觀的位置顯示有關係統目前狀態的重要詳細資訊。 例如,如果從清單中選擇項目,則應顯示所選項目的數量。

顯示所選項目數量的螢幕擷取畫面。

使用進度指示器或載入動畫讓使用者放心,他們的要求正在處理中。 這些視覺指標可以防止不確定性帶來的挫折感,並有助於管理期望。 如果沒有它們,使用者可能會認為系統緩慢或反應遲鈍並放棄任務。

即時更新讓使用者保持參與並了解其操作的結果。 使用狀態訊息或通知來清楚傳達成功的操作或錯誤。 非同步作業完成時發送通知是很常見的,使用者應該知道何時需要留意通知。

結合不同狀態的顏色編碼指示器,以便快速識別和了解系統狀態。 顏色的處理速度比文字更快,讓使用者更容易快速理解資訊。

反映現實世界

系統應該使用使用者的語言,使用他們理解的單字、短語和概念,而不是系統導向的術語。 遵循現實世界的慣例並以自然且符合邏輯的順序呈現資訊。

使用使用者熟悉的術語和概念,避免使用可能疏遠他們的行話。 當系統使用他們的語言時,人們往往會快速掌握系統的目的和功能。

以反映使用者理解的場景和約定的方式建構系統資訊。 以自然且符合邏輯的順序呈現訊息,與熟悉或現實世界的流程產生共鳴,以促進該技術更容易地融入使用者的生活中。

必填電子郵件位址表單字段的屏幕截圖,其中鍵入的電子郵件不正確,顯示錯誤,指示電子郵件位址格式不正確。

使用者控制和自由

使用者可能會無意中選擇系統功能,並且需要一個明確標記的「緊急出口」來離開不期望的狀態,而無需透過擴展的對話進行導覽。 支持撤銷和重做。

一個中性按鈕的螢幕擷取畫面,其中上面寫著「後退」,旁邊是一個主按鈕,上面寫著「下一步」。

在合理的情況下,支援各種輸入法,以適應具有不同偏好和輔助功能需求的使用者。 鍵盤快捷鍵、觸控手勢、語音命令或滑鼠按兩下可確保使用者可以使用其首選方法與介面進行交互。

對資料和隱私設定的精細控制對於尊重使用者自主權和建立信任至關重要。 調整隱私設置、刪除或匯出數據以及控制第三方應用程式的訪問許可權可確保使用者可以保持對其資訊的控制。 對資料收集做法、安全措施和使用者權利提供清晰的解釋和透明的揭露,有助於做出明智的決策,並提高透明度和問責制。

一致性和標準

保持設計的一致性,以確保使用者可以輕鬆識別和理解狀態指示器,從而減少認知負荷並提高可用性。 使用者不必懷疑不同的字詞、情況或動作是否意味著同一件事。

如果可重複的體驗模式出現不同,使用者將很難解釋引入的變化的含意,從而導致理解和任務完成效率低下。 使用匹配的控制項套件有助於確保視覺元素在螢幕和體驗之間保持一致。

顯示兩種不同 UI 模式的螢幕擷取畫面,其中一種使用按鈕控制項開啟下一個畫面,另一種使用連結控制項開啟畫面。

錯誤預防

比良好的錯誤訊息更好的是精心設計,可以從一開始就防止問題發生。 要么消除容易出錯的情況,要麼檢查它們並在使用者承諾操作之前向他們提供確認選項。 主動解決介面中的潛在問題,以保持工作流程的連續性。

提交前的範例表單驗證檢查的螢幕擷取畫面。

辨識而不是回憶

透過讓物件、操作和選項可見,最大限度地減少使用者的記憶體負載。 使用者不必記住從應用的一部分到另一部分的資訊。 說明應在適當的時候可見或易於檢索。

設計表單時,請考慮是提供預定義的選項供使用者選擇,還是允許自由文本輸入。 此選擇可能由數據類型決定,但也應在 UI 層進行考慮。 當速度和便利性至關重要時,請選擇預先定義的選項;對於需要更豐富的細節或個人化回應的情況,請選擇免費文字輸入。

提供指導和資源,以避免需要從記憶中回憶重要資訊。 常見的 UI 模式包括上下文幫助圖示、內聯文件、工具提示、嵌入式教學、按需幫助選單、可搜尋知識庫以及互動式幫助小工具 (例如支援 AI 的資源)。

具有一組選項的清單與一組自由文字回應的文字輸入欄位進行比較的螢幕擷取畫面。

使用靈活性和效率

透過整合加速器和自訂選項等功能來滿足不同專業水平的使用者的需求。 這種方法使介面能夠有效地適應新手和專家使用者的需求和偏好。

加速器 (通常被新手使用者忽視) 可以加快專家使用者的互動速度,使系統能夠有效地滿足缺乏經驗和有經驗的使用者的需求。

自訂選項允許使用者根據自己的喜好自訂介面,個性化整體體驗。 提供重新排列介面元素 (例如儀表板卡) 或為常用功能建立個人化捷徑的選項,可提高使用者導覽系統的效率和舒適度。 迎合不同的使用者技能和偏好可以培養主人翁意識和個人對體驗的投資。

篩選器窗格螢幕擷取畫面,其中包含指向「已儲存篩選器」的連結,後面是主要篩選體驗。

美學和極簡主義設計

優先考慮清晰、重點突出的狀態更新,以便使用者更輕鬆地一目了然地理解資訊。 這種方法減少了認知工作,並最大限度地減少了誤解、沮喪或脫離的風險。

對話不應包含不相關或很少需要的資訊。 對話中每一個額外的資訊單元都會與相關資訊單元競爭並降低它們的相對可見度。

包含簡潔可操作問題的對話框的螢幕截圖,其中主按鈕顯示“是”,輔助按鈕顯示“否”。

幫助使用者識別、診斷錯誤並從錯誤中恢復

錯誤訊息應該用簡單的語言 (無程式碼) 表達,準確地指出問題,並建設性地提出解決方案。

提供上下文幫助或指導,以幫助使用者解決問題或了解延遲。 這種方法可以幫助使用者確定適當的後續步驟,特別是在面臨障礙或複雜任務時。 不要只是提出問題,而是提供清晰的解決方案並結合內建功能來加快解決速度。

錯誤消息的屏幕截圖,其中包含消息的明確說明和重試建議。

說明與文件

雖然系統應該足夠直觀,無需文件即可使用,但在某些情況下可能需要幫助和文件。 在這種情況下,請確保資訊易於找到、面向任務、簡潔,並提供清晰的逐步說明。

從頂部命令列訪問的説明窗格介面的屏幕截圖。

Power Platform 簡易化

Power Apps 中由 Copilot 支援的體驗可以幫助使用者在對話期間發現有價值的見解:

對於畫布應用程式,您可以使用進度列微調器新式控制項指示進度和載入狀態。 使用徽章控制項顯示狀態資訊。

使用與錯誤相關的 Power Fx 表達式在用戶端的畫布應用程式中實現強大的錯誤處理。 使用低程式碼外掛程式定義自訂伺服器端 Power Fx 錯誤,其中包括預操作驗證。

在模型導向的應用程式中,可用性內建於介面中,重點關注配置增強可用性的體驗方面。 內建加速器的一個範例是個人檢視功能,它允許使用者在應用程式中保存表格的篩選和列首選項。 此外,設定自訂說明頁面以在應用程式內提供詳細的幫助資源。

體驗最佳化檢查清單