探索創(chuàng)建有效且令人難忘的用戶體驗(yàn)所需的 UX 設(shè)計(jì)流程。

用戶體驗(yàn)設(shè)計(jì)過程始于了解業(yè)務(wù)目標(biāo)以及如何最好地為目標(biāo)受眾服務(wù)。設(shè)計(jì)通過理解用戶的心理，以及應(yīng)用 UX 最佳實(shí)踐，可以為他們提供積極而難忘的體驗(yàn)。我們整理了本指南，以幫助您完成 UX 設(shè)計(jì)過程——每一步。

UX 設(shè)計(jì)過程旨在提供更好的 Web 體驗(yàn)

用戶體驗(yàn)設(shè)計(jì)塑造了網(wǎng)站的數(shù)字景觀——引導(dǎo)人們通過它的廣闊空間，并給他們一些影響他們感受的東西。視覺效果、內(nèi)容、結(jié)構(gòu)和導(dǎo)航都融合在一起，為用戶帶來難忘的體驗(yàn)。

最終用戶是 UX 的中心。如果某人能夠輕松找到他們正在尋找的信息，那么他們已經(jīng)完成了他們的目標(biāo)并且可能會(huì)再次返回。

UX 關(guān)注最終用戶的動(dòng)機(jī)。他們?yōu)槭裁礇Q定查看一個(gè)網(wǎng)站？他們?cè)趯ふ沂裁葱畔?？?duì)于他們可能面臨的問題，他們有什么解決方案？UX 著眼于用戶的思想，以最簡(jiǎn)單的方式定制一種體驗(yàn)，為他們提供他們所追求的東西。

導(dǎo)航選項(xiàng)、按鈕、號(hào)召性用語和其他交互等設(shè)計(jì)元素讓用戶在設(shè)計(jì)中穿梭——內(nèi)容充實(shí)了內(nèi)容。用戶體驗(yàn)設(shè)計(jì)為所有這些提供了意圖，將用戶引導(dǎo)到他們需要去的地方和他們應(yīng)該學(xué)習(xí)的東西。

任何關(guān)于用戶體驗(yàn)的討論都必須提到用戶界面設(shè)計(jì)。UI（用戶界面）關(guān)注設(shè)計(jì)的細(xì)節(jié)，涉及從使用的排版到按鈕的外觀和其他交互的所有內(nèi)容。UX 設(shè)計(jì)與 UI 設(shè)計(jì)不同，它從這些細(xì)節(jié)中抽身出來，專注于人們將如何聯(lián)系和參與產(chǎn)品設(shè)計(jì)。用戶體驗(yàn)設(shè)計(jì)師會(huì)考慮人們對(duì)網(wǎng)頁設(shè)計(jì)的需求，并在設(shè)計(jì)階段構(gòu)建滿足這些期望的體驗(yàn)。

用戶體驗(yàn)設(shè)計(jì)：了解什么是重要的

用戶體驗(yàn)和品牌齊頭并進(jìn)

品牌和用戶體驗(yàn)有著共生關(guān)系。知名品牌的聲譽(yù)可能會(huì)因用戶體驗(yàn)糟糕的網(wǎng)站而受損。相反，一家新興公司可以從易于導(dǎo)航和功能性體驗(yàn)中獲得提升。品牌和用戶體驗(yàn)是關(guān)于感知的，兩者必須保持一致才能使企業(yè)成功。交互設(shè)計(jì)

例如Mailchimp 的品牌圍繞著古怪，結(jié)合他們產(chǎn)品的直接實(shí)用性。他們的網(wǎng)站捕捉到了他們品牌形象的雙重性，在樂趣和信息之間取得了恰到好處的平衡。

在 UX 設(shè)計(jì)過程的開始，以及整個(gè)產(chǎn)品開發(fā)過程中，UX 設(shè)計(jì)師必須關(guān)注企業(yè)的品牌以及如何在設(shè)計(jì)中傳達(dá)它。

業(yè)務(wù)目標(biāo)是 UX 流程的一部分

新的商業(yè)網(wǎng)站或重新設(shè)計(jì)必須符合商業(yè)戰(zhàn)略。內(nèi)容和功能必須結(jié)合在一起才能發(fā)展出令人難忘的品牌。必須有指導(dǎo)用戶體驗(yàn)設(shè)計(jì)過程的原因，并理解為什么需要完成這項(xiàng)工作。一個(gè)設(shè)計(jì)團(tuán)隊(duì)，一個(gè)開發(fā)團(tuán)隊(duì)，不僅需要是設(shè)計(jì)思維方面的專家，還需要了解公司更大的營(yíng)銷目標(biāo)。

如果是重新設(shè)計(jì)，看看哪些有效，哪些需要改進(jìn)?？紤]缺少什么，以及設(shè)計(jì)改進(jìn)的用戶體驗(yàn)如何幫助解決這些問題。

對(duì)于任何網(wǎng)站，無論是全新的還是需要調(diào)整的預(yù)先存在的頁面，確定您希望用戶采取的操作類型，無論是購買產(chǎn)品、注冊(cè)服務(wù)還是請(qǐng)求更多信息。

UX 將用戶置于可用性中

直觀的導(dǎo)航、入職用戶體驗(yàn)和邏輯結(jié)構(gòu)使人們可以無障礙地進(jìn)行交互并在設(shè)計(jì)中找到自己的方式。UX 提供了允許順暢流動(dòng)的指南，而不是復(fù)雜且令人沮喪的指南。

UX 設(shè)計(jì)師擁有廣泛的設(shè)計(jì)技能集，使他們能夠構(gòu)建真正用戶將遵循的結(jié)構(gòu)?？捎眯陨婕罢l、什么和何時(shí)。誰是用戶，什么是內(nèi)容，什么時(shí)候是體驗(yàn)視覺設(shè)計(jì)的順序和邏輯。

用戶體驗(yàn)應(yīng)該以同理心為指導(dǎo)

甚至在開始項(xiàng)目的開發(fā)過程之前，UX 設(shè)計(jì)師就需要設(shè)身處地為最終用戶著想。他們必須知道用戶的動(dòng)機(jī)和痛點(diǎn)。設(shè)計(jì)師必須能夠通過用戶的眼睛看到一個(gè)網(wǎng)站，并預(yù)測(cè)他們應(yīng)該通過它的最佳方式。他們需要把大量的碎片組裝起來，以一種對(duì)那些在其中導(dǎo)航的人來說有意義的方式。

用戶體驗(yàn)設(shè)計(jì)師了解所有頁面如何整體組合在一起，同時(shí)從不忽略微觀層面每個(gè)頁面如何幫助人們實(shí)現(xiàn)用戶目標(biāo)。

例如，這個(gè)素食食品訂閱Purple Carrot的網(wǎng)站具有簡(jiǎn)潔的設(shè)計(jì)美學(xué)，反映了那些對(duì)健康食品選擇感興趣的人的生活方式。簡(jiǎn)單的線條、充足的負(fù)空間和解釋他們食物健康的內(nèi)容表明他們了解他們的人口統(tǒng)計(jì)和他們看重的東西。這里的重點(diǎn)是強(qiáng)調(diào)他們食物的健康性，這對(duì)于那些可能正在考慮注冊(cè)訂閱盒食品服務(wù)的人來說是一個(gè)優(yōu)先事項(xiàng)。

了解觀眾意味著創(chuàng)造一種他們?cè)跐L動(dòng)瀏覽時(shí)會(huì)發(fā)現(xiàn)有價(jià)值和享受的體驗(yàn)。

“只有在你自己身上感受到他們，你才能理解他們?！?

你想引進(jìn)的人不僅僅是“用戶”。重要的是要了解他們的問題以及他們到達(dá)他們想去的地方的旅程。永遠(yuǎn)不要只假設(shè)他人的需求。我們或許可以粗略地了解一下，但做 UX 研究會(huì)讓我們更準(zhǔn)確地了解他們的實(shí)際興趣和愿望。

用戶研究和識(shí)別不同的用戶類型允許更專注于激光的開發(fā)過程。實(shí)際數(shù)據(jù)不是做出假設(shè)，而是告知如何將網(wǎng)站設(shè)計(jì)組合在一起以及需要集成哪些功能。

用戶研究消除了猜測(cè)，讓我們看到了真實(shí)的人所面臨的挑戰(zhàn)和期望。當(dāng)公司不了解他們想要接觸的人時(shí)，就不會(huì)存在真正的同理心。

用戶研究應(yīng)該持續(xù)進(jìn)行

用戶研究提供了一個(gè)重要的起點(diǎn)，允許圍繞人們的希望進(jìn)行設(shè)計(jì)，并通過為滿足他們的需求而定制的體驗(yàn)來規(guī)避潛在的挫敗感。

用戶測(cè)試和研究永無止境。利益相關(guān)者的目標(biāo)轉(zhuǎn)移、消費(fèi)者習(xí)慣的改變和競(jìng)爭(zhēng)都可能改變?nèi)藗儗?duì)設(shè)計(jì)的看法。兩年前讓人們滿意的網(wǎng)站現(xiàn)在可能效果不佳。用戶研究需要持續(xù)進(jìn)行，以查看設(shè)計(jì)是否仍然與使用它的人相關(guān)。

從用戶研究中確定您要尋找的答案

最大化用戶研究意味著知道你所追求的問題和信息。像任何過程一樣，需要定義成功。如果沒有任何限制或措施，用戶研究可能會(huì)失控并成為其自身形式的范圍蔓延，從而使設(shè)計(jì)過程陷入困境。

網(wǎng)站是一種產(chǎn)品。你必須確定人們想要從中得到什么。

采訪真實(shí)的人

有什么比和他們?cè)谕粋€(gè)房間里更好地與觀眾建立聯(lián)系的方式？用戶訪談通常會(huì)安排幾個(gè)人，讓他們?cè)趫F(tuán)隊(duì)成員觀察的同時(shí)瀏覽一個(gè)網(wǎng)站。了解人們?nèi)绾位?dòng)，并讓他們實(shí)時(shí)為您提供反饋，可以查明設(shè)計(jì)可能存在的問題，并在設(shè)計(jì)上線之前告知需要進(jìn)行的任何更改。

用戶訪談可以讓其他人揭露你在同一個(gè)項(xiàng)目上工作數(shù)周或數(shù)月后可能遺漏的事情。也許導(dǎo)航不像您想象的那么容易，或者人們錯(cuò)過了 CTA。外部視角會(huì)讓您了解日常用戶在嘗試完成您希望他們完成的任務(wù)時(shí)可能遇到的問題。

創(chuàng)建用戶角色

基于您的用戶研究，角色構(gòu)建了一個(gè)典型用戶可能是誰的粗略近似值。

這個(gè)用戶角色，例如以下這個(gè)網(wǎng)站例子中，用于旅行服務(wù)，列出了可能是普通用戶的所有重要統(tǒng)計(jì)數(shù)據(jù)。我們不僅可以了解他們可能是誰的背景信息，還可以了解他們感興趣的旅游產(chǎn)品或服務(wù)類型。

角色不是所有用戶的平均值，而是代表您可能受眾的一部分。定義角色將幫助您為您希望特定個(gè)人或團(tuán)隊(duì)如何感知您的品牌創(chuàng)造最佳體驗(yàn)。

進(jìn)行調(diào)查

用戶調(diào)查和問卷調(diào)查也是收集重要數(shù)據(jù)的有效方式。他們有機(jī)會(huì)就人們正在尋找什么提出非常具體的問題，或者獲得關(guān)于特定設(shè)計(jì)的反饋，以及它是否提供了他們想要的東西。

調(diào)查可以收集特定數(shù)據(jù)——有/否答案、評(píng)級(jí)和其他可以編譯和分析的明確答案。

但除了這些數(shù)據(jù)點(diǎn)，調(diào)查還用于收集更多的定性信息?？赡軙?huì)向用戶展示一張空白板來填寫他們的想法和意見。這種長(zhǎng)篇信息補(bǔ)充了編制的定量信息，并可以揭示尚未考慮的問題。

提出這些問題時(shí)，請(qǐng)記住，您不想引導(dǎo)人們找到您想要的答案。保持問題中立，不受你自己的意愿和偏見的影響。讓他們根據(jù)自己的偏見提供答案，而不是你的。

構(gòu)建用戶流

在確定網(wǎng)頁設(shè)計(jì)的藍(lán)圖時(shí)，您需要知道您希望人們做什么以及他們需要采取哪些步驟。用戶流程提供了一個(gè)指南，顯示了用戶應(yīng)該從登錄頁面到網(wǎng)站其他部分的一系列交互。了解您希望用戶采取的道路可以告知設(shè)計(jì)需要如何構(gòu)建，您將需要構(gòu)建線框和原型。

無論您是想說明某人將產(chǎn)品添加到購物車和結(jié)帳時(shí)將采取的步驟，還是他們將如何訪問有關(guān)給定主題的其他信息，用戶流都會(huì)顯示這些路徑上的每個(gè)點(diǎn)。有很多UX 設(shè)計(jì)工具可以幫助您勾勒出這些想法。或者，你總是可以用筆和紙走模擬路線。

這個(gè)圖展示了人們?nèi)绾闻c醫(yī)療應(yīng)用程序交互，以及他們?cè)趯?dǎo)航時(shí)將采取的路徑和操作。

了解信息架構(gòu)

我們的大腦更喜歡秩序而不是混亂。無論是我們正在閱讀的書、正在觀看的電影還是正在瀏覽的網(wǎng)站，我們都需要了解所傳達(dá)的內(nèi)容。信息架構(gòu)采用網(wǎng)頁設(shè)計(jì)的組件并將它們放在對(duì)體驗(yàn)它的人有意義的排列中。

想象一下，您的內(nèi)容就像袋子里的積木。打開它并把這些倒出來會(huì)導(dǎo)致一團(tuán)糟。通過分析、分組和堆疊它們，您可以以一種有意義的方式將它們組合在一起。信息架構(gòu)獲取內(nèi)容，對(duì)其進(jìn)行分類，并以對(duì)您和您的最終用戶有意義的方式將其組合在一起。

信息架構(gòu)可以分為以下幾部分：

• 識(shí)別：您需要哪些內(nèi)容來講述您的品牌故事？確定在傳達(dá)您想要傳達(dá)給聽眾的內(nèi)容時(shí)所必需的每一部分。
• 分類：對(duì)內(nèi)容進(jìn)行分類并弄清楚如何將其劃分到設(shè)計(jì)的組織中。
• 地圖：構(gòu)建和組織想法，顯示每個(gè)概念或內(nèi)容塊將如何導(dǎo)致下一個(gè)。

信息架構(gòu)將內(nèi)容安排到可管理的層次結(jié)構(gòu)中。這個(gè)框架展示了人們將如何接受以邏輯順序呈現(xiàn)的想法。

創(chuàng)建線框

創(chuàng)建線框可為每個(gè)頁面提供藍(lán)圖，其中包含線條、網(wǎng)格和框等視覺指示器，顯示內(nèi)容、圖像和其他元素的去向。它們可以是高分辨率的、細(xì)節(jié)豐富的，也可以是低分辨率的，每個(gè)頁面的布局稀疏、最小。無論是方框、線條和占位符文本的簡(jiǎn)單地圖，還是更復(fù)雜的表示形式，線框?yàn)殚_發(fā)人員提供了構(gòu)建網(wǎng)站所需遵循的結(jié)構(gòu)。

線框圖還有另一個(gè)重要的功能，那就是溝通。它們是一種視覺工具，可以向每個(gè)人展示頁面的結(jié)構(gòu)，無論他們的角色如何。

原型和模型

有些人混淆了線框、原型。所有這些都可能具有不同級(jí)別的功能。

線框以基本方式傳達(dá)設(shè)計(jì)中每個(gè)單獨(dú)頁面的布局和組織。盡管它們可能具有不同程度的復(fù)雜性，但它們通常沒有功能交互或藝術(shù)裝飾。它們的存在是為了展示每個(gè)頁面從一般角度來看的外觀。

原型功能幾乎完全實(shí)現(xiàn)了設(shè)計(jì)版本。導(dǎo)航、交互以及所有主要的視覺效果和內(nèi)容塊都將到位。沒有必要擁有每一個(gè)元素，但用戶想要與之交互和體驗(yàn)的一切都應(yīng)該在那里。這意味著您希望用戶體驗(yàn)的號(hào)召性用語按鈕、動(dòng)畫和其他動(dòng)態(tài)元素等功能已被集成。原型讓您獲得必要的反饋，并在上線之前進(jìn)行調(diào)整和編輯。通過原型設(shè)計(jì)，您可以同時(shí)擁有低保真和高保真原型。低保真原型側(cè)重于功能而非視覺設(shè)計(jì)，而高保真原型側(cè)重于最終版本的外觀。

可用性測(cè)試

一旦你有了一個(gè)功能原型，就該進(jìn)行可用性測(cè)試了。這意味著帶一個(gè)以前從未見過該設(shè)計(jì)的人，讓他們自由地經(jīng)歷它。

可用性測(cè)試通常親自進(jìn)行，也可以遠(yuǎn)程進(jìn)行。讓人們與您在同一個(gè)房間里可以讓您有機(jī)會(huì)了解人們對(duì)他們的網(wǎng)絡(luò)體驗(yàn)的情感反應(yīng)。它可以讓您獲得未經(jīng)過濾的反饋，并查看設(shè)計(jì)中哪些有效，哪些無效。

需要為人們分配您希望他們執(zhí)行的特定任務(wù)。如果它是一個(gè)電子商務(wù)網(wǎng)站，您可能會(huì)讓他們完成將商品添加到購物車并通過結(jié)帳的過程?；蛘?，也許您希望他們找到人們可能對(duì)您的產(chǎn)品或服務(wù)提出的常見問題的答案。了解用戶瀏覽內(nèi)容的難易程度將為您提供有關(guān)設(shè)計(jì)的有效性以及需要進(jìn)行的任何編輯或更改的大量信息。

可用性測(cè)試可以在設(shè)計(jì)過程中的任何時(shí)候進(jìn)行，但在開始階段可能更有價(jià)值。重大更改更容易在早期進(jìn)行，而不是在更完全構(gòu)建后進(jìn)行。與在設(shè)計(jì)的最后階段嘗試完成所有這些工作相比，在早期階段處理結(jié)構(gòu)、導(dǎo)航和信息架構(gòu)的變化需要更少的勞動(dòng)強(qiáng)度。

讓您的用戶處于 UX 流程的中心

很容易被最新的趨勢(shì)和流行的網(wǎng)頁設(shè)計(jì)所吸引。但是設(shè)計(jì)認(rèn)為，與其嘗試擁有最時(shí)髦和最酷的網(wǎng)頁設(shè)計(jì)，不如創(chuàng)造一些永遠(yuǎn)不會(huì)脫離最終用戶想要的東西。易用性、組織性和一致性都是影響人們?nèi)绾误w驗(yàn)設(shè)計(jì)的因素。如果有一個(gè)收獲，那么用戶體驗(yàn)本身就與同理心有關(guān)——確保為用戶提供獲得積極和充實(shí)體驗(yàn)所需的東西。

如果您需要建設(shè)一個(gè)用戶喜歡的網(wǎng)站---設(shè)計(jì)樂于為您服務(wù)。