UX設計指南 - DEV社群

banq發表於2019-01-18
UXdev

最初我將此指南分享到Syndicode部落格，以描述我們在代理商中使用的UI和UX設計流程。由於這些材料看起來非常有用，而且引導相似，所以我決定將它分享到我最喜歡的dev.to社群。

UI / UX設計的作用
設計應用程式和網站帶來了特殊挑戰：

  1. 促進複雜的任務和工作流程，
  2. 使使用者能夠理解和管理複雜資料，
  3. 適應各種各樣的使用者角色，需求和流程。

應用程式的有效設計和實現可以在廣泛的環境中 - 從娛樂到醫療保健 - 對生產力，效率，準確性和滿意度產生深遠的積極影響。
UI和UX不是一回事，UX是使用者對產品的整體體驗，UI是使用者實際與之互動和檢視的內容。

偉大設計的價值
成功應用程式設計的關鍵不是一個好主意或一個好的功能 ，而是歸結為使用者體驗（UX）和使用者介面（UI）。

例如，您的應用程式使用者在開啟您的應用時首先看到了什麼？使用者首先看到的是登入頁面。什麼是目標網頁？這是一個起點，使用者可以從中瞭解應用程式或站點是否滿足他/她的要求並滿足需求。它必須具有吸引力幷包含一些號召性用語按鈕，以便使用者知道下一步該做什麼。

些有趣的UI與UX比較：

  • UX設計師就像一位建築師。此人會照顧使用者並幫助您的企業改善可衡量的引數（降低跳出率，提高點選率等）。使用者體驗設計師瞭解使用者行為和心理，瞭解介面人體工程學，並能夠分析業務需求，將其轉換為使用者流。
  • UI設計師同時就像一個裝飾者。此人負責介面如何反映品牌。它更多的是關於不可測量的東西（比如介面的舒適性，它是否足夠時尚等等）。UI設計師對顏色和顏色組合有很多瞭解，知道如何閱讀品牌書籍並將其轉換為UI元素。

有時UI和UX設計師是負責整個設計過程的人。但是讓我們分別討論每種型別的設計。

什麼是UX​​設計？
UX（使用者體驗）設計是建立向使用者提供有意義和相關體驗的產品，系統或服務的過程。這涉及獲取和整合產品的整個過程的設計，包括品牌，設計，可用性和功能方面。它還包括人機互動和產品所有權的有意義和有價值的方面。UX處理內容和站點地圖的架構。
UX設計可幫助使用者實現目標。它不僅僅專注於建立可用的產品，還涵蓋使用者體驗的其他方面，例如：

  • 樂趣，
  • 效率，
  • 心情，
  • 樂趣。

到目前為止，良好的使用者體驗是在目標受眾使用產品的特定環境中滿足特定使用者需求的體驗。UX設計以使用者為中心 - 使用者型別定義設計型別。

這就是為什麼UX設計是動態的，並且由於不斷變化的使用環境和個別系統的變化，可以找到它們的使用環境等而不斷修改。在這裡，您可以找到2019年預期的一些UX設計趨勢。此外，我們可以說使用者體驗是關於使用者 - 產品互動和體驗。

使用者體驗設計的主要任務是建立可以定製的產品，以滿足使用者的特定需求，但提供可預測的功能。換句話說，UX Design旨在研究使用者行為並理解使用者動機，旨在設計更好的數字體驗。

UX原則
透過遵循主要的使用者體驗設計原則，可以達到UX設計金字塔各個層面的目標：

  1. 層次 結構層次結構是設計人員幫助使用者輕鬆瀏覽產品的最佳工具之一。這包括：
    • 資訊架構（內容在應用程式或網站上的組織方式）和a
    • 可視層次結構（幫助使用者在部分或頁面中更輕鬆地導航）。
  2. 一致性 在大多數情況下，可以透過使用一套正式的指南來確定如何為特定裝置或格式設計產品。
  3. 確認 要求確認任何重要或不可逆轉的操作，以防止使用者意外犯錯。
  4. 使用者控制 “撤消”，“後退”，“搜尋”按鈕以及鍵盤快捷鍵是一種讓使用者控制網站或應用程式的好方法。
  5. 可訪問性 對於儘可能多的人來說易於使用的產品至關重要。使用者體驗設計應該消除人們使用產品時的障礙，無論這些障礙是暫時的還是更長久的。
    UX設計平衡了業務，人員和技術。如果沒有健康的企業，產品就無法成功，如果沒有快樂的客戶，企業就無法成功 - 而UX設計師的工作就是讓客戶滿意。

    完整的UX設計堆疊
    ，UX設計涉及很多內容。UX設計堆疊包括：

    • Surface（這裡我們應用UI設計）
    • 骨架（透過應用介面和互動設計製作）
    • 結構（由資訊架構和使用者流形成）
    • 範圍（功能規格和內容要求）
    • 戰略（使用者需求和專案目標根據使用者研究和業務目標定義）

    UX設計始於研究識別使用者的問題。解決使用者不關心的問題毫無意義。

    UX設計流程

    • 使用者研究
    • 設計
      • UX線框圖
      • 使用者體驗原型設計
      • UI設計（視覺和互動）
    • 使用者測試

    UX設計流程的主要方法
    有三種著名的UX設計流程方法：

    1. 經典
    2. 精益Lean
    3. GV Design Sprint（GV代表Google Ventures）

    經典的使用者體驗設計過程通常在大學中教授，並使用瀑布式方法構建。以下是經典 UX設計流程：
    1. 研究。這裡應該發現主要問題。在這裡你可以找到10個圖提供有效的使用者研究。
    2. 對發現的問題進行分類。
    3. 建立角色和旅程地圖（不要將它們與使用者流混合）
    4. 構思練習，為偉大的使用者體驗設計生成解決方案並解決已發現的問題
    5. 構建原型。
    6. 原型測試。
    7. 將最終原型傳送到開發中。
    8. 產品釋出會。
    9. 收集使用者反饋。
    10. 返回到收到的使用者反饋的第一步。

    另一種使用者體驗設計流程的方法出現在2013年，因為傳統的使用者體驗設計流程與敏捷開發不相容。新的設計流程稱為精益使用者體驗，允許使用者體驗在敏捷的不確定性範圍內執行，並根據使用者反饋快速更新設計。它使體驗設計與產品開發和諧相處。
    簡而言之，精益使用者體驗是一套基於“精益創業”敏捷方法的原則，其重點是現在。團隊不認為將設計可交付成果投入到牆上，而是認為不能預先建立最終設計，並相信在MVP（最小可行產品）開發測試假設時會出現答案。精益UX設計過程可以描述為“構建，測量和學習”迴圈，或“思考，製造，檢查”迴圈。
    後來，當產品計劃沒有明確定義時，精益使用者體驗設計過程似乎效率低下，導致大量浪費和返工。
    Google Ventures建議了另一個偉大的設計流程。這是Design Sprint。它允許團隊快速定義和測試低保真原型。Google Ventures的Design Sprint可以看作是三種方法的結合：設計思維，敏捷和精益。sprint的一個關鍵元件是建立原型，這是收集資料和測試想法的最佳方法之一。

    UX設計部分
    我將介紹UX設計的每個部分的更多資訊：

    • 互動設計 透過深思熟慮的行為建立引人入勝的介面 使用者與技術之間的溝通簡單明瞭。互動設計負責實現人與個人使用者介面之間或多個介面（或系統）之間互動的功能。
    • 線框和原型 在最終設計之前，將網站的基本元件演示為任務或互動式原型的模型。（順便說一下，線框不是草圖而不是樣機）。
    • 資訊架構師 它是藝術和科學的平衡。以有效和可持續的方式組織，構建和標記內容。
    • 使用者研究 透過觀察技術，任務分析和其他反饋方法瞭解使用者行為，需求和動機。使用者研究定義了您的受眾，並提供瞭如何最好地滿足他們需求的基本見解。為了提供定性的使用者研究，我們應該考慮全貌： - 誰將使用應用程式/網站？ - 他們想要完成什麼？ - 他們可能會遇到什麼？ - 主要客戶的業務需求是什麼？我發了一篇關於為什麼使用者研究對UX很重要的帖子。
    • 場景 描述使用者與專案的互動。這些故事對於設計介面和可用性測試都非常重要。

    這是使用者體驗設計，用於決定使用者是翻頁還是滾動內容。並且要對細節負責並預測其影響因素，使用者體驗設計師應該對人類行為有很多瞭解。使用者體驗設計師通常來自各種背景，如視覺設計，程式設計，心理學和互動設計。

    ​​​​​​​
    6.

    相關文章