頂級設計師使用的 10 個 UX 可交付成果
已發表: 2022-03-11收聽本文的音頻版本
用戶體驗設計師的工作發生在許多不同的環境中——從團隊使用少量文檔的精益創業和敏捷環境，到為第三方提供諮詢服務，或對文檔有嚴格要求的大型企業和政府實體。 無論參與或環境的性質如何（以及將這一切聯繫在一起的一件事），用戶體驗專業人士都需要將他們的設計理念、研究結果和項目背景有效地傳達給一系列受眾。
在 UX 設計過程中，設計師將製作各種各樣的“工件”和項目可交付成果，作為其 UX 設計方法的一部分。 這些可能有多種形式：可交付成果幫助 UX 設計師與各種利益相關者和團隊進行溝通，記錄工作，並為會議和構思會議提供工件。 它們還有助於創建“單一事實來源”——用於實施和參考的指南和規範。
以下是 UX 設計師通常在參與期間產生的 10 個 UX 可交付成果。 （此列表絕不是全面的，可能會更長，具體取決於參與的性質。）
1. 業務目標和技術規範
這是一個基本步驟。 對於 UX 專業人士來說，這一切都始於對產品願景的理解，即從業務角度來看產品存在的原因。 簡而言之，該聲明應包括正在解決的問題、建議的解決方案以及對目標市場的一般描述。 它還應描述交付平台，並輕描淡寫地提及交付產品的技術手段。
它不需要超過一頁，但應該描述什麼、為什麼和如何的核心。 舉個例子：“The Fantastic App Co. 發現千禧一代市場（iOS 和 Android）移動平台上的送禮應用存在差距。 大量千禧一代難以記住特殊日期、識別最佳禮物以及尋找和購買這些禮物。 我們的解決方案旨在減輕這種壓力。 該應用程序採用預期設計和最新的人工智能技術，提供有用且幾乎神奇的用戶體驗。”
2. 競爭分析報告
對於任何開始設計新產品的人來說，確保它適合市場是至關重要的。 至關重要的是，作為用戶體驗戰略的一部分，產品還必須具有引人注目的競爭優勢和優於市場上其他產品的用戶體驗。
競爭分析意味著：“識別你的競爭對手並評估他們的策略，以確定他們相對於你自己的產品或服務的優勢和劣勢。”
用戶體驗設計師的首要任務之一是研究目標客戶當前正在使用哪些產品或服務來解決問題。 是否有同等的產品或服務？ 是否有人們正在使用的替代解決方案足夠好但並不完美？ 創可貼——一種維生素但不是止痛藥？ 更好的用戶體驗如何發揮作用？
作為用戶體驗研究的一個組成部分，一份競爭分析報告確定了前五名競爭對手，並檢查了他們在哪些方面做得對，以及他們做錯了什麼。 此步驟將有助於設定設計方向，其中定義了明確的目標並闡明了要關注的元素。
3. 角色和用戶體驗研究報告
用戶體驗設計師需要確保利益相關者了解產品客戶的需求。 創建角色以封裝和傳達用戶行為模式並進行用戶研究是經過驗證的方法。 人物角色代表了產品的典型用戶——通過結合他們的目標、需求和興趣，他們幫助從事項目的團隊對用戶產生同理心。
用戶研究也是用戶體驗設計過程中不可或缺的組成部分。 它涉及一系列用於提取行為模式、添加上下文和深入了解設計過程的技術。 有許多類型的用戶研究工具和技術可供使用——關鍵在於為正確的情況選擇正確的“鏡頭”。
在開始用戶研究之前，花時間制定研究計劃很重要。 這是一份有助於交流研究目標和方法以及獲得利益相關者支持的文件。 它也是一個很好的工具，可用於幫助每個人在研究項目期間保持進度。
在用戶研究階段結束時，會生成一份報告，將研究結果轉化為可操作的項目。 然後，UX 團隊將圍繞這些項目設計產品。
4. 站點地圖和信息架構
站點地圖是數字產品中包含的所有組件和信息的直觀組織模型。 它代表應用程序或網站內容的組織。 與線框一起，它們是最基本的 UX 可交付成果之一，在 UX 設計過程中很少被跳過。
站點地圖有助於佈置信息架構——組織和標記產品組件的藝術和科學——以支持導航、可查找性和可用性； 它們還可以幫助您定義分類和用戶界面。
站點地圖是一種方便的參考，可以作為資源使用，並根據迭代原型設計和用戶測試隨著產品的發展進行調整。 在設計工作流程中，通常使用編號系統來讓每個人在討論產品內容時保持一致。
5. 體驗地圖、用戶旅程和用戶流程
體驗圖是一種可視化表示，它說明了用戶在產品或服務中的流程——他們的目標、需求、花費的時間、想法、感受、反應、焦慮、期望——即他們與產品交互過程中的整體體驗。 它通常佈置在線性時間線上，顯示用戶和產品之間的接觸點。
用戶旅程和用戶流程更多地是關於用戶採取的一系列步驟，並展示了用戶當前交互或可能與產品交互的方式。 它們展示了用戶可能執行的行為、功能和關鍵任務。 通過檢查和理解用戶可能執行的各種任務的“流程”，您可以開始考慮在用戶界面中包含哪些類型的內容和功能，以及用戶需要什麼樣的 UI 來完成它們。
用戶體驗的大部分內容是為用戶解決問題。 在設計用戶旅程時，設計師需要了解角色、用戶的目標、動機、當前的痛點以及他們想要實現的主要任務。
用戶旅程和用戶流有什麼區別？ 將用戶流程視為用戶通過您的產品或服務完成一項任務或目標，例如在 Lyft 上預訂汽車； 用戶旅程說明了更大的圖景。 用戶旅程超越了任務，並著眼於特定的客戶交互如何適應更大的環境。
6. UX線框
作為 UX 設計方法的主要內容，線框是設計框架和界面元素的二維“藍圖”插圖，並顯示了哪裡去哪裡。 它們主要是一種佈局工具，有助於定義信息架構、內容間距、功能、交互設計和預期的用戶行為。
線框是 UX 設計師的生計，也是項目中最常見的可交付成果之一。 在 UX 設計師的面試中，“給我看看你的線框圖”可能比其他任何事情都更常見。
作為 UX 設計過程的一個主要階段，線框圖是探索想法和產生滿足客戶目標的創新概念的一種經濟高效的方式。 它們是超越草圖快速構思的好工具，並且它們有許多不同的風格——從低保真（無樣式、黑白框、希臘文本）到高保真（完全樣式、顏色、非常詳細）。
有時在工作場所速記中被稱為“電線”，線框可以節省大量時間和金錢，因為它們非常柔韌且生產速度快。 它們是與利益相關者和團隊成員進行對話的核心，同時確定設計方向。
線框是基礎，因此有助於從結構上定義設計，以及用戶流程在不同用例場景下如何通過應用程序或站點工作。 線框有一些有趣的變化，例如 Toptal 設計博客上一篇文章中討論的“線框圖”和“線框”：NNGroup 的工作流和應用程序的 UX 可交付成果。
7. 交互式原型
在以用戶為中心的設計過程中，另一個主要的可交付成果是交互式原型為產品注入了活力。 基本原型可以節省大量時間和金錢——它們展示了事物在實際用例場景中的工作方式，並允許快速設計迭代和用戶測試。 它們還幫助設計師在 UX 設計過程的不同階段有效地傳達他們的設計。
原型設計可以在通過迭代發現的過程中的任何時候發生。 從紙質原型到高度精美的設計，對產品原型的內部審查讓團隊中的每個人都可以看到當實際用戶與之交互時事情會如何工作。
靜態草圖和線框圖無法像交互式原型那樣使產品栩栩如生。 幾乎神奇的是，可以看到並感覺到產品的行為方式——一切如何連接。 可以探索不同的設計和功能； 可能會出現新的想法。 可以發現問題點並發現尷尬的互動。
交互式原型極大地幫助用戶測試。 潛在用戶無需引導人們瀏覽靜態頁面，而是可以測試感覺 100% 真實的產品，提供想法並提供有價值的反饋。
如今，設計師的原型製作工具有各種形狀和大小。 這裡有 21 個用於 UX 設計的交互式原型工具。
8. 視覺設計
視覺設計是產品的“最後一層油漆”。 然而，不僅如此：視覺設計會極大地影響產品的用戶體驗，因此必須非常小心地處理。 希望在 UX 設計過程的先前步驟中製定了許多交互設計和可用性啟發式方法，以便設計師可以專注於視覺效果。 這是將產品提升到新水平的最後機會。
視覺設計是交付給開發人員之前的最後一步，也是製定風格指南和最終規範的階段。 這不僅僅是“讓事情變得漂亮”，而是一個定義或實施品牌配色方案並通過佈局、對比度和視覺層次影響可用性的機會。
9. 開發人員的風格指南和規範
UX 設計工作流程的最後一步是為開發人員整理規範和样式指南。 如果產品的設計要長期成功，風格指南是必須的。
風格指南是為了確保設計在品牌、視覺風格、顏色、字體和排版方面得到一致實施。 它還用於設計模式、語言、規則（例如鍵盤快捷鍵和數據顯示規則）以及指定 UI 行為（例如錯誤處理）。
一些樣式指南和規範是手動組合的，而另一些則是自動生成的。 手動編寫樣式指南是一個乏味的過程，通常需要六個月的時間，因此任何自動化工具都可以節省時間。
自動化方式因使用的工具而異。 與長期製作的樣式指南相比，它們是一種更敏捷、更漸進的方式來傳遞設計。 它們可以被認為更像是書架上的“風格聖經”，團隊中的每個人都可以參考。
如果您在 Sketch 中工作，那麼會有諸如 Zeplin 之類的天賜之物。 Zeplin 是 UI 設計師和前端開發人員的協作工具。 它超越了設計工作流程，並幫助團隊進行設計交接。
此外，可以在幾秒鐘內使用 Craft 插件從 Sketch 生成設計風格指南，或者通過使用 Marketch 插件生成 HTML 文件從設計中獲取測量值和 CSS，如本文所述。
這裡有 50 個很棒的風格指南示例。 還有一個來自 BBC 和一個來自 IBM，兩者都在網上託管他們的指南，這樣每個人都可以輕鬆查看它。
10. 可用性測試和使用分析報告
用戶體驗設計師的工作永遠不會完成。 即使在產品發布之後，也有機會收集反饋、收集使用數據、改進、發布並重新開始循環。
可用性測試將告訴您目標用戶是否可以使用您的產品。 它有助於識別人們在使用特定 UI 時遇到的問題，並揭示難以完成的任務和令人困惑的語言。
可用性測試報告通常在原型設計階段交付，但與用戶一起測試現有產品以查看可能改進的地方並不罕見。
了解可用性測試期間收集的數據——收集、分類和生成報告，正在成為 UX 從業者中越來越普遍的任務——事實上，它正在成為一項關鍵的 UX 技能。 這是一個可用性測試報告模板。
產品發布後，另一組數據收集（一種定量方法）將告訴設計團隊產品在大規模用戶中的表現。
有無數的工具和方法可以捕獲用戶行為並對其進行分析。 從眼球追踪到點擊追踪和熱圖（顯示點擊、點擊和滾動行為），再到 UI 元素標記，追踪每個用戶在移動設備和 Web 設備上的數字足跡。
分析報告顯示客戶使用了哪些功能、他們在您的移動應用程序或網站上花費了多少時間、隨時間變化的趨勢，並且它們匯總了跨地域、帳戶、用戶和自定義細分的結果。 它們提供了對功能如何使用以及由誰使用的完整可見性。
分析公司通常會根據需要自動生成定制報告。 這些報告非常有用，可以為您的產品使用情況提供令人驚訝的見解。 您認為會贏得所有客戶的驚人功能可能會被證明幾乎從未使用過。 另一方面，UI 中的一個小而微不足道的功能可能會被大量使用，您可能會決定是時候專注於擴展該特定功能了。
用戶體驗設計師的使命是使公司能夠基於對人類行為、目標和動機的深刻理解來製造產品和服務。 上面的 10 個 UX 可交付成果是 UX 設計師最常見的一些，因為他們作為“設計思維”和以用戶為中心的設計過程的一部分為用戶創造了出色的體驗。
• • •
進一步閱讀 Toptal 設計博客：
- 電子商務用戶體驗——最佳實踐概述（附信息圖）
- 以人為本的設計在產品設計中的重要性
- 最佳 UX 設計師作品集——鼓舞人心的案例研究和示例
- 移動界面的啟發式原則
- 預期設計：如何創造神奇的用戶體驗