每個設計師都應該知道的 UX 設計技巧

已發表: 2019-05-24

確定完美的用戶體驗設計可能是一項艱鉅的任務。 不同的用戶群有不同的需求和技能水平。 對一個人有用的東西可能對另一個人完全失敗。 重要的是要進行充分的研究,以確保您提出的設計與您的目標受眾完美匹配。

有這麼多設計技術,很難選擇適合您的情況並開始工作! 此副本將指導您使用最佳設計技術來幫助您創建用戶友好的應用程序。

首先,您需要收集和分析有關未來產品的所有信息:所有者和用戶對產品的期望、主要用戶流以及應用程序的整體架構。 以下是最流行的研究技術。

利益相關者訪談

利益相關者是組織外部或內部的領導者、下屬、同行或客戶,他們可能與您的產品的使用發生交互或受到影響。 與利益相關者進行對話讓您有機會了解您的用戶可能會如何使用您的產品,並有助於定義什麼是重要的,以提高關鍵性能並專注於關鍵功能。

提前協商會議的日期和時間,並創建問題清單。 例如,問題列表可能如下:

a ) 項目願景:

  • 什麼定義了您的產品的成功?
  • 告訴我們您對產品的看法。

b ) 公司:

  • 公司的歷史是什麼?
  • 公司的目標是什麼?
  • 您認為誰是主要競爭對手?

c ) 用戶:

  • 你能描述一下你的目標受眾嗎?
  • 您的用戶有哪些不同類型?
  • 你知道應用程序的主要使用上下文嗎?
用戶訪談

與利益相關者訪談類似,用戶訪談是一種有效的研究技術,可讓您從當前用戶群中獲取有用的信息。 通過更全面地了解您的用戶以及他們可能如何使用您的產品,可以確定功能集並開始設計。 它可以幫助您確定需要修復的內容以及以後可能需要添加的潛在新功能。

對於特定業務領域的應用程序,用戶訪談是獲取有關您可以通過產品解決​​的行業痛點的有用信息的好機會。 您可以詢問專業背景、他們使用您的應用程序的主要目標以及他們面臨的最常見問題並希望解決。

就像利益相關者訪談一樣,用戶訪談也需要深思熟慮的準備。 首先,明智地選擇面試人員。 您可以通過社交網絡、社區組織或社交俱樂部找到用戶。

在你找到人之後,清楚地定義你的面試目標並為此準備問題。 避免像“你使用 Instagram 嗎?”這樣的引導性問題。而是問“告訴我你使用 Instagram 的經歷”。 跟進問題可以促進富有成效的討論,並且可以涵蓋您忘記詢問的見解。

讓被採訪者感到舒適,不要用冗長的採訪來惹惱他們。 在面試過程中,記錄所有答案。

僅依靠這種技術可能會成為您的項目失敗的原因。 這種技術有幾個陷阱:

  • 不幸的是,人們所說的並不總是等於用戶所做的。 人類的記憶力並不完美,因此受訪者無法記住他們使用網絡或移動應用程序的所有細節。 當他們無法記住這一點時,有時他們寧願編造故事,也不願說自己無法在記憶中回憶起來。 他們的故事可能聽起來合乎邏輯,但並沒有顯示真實情況。
  • 小團體不能代表全體觀眾。 在大多數情況下,只有兩三個小組,有六到八名參與者。 參與者的虛擬觀點不能代表整個目標受眾的願景。
  • 團隊領導會影響人們所說的話,而內向的人很少分享他們的意見。 在線進行研究可能是消除這兩種情況的好方法。 根據研究,您可以組成小組,但與每個參與者一一交談。
任務分析

任務分析是對完成操作或任務需要採取哪些步驟的研究。 您將能夠了解當前產品的工作原理以及它使用的數據以何種方式流動。 它使每個人都能夠更輕鬆地確定首先需要處理產品的哪些部分。

此技術可幫助您了解用戶嘗試在您的應用中實現的目標、他們為實現該目標所採取的步驟,以及他們在採取這些步驟時面臨的問題。

有兩種類型的任務分析——層次分析和認知分析。 進行分層任務分析的算法如下:

  1. 定義一項您要分析的任務。 選擇要分析的角色和場景。 定義此任務的預期結果以及為實現目標而採取的步驟。
  2. 將任務分解為幾個子任務。 但是不要過分創建太多抽象的子任務。 在大多數情況下,五到九個子任務就足夠了。
  3. 創建用戶執行的每個操作的圖表。
  4. 創建圖表後,寫一個關於用戶如何完成此子任務的詳細故事。
  5. 完成工作後,請查看您的分析。 將其交給另一位未參與分析但了解任務細節的專家進行審查。

例如,這是在 Bestbuy.com 上購買遊戲鼠標的任務分析示例。

UX Design Techniques

認知任務分析涉及採取相同的步驟。 但除此之外,您應該分析新手和專家將如何完成這項任務。

用例或行為圖

它是用戶行為的直觀表示。 它顯示了不同類型的用戶可以採取哪些操作。 例如,您應該創建一個賀卡應用程序。 在應用程序中,您有兩種類型的用戶——祝賀者和生日人。 祝賀者通過 Facebook 登錄並從他們的 Facebook 好友列表中選擇一個生日人物。 之後,他們從列表中選擇卡片,寫下願望並發送給生日人。

生日人收到禮品卡後,可以在應用程序中查看、點贊或回复。 如果生日人尚未安裝應用程序,他們會來到應用程序商店並安裝應用程序。 行為圖將如下所示:

UX Design Techniques

用戶故事或行為規範

這是與您的應用程序的每次交互的書面描述。 所有用戶故事都以“作為用戶,我想……”開頭,然後你寫下用戶可以採取的可能行動的描述。 例如,“作為用戶,我想查看我的訂單歷史記錄,以便訪問的訂單選項卡並單擊訂單歷史記錄按鈕。

創建用戶故事後,您可以開始規劃 sprint 並為每個用戶案例設置優先級。 還可以定義實現用戶故事中描述的功能所需的時間。 此外,您可以開始處理用戶流。

用戶流

這是一個圖表,顯示了用戶在應用程序中執行的常見步驟順序。 這種技術幫助用戶體驗設計師確定哪些步驟可以重新設計或改進。 這是用戶流程圖的示例。

UX Design Techniques

如您所見,每個形狀都有一定的定義。 紅色箭頭定義了新用戶的路徑,而藍色箭頭定義了註冊用戶的路徑。 圓形意味著錯誤和空中飛人——用戶決定。 同樣,您應該在創建用戶流之前為每個形狀定義一個定義。

思維導圖

雖然創建用戶流程是為了定義應用程序中每個頁面上的功能,但思維導圖允許設計人員查看產品的整體架構。 它是應用程序所有部分及其相互關係的圖形表示。

創建思維導圖不會花費很多時間,這是該技術的主要優勢之一。 您可以輕鬆找到用於創建思維導圖的在線工具。 借助這項技術,您不會浪費時間介紹和討論應用程序的功能。

例如,這是一個名為My Day的倒計時應用程序的思維導圖,您可以在 Apple 應用程序商店中找到它。

UX Design Techniques

線框

在您收集了所有信息並構建了應用程序的架構之後,就該進行設計了! 建議從線框、Web 或移動應用程序的佈局開始,以顯示元素將如何放置在特定頁面上。

線框圖可幫助您讓客戶參與設計流程並更有效地進行更改。 因此,這種技術可以節省您的時間——在設計完成時更改線框圖比更改某些內容要容易得多。 如果您有為您的應用程序設計內容的文案,他們可以衡量每個頁面上內容的長度。

另一方面,這是應用程序開發的另一個步驟,也需要時間和精力。 此外,線框可以被認為是設計師的限制。 他們必須堅持這個骨架,所以把創造力拋在腦後。

您可以在紙上繪製線框或使用特殊工具。 下面,您可以看到為健身中心平台創建的線框示例。

UX Design Techniques

原型

原型是對 Web 或移動應用程序功能和導航的模擬,它允許您在應用程序設計傳遞給編碼人員之前與您的應用程序進行交互。 借助 invisionapp.com 或 mockup.io 等原型設計服務,您可以上傳線框或模型,並獲得帶有可點擊按鈕的應用程序。

可用性測試

您不應忽視的下一步是測試您的應用程序。 可用性測試是您在用戶與您的產品交互時觀察他們以查明產品中的故障或潛在改進領域的地方。 可用性測試可以推廣到整個產品,也可以根據您的需要在產品的一個單一任務或過程中進行磨練。 您可以閱讀有關網站可用性測試的單獨文章。

A/B 測試

A/B 測試是一種向用戶提供不同版本產品的技術,以比較兩個平台之間的接受度和易用性。 它可以幫助您測試小的設計調整和功能,以查看它們是否按設計工作。 例如,有一個為 Runkeeper 應用程序進行的 A/B 測試。

UX Design Techniques

眼球運動追踪

利用眼球運動跟踪,您可以了解您的 UX 佈局如何流動以及您的用戶如何瀏覽界面。 此技術可幫助您優化用戶界面的外觀和感覺,並可以幫助您縮小需要改進甚至刪除的功能和內容的優先級。

結論

為產品提出新的設計或佈局有時可能會令人生畏,但通過利用上述一些技術,它可以變得更加容易! 下次嘗試其中一些,您可能會發現設計和開發過程的進展速度要快得多,您的用戶最終可能會得到更好的產品!