UX 設計
適用範圍
- 適用於所請求的產品任務體驗設計、實施、修改、審查、優化或原則指導，針對桌面、移動端和網頁。僅限後端、僅限資料庫以及其他不涉及使用者互動的工作不在此技能範圍內。
- 此技能獨立於 SDLC 工作流程運作，可以單獨安裝。對於同時涉及視覺層次、排版、色彩、佈局、控制幾何或動效的任務，請使用可用的 UI 指導，例如
sdlc-ui-design來做那些決策。 - 當僅請求原則指導時，應在該層級給出簡潔的回答，而不是擴展到產品特定的設計、實施或驗收測試。
- 對於僅審查的請求，報告發現和建議，而不創建新設計或更改實施。
- 設計探索、提案、概念比較和原型驗證僅創建或修改獨立的設計工件。僅當請求包含實施時才更改生產代碼。
- 對於混合請求，先交付設計，然後再繼續授權的實施。分別交付和評估；原型驗證不建立實施驗收標準。
- 對於實施，遵循現有項目檢查。當當前環境支持複現缺陷時，使用針對該缺陷的集中複查；根據風險和範圍選擇其他行為變更的檢查。不要設置額外的驗證環境、生成正式的驗證報告，或僅為滿足此技能而複製現有檢查。
- 對於實施結果，報告所執行的檢查、觀察結果以及未驗證的範圍。區分運行時證據、基於代碼的推斷和主觀判斷；模型自我評估並非用戶驗收。
按需閱讀
- 遵循以下共享原則，並為實際目標和場景閱讀平台參考。
- 桌面：閱讀桌面原則。
- 移動端：閱讀移動端原則。
- 網頁：閱讀網頁原則。
- 對於移動端網頁，同時閱讀移動端和網頁原則。對於其他組合，根據所選文檔的條件加載額外參考。
- 如果平台未指定，首先從任務和項目上下文中推斷。對於一般性建議，僅使用共享原則。僅在具體任務仍然缺乏必要的平台決策時才要求澄清。
- 對於改編版的情境或限制，請查閱其在來源上下文中的鏈接條目，並在需要時查閱原始段落。此技能中的英文說明定義了本地化改編版；查閱不會導入上游的工作流程或工具鏈。
設計交付
對於所請求的互動探索、提案、概念比較或原型驗證，無論變更大小，均使用此部分。在混合任務中，它適用於設計部分；實施交付和驗收遵循任務和現有項目要求。
- 將 UX 設計呈現為一個互動式單頁 HTML 工件。使主要操作、相關狀態更改以及必要的返回或恢復路徑在原型中可操作。檢查控件和回饋是否演示了預期操作並區分了相關狀態。來源上下文。
- 默認使用內聯 CSS 和 JavaScript，以便 HTML 直接打開。使用本地狀態和清晰標識的示例數據來演示商定的互動範圍。
- 對於組合的 UI/UX 設計，首先使用圖像生成 UI 提案，並提供互動式 UX HTML 原型。如果圖像生成不可用或失敗，則使用一個 HTML 工件來處理兩者。來源上下文。
- 在預期的視口上使用實際內容（如果可用）渲染原型，否則使用清晰標識的代表性內容。來源上下文。
- 使用互動預覽和可打開的 HTML 文件來主導交付。附帶的說明文字應保持簡潔，僅限於打開說明、模擬範圍和必要的限制。
共享原則
應用原則
- 應用與所請求工作、目標平台和場景相關的原則。
- 解釋影響建議的條件和權衡。
- 在引用數值要求或建議之前，驗證其來源、單位以及對目標平台的適用性。
設計原則
- 任務與成果：按用戶目標和操作順序組織 UI。優先考慮當前任務所需的資訊和操作。根據用戶在每個介面上需要完成的事項來評估每個介面。來源上下文。
- 入口點與控件：使主要入口點易於發現，每個控件的預期操作清晰。使用能識別操作及其對象的按鈕標籤；為不明確的圖標添加標籤。來源上下文。
- 圖標語義：根據圖標的當前使用來確定其語義。從無障礙樹中隱藏可見文字旁邊的多餘裝飾性圖標。為有意義的獨立圖標提供文字替代。暴露圖標控件的可訪問名稱和適用狀態。來源上下文。
- 任務優先級：在任務導向的螢幕上，讓用戶需要首先回答的問題決定視覺重點和閱讀順序。來源上下文。
- 呈現結構：讓呈現頁面的主張及其證據決定它需要哪些部分以及它們的順序。來源上下文。
- 事實性與說明性內容：關於真實產品、客戶或商業活動的主張和證據應基於可用事實。清晰標識說明性內容。來源上下文。
- 數據一致性：在同一報告範圍內，保持相同的事實在任何出現的地方一致，並保持衍生數字與其基礎數據一致。明確說明範圍、時間段或計算基礎的差異。來源上下文。
- 認知負荷：呈現做決策所需的選項和背景，減少記憶和重複輸入，讓用戶可以檢查和更改默認值。在選項變得相關時才顯示複雜選項。將決策所需的資訊保持在選擇點可用，包括在減少步驟時。來源上下文。
- 學習：減少由界面引入的不必要的腦力消耗。支持有助於用戶理解和掌握其任務的學習。來源上下文。
- 簡化：通過移除用戶任務中的障礙來判斷簡化。保留必要的功能性、決策相關資訊和可訪問性。來源上下文。
- 一致性：遵循平台互動慣例和一致的控件行為。
- 狀態與等待回饋：顯示用戶在任務或導航中的當前位置、處理狀態和結果。區分加載中、空數據和失敗。對操作做出即時響應。對於長時間操作，提供可靠的狀態，並在可測量時顯示實際進度。根據重要性調整回饋，避免頻繁中斷。使每個狀態的呈現和可用操作與其含義一致；區分唯讀、禁用和進行中狀態。來源上下文。
- 使用者控制：提供可發現的退出、取消和返回操作。在適當的地方支持復原和重做，並明確它們影響哪些變更。在不可逆轉的操作之前解釋後果。視覺過渡不得阻止支持的返回、切換或取消操作。區分中斷動畫與取消後台操作。來源上下文。
- 模態性：僅將模態互動保留給需要中斷當前工作或保護焦點的任務。來源上下文。
- 錯誤預防與恢復：預先說明輸入和操作約束，並在其適用點進行說明。當後果嚴重時要求確認。在適當的時間進行驗證，避免中斷不完整的輸入。失敗時，保留有效輸入，識別問題及其位置，解釋已知原因而不將猜測呈現為事實，並提供恢復路徑。
- 連線與恢復：對於依賴網路的任務，明確說明在有限連線下可用的功能。提供產品實際支援的後備或恢復操作。來源上下文。
- 界面語言：使用目標受眾能夠理解的語言。當熟悉的領域術語能準確傳達預期含義時，保留這些術語。來源上下文。
- 可及操作：支援目標環境中的鍵盤和輔助技術，具有可識別的控件名稱、狀態和焦點。為精確輸入或複雜手勢提供等效操作。根據實際可用的輸入能力選擇互動行為。使主要操作在沒有滑鼠懸停時也可用。來源上下文。