探索創建有效且令人難忘的用戶體驗所需的 UX 設計流程。
用戶體驗設計過程始于了解業務目標以及如何最好地為目標受眾服務。素馬設計通過理解用戶的心理,以及應用 UX 最佳實踐,可以為他們提供積極而難忘的體驗。我們整理了本指南,以幫助您完成 UX 設計過程——每一步。
UX 設計過程旨在提供更好的 Web 體驗
用戶體驗設計塑造了網站的數字景觀——引導人們通過它的廣闊空間,并給他們一些影響他們感受的東西。視覺效果、內容、結構和導航都融合在一起,為用戶帶來難忘的體驗。
最終用戶是 UX 的中心。如果某人能夠輕松找到他們正在尋找的信息,那么他們已經完成了他們的目標并且可能會再次返回。
UX 關注最終用戶的動機。他們為什么決定查看一個網站?他們在尋找什么信息?對于他們可能面臨的問題,他們有什么解決方案?UX 著眼于用戶的思想,以最簡單的方式定制一種體驗,為他們提供他們所追求的東西。
導航選項、按鈕、號召性用語和其他交互等設計元素讓用戶在設計中穿梭——內容充實了內容。用戶體驗設計為所有這些提供了意圖,將用戶引導到他們需要去的地方和他們應該學習的東西。
任何關于用戶體驗的討論都必須提到用戶界面設計。UI(用戶界面)關注設計的細節,涉及從使用的排版到按鈕的外觀和其他交互的所有內容。UX 設計與 UI 設計不同,它從這些細節中抽身出來,專注于人們將如何聯系和參與產品設計。用戶體驗設計師會考慮人們對網頁設計的需求,并在設計階段構建滿足這些期望的體驗。
用戶體驗設計:了解什么是重要的
用戶體驗和品牌齊頭并進
品牌和用戶體驗有著共生關系。知名品牌的聲譽可能會因用戶體驗糟糕的網站而受損。相反,一家新興公司可以從易于導航和功能性體驗中獲得提升。品牌和用戶體驗是關于感知的,兩者必須保持一致才能使企業成功。交互設計
例如Mailchimp 的品牌圍繞著古怪,結合他們產品的直接實用性。他們的網站捕捉到了他們品牌形象的雙重性,在樂趣和信息之間取得了恰到好處的平衡。
在 UX 設計過程的開始,以及整個產品開發過程中,UX 設計師必須關注企業的品牌以及如何在設計中傳達它。
業務目標是 UX 流程的一部分
新的商業網站或重新設計必須符合商業戰略。內容和功能必須結合在一起才能發展出令人難忘的品牌。必須有指導用戶體驗設計過程的原因,并理解為什么需要完成這項工作。一個設計團隊,一個開發團隊,不僅需要是設計思維方面的專家,還需要了解公司更大的營銷目標。
如果是重新設計,看看哪些有效,哪些需要改進??紤]缺少什么,以及設計改進的用戶體驗如何幫助解決這些問題。
對于任何網站,無論是全新的還是需要調整的預先存在的頁面,確定您希望用戶采取的操作類型,無論是購買產品、注冊服務還是請求更多信息。
UX 將用戶置于可用性中
直觀的導航、入職用戶體驗和邏輯結構使人們可以無障礙地進行交互并在設計中找到自己的方式。UX 提供了允許順暢流動的指南,而不是復雜且令人沮喪的指南。
UX 設計師擁有廣泛的設計技能集,使他們能夠構建真正用戶將遵循的結構??捎眯陨婕罢l、什么和何時。誰是用戶,什么是內容,什么時候是體驗視覺設計的順序和邏輯。
用戶體驗應該以同理心為指導
甚至在開始項目的開發過程之前,UX 設計師就需要設身處地為最終用戶著想。他們必須知道用戶的動機和痛點。設計師必須能夠通過用戶的眼睛看到一個網站,并預測他們應該通過它的最佳方式。他們需要把大量的碎片組裝起來,以一種對那些在其中導航的人來說有意義的方式。
用戶體驗設計師了解所有頁面如何整體組合在一起,同時從不忽略微觀層面每個頁面如何幫助人們實現用戶目標。
例如,這個素食食品訂閱Purple Carrot的網站具有簡潔的設計美學,反映了那些對健康食品選擇感興趣的人的生活方式。簡單的線條、充足的負空間和解釋他們食物健康的內容表明他們了解他們的人口統計和他們看重的東西。這里的重點是強調他們食物的健康性,這對于那些可能正在考慮注冊訂閱盒食品服務的人來說是一個優先事項。
了解觀眾意味著創造一種他們在滾動瀏覽時會發現有價值和享受的體驗。
“只有在你自己身上感受到他們,你才能理解他們。”
你想引進的人不僅僅是“用戶”。重要的是要了解他們的問題以及他們到達他們想去的地方的旅程。永遠不要只假設他人的需求。我們或許可以粗略地了解一下,但做 UX 研究會讓我們更準確地了解他們的實際興趣和愿望。
用戶研究和識別不同的用戶類型允許更專注于激光的開發過程。實際數據不是做出假設,而是告知如何將網站設計組合在一起以及需要集成哪些功能。
用戶研究消除了猜測,讓我們看到了真實的人所面臨的挑戰和期望。當公司不了解他們想要接觸的人時,就不會存在真正的同理心。
用戶研究應該持續進行
用戶研究提供了一個重要的起點,允許圍繞人們的希望進行設計,并通過為滿足他們的需求而定制的體驗來規避潛在的挫敗感。
用戶測試和研究永無止境。利益相關者的目標轉移、消費者習慣的改變和競爭都可能改變人們對設計的看法。兩年前讓人們滿意的網站現在可能效果不佳。用戶研究需要持續進行,以查看設計是否仍然與使用它的人相關。
從用戶研究中確定您要尋找的答案
最大化用戶研究意味著知道你所追求的問題和信息。像任何過程一樣,需要定義成功。如果沒有任何限制或措施,用戶研究可能會失控并成為其自身形式的范圍蔓延,從而使設計過程陷入困境。
網站是一種產品。你必須確定人們想要從中得到什么。
采訪真實的人
有什么比和他們在同一個房間里更好地與觀眾建立聯系的方式?用戶訪談通常會安排幾個人,讓他們在團隊成員觀察的同時瀏覽一個網站。了解人們如何互動,并讓他們實時為您提供反饋,可以查明設計可能存在的問題,并在設計上線之前告知需要進行的任何更改。
用戶訪談可以讓其他人揭露你在同一個項目上工作數周或數月后可能遺漏的事情。也許導航不像您想象的那么容易,或者人們錯過了 CTA。外部視角會讓您了解日常用戶在嘗試完成您希望他們完成的任務時可能遇到的問題。
創建用戶角色
基于您的用戶研究,角色構建了一個典型用戶可能是誰的粗略近似值。
這個用戶角色,例如以下這個網站例子中,用于旅行服務,列出了可能是普通用戶的所有重要統計數據。我們不僅可以了解他們可能是誰的背景信息,還可以了解他們感興趣的旅游產品或服務類型。
角色不是所有用戶的平均值,而是代表您可能受眾的一部分。定義角色將幫助您為您希望特定個人或團隊如何感知您的品牌創造最佳體驗。
進行調查
用戶調查和問卷調查也是收集重要數據的有效方式。他們有機會就人們正在尋找什么提出非常具體的問題,或者獲得關于特定設計的反饋,以及它是否提供了他們想要的東西。
調查可以收集特定數據——有/否答案、評級和其他可以編譯和分析的明確答案。
但除了這些數據點,調查還用于收集更多的定性信息??赡軙蛴脩粽故疽粡埧瞻装鍋硖顚懰麄兊南敕ê鸵庖?。這種長篇信息補充了編制的定量信息,并可以揭示尚未考慮的問題。
提出這些問題時,請記住,您不想引導人們找到您想要的答案。保持問題中立,不受你自己的意愿和偏見的影響。讓他們根據自己的偏見提供答案,而不是你的。
構建用戶流
在確定網頁設計的藍圖時,您需要知道您希望人們做什么以及他們需要采取哪些步驟。用戶流程提供了一個指南,顯示了用戶應該從登錄頁面到網站其他部分的一系列交互。了解您希望用戶采取的道路可以告知設計需要如何構建,您將需要構建線框和原型。
無論您是想說明某人將產品添加到購物車和結帳時將采取的步驟,還是他們將如何訪問有關給定主題的其他信息,用戶流都會顯示這些路徑上的每個點。有很多UX 設計工具可以幫助您勾勒出這些想法?;蛘?,你總是可以用筆和紙走模擬路線。
這個圖展示了人們如何與醫療應用程序交互,以及他們在導航時將采取的路徑和操作。
了解信息架構
我們的大腦更喜歡秩序而不是混亂。無論是我們正在閱讀的書、正在觀看的電影還是正在瀏覽的網站,我們都需要了解所傳達的內容。信息架構采用網頁設計的組件并將它們放在對體驗它的人有意義的排列中。
想象一下,您的內容就像袋子里的積木。打開它并把這些倒出來會導致一團糟。通過分析、分組和堆疊它們,您可以以一種有意義的方式將它們組合在一起。信息架構獲取內容,對其進行分類,并以對您和您的最終用戶有意義的方式將其組合在一起。
信息架構可以分為以下幾部分:
信息架構將內容安排到可管理的層次結構中。這個框架展示了人們將如何接受以邏輯順序呈現的想法。
創建線框
創建線框可為每個頁面提供藍圖,其中包含線條、網格和框等視覺指示器,顯示內容、圖像和其他元素的去向。它們可以是高分辨率的、細節豐富的,也可以是低分辨率的,每個頁面的布局稀疏、最小。無論是方框、線條和占位符文本的簡單地圖,還是更復雜的表示形式,線框為開發人員提供了構建網站所需遵循的結構。
線框圖還有另一個重要的功能,那就是溝通。它們是一種視覺工具,可以向每個人展示頁面的結構,無論他們的角色如何。
原型和模型
有些人混淆了線框、原型。所有這些都可能具有不同級別的功能。
線框以基本方式傳達設計中每個單獨頁面的布局和組織。盡管它們可能具有不同程度的復雜性,但它們通常沒有功能交互或藝術裝飾。它們的存在是為了展示每個頁面從一般角度來看的外觀。
原型功能幾乎完全實現了設計版本。導航、交互以及所有主要的視覺效果和內容塊都將到位。沒有必要擁有每一個元素,但用戶想要與之交互和體驗的一切都應該在那里。這意味著您希望用戶體驗的號召性用語按鈕、動畫和其他動態元素等功能已被集成。原型讓您獲得必要的反饋,并在上線之前進行調整和編輯。通過原型設計,您可以同時擁有低保真和高保真原型。低保真原型側重于功能而非視覺設計,而高保真原型側重于最終版本的外觀。
可用性測試
一旦你有了一個功能原型,就該進行可用性測試了。這意味著帶一個以前從未見過該設計的人,讓他們自由地經歷它。
可用性測試通常親自進行,也可以遠程進行。讓人們與您在同一個房間里可以讓您有機會了解人們對他們的網絡體驗的情感反應。它可以讓您獲得未經過濾的反饋,并查看設計中哪些有效,哪些無效。
需要為人們分配您希望他們執行的特定任務。如果它是一個電子商務網站,您可能會讓他們完成將商品添加到購物車并通過結帳的過程?;蛘?,也許您希望他們找到人們可能對您的產品或服務提出的常見問題的答案。了解用戶瀏覽內容的難易程度將為您提供有關設計的有效性以及需要進行的任何編輯或更改的大量信息。
可用性測試可以在設計過程中的任何時候進行,但在開始階段可能更有價值。重大更改更容易在早期進行,而不是在更完全構建后進行。與在設計的最后階段嘗試完成所有這些工作相比,在早期階段處理結構、導航和信息架構的變化需要更少的勞動強度。
讓您的用戶處于 UX 流程的中心
很容易被最新的趨勢和流行的網頁設計所吸引。但是素馬設計認為,與其嘗試擁有最時髦和最酷的網頁設計,不如創造一些永遠不會脫離最終用戶想要的東西。易用性、組織性和一致性都是影響人們如何體驗設計的因素。如果有一個收獲,那么用戶體驗本身就與同理心有關——確保為用戶提供獲得積極和充實體驗所需的東西。
如果您需要建設一個用戶喜歡的網站---素馬設計樂于為您服務。