什么是用戶體驗(yàn)？UX設(shè)計(jì)流程。
您知道用戶體驗(yàn)對于設(shè)計(jì)良好的 UX 網(wǎng)站的成功至關(guān)重要。這意味著您的客戶可以順利使用您的網(wǎng)站。這將導(dǎo)致您獲得更多轉(zhuǎn)化。您的客戶感覺不好，轉(zhuǎn)而去競爭對手的網(wǎng)站。那么什么是好的 UX 設(shè)計(jì)呢？歡迎來到用戶體驗(yàn)設(shè)計(jì)流程。
UX 設(shè)計(jì)過程是一種逐步構(gòu)建網(wǎng)站或應(yīng)用程序的方法，我們將用戶體驗(yàn)建立在設(shè)計(jì)決策的基礎(chǔ)上。這意味著您可以在整個(gè)創(chuàng)建過程中優(yōu)化網(wǎng)站的用戶體驗(yàn)。
但該過程可能會根據(jù)您所從事的項(xiàng)目類型和您的經(jīng)驗(yàn)水平而改變。事實(shí)上，每個(gè)人都需要不同的用戶體驗(yàn)設(shè)計(jì)時(shí)間來使網(wǎng)站成功。那么你怎么知道哪些步驟真的很重要呢？
在本文中，我們概述了每個(gè)項(xiàng)目必不可少的四個(gè)步驟，無論您希望開發(fā)網(wǎng)站的專業(yè)人士是誰。我們將在每一步為您提供實(shí)用建議，以便您可以從頭到尾構(gòu)建個(gè)性化網(wǎng)站。
在開始之前……
用戶體驗(yàn)設(shè)計(jì)可以非常高效。如果你從正確的想法開始?在您深入研究 UX 設(shè)計(jì)過程之前，您應(yīng)該在整個(gè)網(wǎng)站構(gòu)建過程中牢記一些原則：
觀眾永遠(yuǎn)是第一位的。
網(wǎng)站設(shè)計(jì)，我們會主要看用戶的角度。當(dāng)我們跟蹤查看工作是否正確時(shí)，這非常容易。這些都源于企業(yè)想要告訴用戶的內(nèi)容。用戶想要什么？或者用戶做什么
商業(yè)目標(biāo)很重要。但這將是一個(gè)非常好的主意。如果我們開發(fā)網(wǎng)絡(luò)來幫助用戶實(shí)現(xiàn)他們的目標(biāo)，例如，如果您想提高參與度，則需要專注于為用戶開發(fā)網(wǎng)絡(luò)。易于使用，有趣，易于閱讀，得到他們真正想要的。
溝通與協(xié)作
當(dāng)你開始設(shè)計(jì)用戶體驗(yàn)時(shí)，把所有東西放在一起。構(gòu)建您的網(wǎng)站涉及各個(gè)領(lǐng)域的專業(yè)知識，因此無論您擁有 2 人還是 200 人的團(tuán)隊(duì)，讓每個(gè)人都在同一頁面上并提供反饋是一個(gè)很好的做法。這意味著您將專注于相同的目標(biāo)，并且您將從各種想法中受益。
同樣，如果愿意，與團(tuán)隊(duì)外的專家合作也是無害的。獲得專業(yè)幫助的好處?除了你的熟練程度?專業(yè)的設(shè)計(jì)師和開發(fā)人員會給你新的視角，并指出你不感興趣的問題。（因?yàn)槟汶x項(xiàng)目太近了）
測試、改進(jìn)和再次測試
好的用戶體驗(yàn)設(shè)計(jì)需要重復(fù)——在每一步中多次測試和改進(jìn)你的設(shè)計(jì)，以使其完美。
而一些設(shè)計(jì)師選擇在過程的最后進(jìn)行實(shí)驗(yàn)。但最好的做法是盡快開始測試。會及早發(fā)現(xiàn)問題并且更容易修復(fù)?由于預(yù)算和時(shí)間的限制，您無法將每個(gè)版本的設(shè)計(jì)交付給最終用戶。但會嘗試根據(jù)要求獲得反饋。
網(wǎng)站UX 設(shè)計(jì)流程的 4 個(gè)步驟
研究——你的用戶是誰，他們想要什么？
分析——分析用戶目標(biāo)?然后提出想法來設(shè)計(jì)一個(gè)響應(yīng)用戶的網(wǎng)站。
設(shè)計(jì)和可用性測試——設(shè)計(jì)和可用性測試——設(shè)計(jì)結(jié)構(gòu)和布局，然后將其調(diào)整到接近完成。并立即測試
評估- 評估我們網(wǎng)站的表現(xiàn)的過程。哪里有缺陷
研究
在開始設(shè)計(jì)之前?你必須了解你的目標(biāo)受眾。是什么驅(qū)使他們訪問您的網(wǎng)站？檢查您的競爭對手也是一個(gè)好主意。因此，您可以了解競爭對手如何響應(yīng)其用戶的需求。
用戶研究將有助于消除您最初對客戶所做的任何假設(shè)。它使您可以看到用戶的需求與您的需求不同。曾經(jīng)使用過一個(gè)應(yīng)用程序并被你不想要的這么多選項(xiàng)弄糊涂了嗎？那是糟糕的用戶研究。你越了解你的用戶想要什么，你就能給他們越多。
所以你會怎么做？
客戶統(tǒng)計(jì)統(tǒng)計(jì)客戶端
讓我們從電子郵件列表和 Google Analytics 中查看客戶數(shù)據(jù)，以查找一般客戶數(shù)據(jù)，例如年齡、性別和收入。用戶調(diào)查在此階段也很有幫助。我們將能夠知道誰是正確的目標(biāo)受眾，誰不是。
訪談和焦點(diǎn)小組?
訪談和小組討論等定性研究將幫助您真正了解您的用戶。當(dāng)他們訪問您的網(wǎng)站時(shí)，您可以了解他們的態(tài)度、信念、動機(jī)和期望。如果你有限制?時(shí)間和預(yù)算?您可以通過電話或 Skype 進(jìn)行面試。
檢查當(dāng)前用戶行為?
如果您要重新設(shè)計(jì)網(wǎng)站，請通過對現(xiàn)有網(wǎng)站的網(wǎng)絡(luò)分析來監(jiān)控用戶行為，以確定需要更改的內(nèi)容。一位用戶嘗試在移動設(shè)備上訪問您的網(wǎng)站，但遇到了以下問題?新版面？他們是否在轉(zhuǎn)換發(fā)生前離開了特定頁面？?
競爭對手研究
最后，最好檢查一下您的競爭對手。他們?yōu)橛^眾提供了什么？您如何才能更好地向用戶提供它們？訪問競爭對手的網(wǎng)站也是一個(gè)好主意。擁有與用戶相同的體驗(yàn)
分析
這是研究您選擇的關(guān)鍵字的結(jié)果的階段，以確定一般用戶的性質(zhì)及其訪問您網(wǎng)站時(shí)的主要目標(biāo)。之后，您可以將所學(xué)內(nèi)容建立在您的網(wǎng)站設(shè)計(jì)理念上。
所以你會怎么做？
用戶畫像?
從您收集的信息中?創(chuàng)建3-5個(gè)用戶的特征：假設(shè)一個(gè)虛擬用戶。這些將幫助您在設(shè)計(jì)網(wǎng)站時(shí)關(guān)注您的用戶。
創(chuàng)建用戶特征?看看你的人口統(tǒng)計(jì)數(shù)據(jù)并回顧你的面試中最常表達(dá)的目標(biāo)和期望。設(shè)置你的姓名、年齡、職業(yè)和背景。包括他們希望從您的網(wǎng)站流量中實(shí)現(xiàn)的目標(biāo)。
情景地圖情況
然后為每個(gè)人創(chuàng)建一個(gè)場景：他們實(shí)現(xiàn)目標(biāo)所需的時(shí)間。他有多少種方法？你可以使用便利貼、流程圖或其他任何東西，并將其形象化在故事板上。這是表達(dá)想法的基本方法。你可以看到用戶?您如何使用您的網(wǎng)站以及您想要或不想要什么？
在每項(xiàng)行動中，寫下使每一步更容易的想法。包括什么令人沮喪以及如何解決它。確定哪種布局是好的或哪些功能是有用的。
在您訪問網(wǎng)站的每一步都考慮您的受眾的期望。與其他網(wǎng)站相比?執(zhí)行與其他網(wǎng)站相同的步驟并沒有錯(cuò)。如果它適合你的觀眾
設(shè)計(jì)和可用性測試
設(shè)計(jì)和可用性測試?用戶操作現(xiàn)已創(chuàng)建并歸于他們。那么您準(zhǔn)備好設(shè)計(jì)您的網(wǎng)站了嗎？
讓我們從網(wǎng)站的基礎(chǔ)開始：如何組織每個(gè)頁面上的內(nèi)容？以及如何將這些網(wǎng)頁鏈接在一起以便于使用？
一旦您完善了這一點(diǎn)，您就可以繼續(xù)開發(fā)交互式原型。您可以在此處進(jìn)行一系列可用性測試，以改進(jìn)設(shè)計(jì)的性能并建立網(wǎng)站的視覺元素。
好的，現(xiàn)在我們正在為這一步做好準(zhǔn)備。兩者都分析各種數(shù)據(jù)，Keyword，User。接下來，是時(shí)候嘗試創(chuàng)建一個(gè)像真正使用的Prototype了。在這里，您可以測試以前在各種場景中設(shè)計(jì)的功能，并查看它如何執(zhí)行和完成改進(jìn)。然后再測試
所以你會怎么做？
線框
線框是簡單的網(wǎng)頁截圖，顯示了各個(gè)部分的位置。線框顯示了內(nèi)容在每個(gè)頁面上的排列方式。顯示網(wǎng)站的結(jié)構(gòu)?頁面連接?查看不同的類別。您可以檢查網(wǎng)絡(luò)結(jié)構(gòu)是否有效。通過一次繪制一個(gè)步驟?像真實(shí)用戶一樣模擬?看看用戶能否實(shí)現(xiàn)他想要的。
我們可以用手或計(jì)算機(jī)程序開始繪制線框。事實(shí)上，根據(jù)各種測試結(jié)果的反饋，Wireframe 有多個(gè)版本。找到最好的網(wǎng)站工作流程
在每個(gè)版本的測試中，為您的參與者設(shè)定一個(gè)要實(shí)現(xiàn)的目標(biāo)，并觀察他們與您的大綱互動。征求測試人員的反饋?因此，您可以了解他們的期望，并找出他們對網(wǎng)頁瀏覽感到不滿的地方。
原型制作
一旦您完善了您的布局，您就可以將您的設(shè)計(jì)開發(fā)成原型?？捎糜谔摂M現(xiàn)實(shí)
有許多原型創(chuàng)建工具可以幫助您自定義 Visual Element、Transition 或其他任何內(nèi)容。在這一步中，我們關(guān)注必須與相同功能交互的原型。
真正的工作，因?yàn)檫@是讓用戶最了解的東西。可以看到他們使用的網(wǎng)站最喜歡或不喜歡的?哪里有缺陷
可用性測試工具
當(dāng)我們創(chuàng)建一個(gè)可以虛擬工作的原型時(shí)?這實(shí)際上更便宜且耗時(shí)更少。網(wǎng)絡(luò)代碼真的出現(xiàn)了。在這里，您可以將您的設(shè)計(jì)放入可用性測試過程中。
讓用戶測試和衡量您的原型是否易于使用，并尋求反饋以提供見解和改進(jìn)的想法。
最受歡迎的工具是熱圖，它顯示您網(wǎng)站上獲得最多點(diǎn)擊的區(qū)域。所以你可以看到什么最受關(guān)注。記錄人們與原型交互的會話是分析設(shè)計(jì)有效性的另一種方法。此信息可幫助您了解用戶首先獲取哪些元素。它還可以告訴您問題，例如被誤認(rèn)為鏈接的圖像。
測試后，審查結(jié)果并在每個(gè)錯(cuò)誤中改進(jìn)原型。再次測試?檢查已經(jīng)完成的開發(fā)，看看它是否表現(xiàn)良好。在每個(gè)原型中重復(fù)此操作將有助于密封孔。并讓它運(yùn)作良好
評價(jià)
完成設(shè)計(jì)后接下來是實(shí)際的網(wǎng)站設(shè)計(jì)。但是，即使您的設(shè)計(jì)將在任何平臺上開發(fā)，您也必須檢查工作何時(shí)完成。設(shè)計(jì)是否正確。即使是設(shè)計(jì)良好的網(wǎng)站在發(fā)布后也需要定制。圖標(biāo)是否必須更加突出？是否有比您預(yù)期的更受歡迎并且可以擴(kuò)展到其他領(lǐng)域的功能？在這里，您將微調(diào)您的網(wǎng)站以對其進(jìn)行最后的潤色。
那么如何在 UX 設(shè)計(jì)過程中做得更好呢？
可用性測試
在您打開網(wǎng)站之前?您應(yīng)該從頭開始重新測試，包括原型、熱圖和會話記錄，以確保網(wǎng)站性能。包括編寫有效的代碼。
當(dāng)網(wǎng)站實(shí)際運(yùn)行時(shí)?您需要更改測試工具以跟蹤用戶的使用情況。除了設(shè)計(jì)時(shí)的虛構(gòu)用戶數(shù)據(jù)外，您還可以在此處獲取信息。了解如何解決客戶遇到的意外問題。
網(wǎng)站分析
在您的新網(wǎng)站獲得足夠的流量后，您可以查看您的量化指標(biāo)（例如轉(zhuǎn)化次數(shù)），以處理可能導(dǎo)致某些用戶關(guān)閉網(wǎng)頁的問題。網(wǎng)絡(luò)分析還可以幫助您跟蹤用戶人口統(tǒng)計(jì)數(shù)據(jù)。您的增強(qiáng)型網(wǎng)站是否擴(kuò)大了您的客戶群？搜索，您可以修改您的營銷以吸引新的受眾。
用戶反饋調(diào)查
就像您在設(shè)計(jì)過程開始時(shí)所做的那樣，使用調(diào)查可以讓您深入了解客戶在使用您的網(wǎng)站時(shí)的感受。將您的數(shù)據(jù)與您最初收集的研究進(jìn)行比較是評估改進(jìn)的好方法。
持續(xù)評估
隨著您的業(yè)務(wù)和用戶的需求會發(fā)生變化。您的網(wǎng)站也應(yīng)該開發(fā)。定期評估您的網(wǎng)站是個(gè)好主意。檢查是否有新功能?允許用戶方便地使用它?或者客戶想要什么功能
總結(jié)
這是創(chuàng)建一個(gè)網(wǎng)站的用戶體驗(yàn)設(shè)計(jì)過程。這不是很容易嗎？但是學(xué)起來也不是很難。為客戶提供最好的工作?以防止您的網(wǎng)站被放棄，加油！
快速搭建官方網(wǎng)站海量模板
3000+精美模板，100+行業(yè)覆蓋；不懂代碼也能快速搭建PC+平板+手機(jī)網(wǎng)站的建站系統(tǒng)；送域名送空間，幾千套模板，先開通后備案總有一款適合你！
