什么是用戶體驗(yàn)?網(wǎng)站UX設(shè)計(jì)流程的4個(gè)步驟

2023-02-20    分類: 網(wǎng)站建設(shè)

您知道用戶體驗(yàn)對(duì)于設(shè)計(jì)良好的 UX 網(wǎng)站的成功至關(guān)重要。這意味著您的客戶可以順利使用您的網(wǎng)站。這將導(dǎo)致您獲得更多轉(zhuǎn)化。您的客戶感覺不好,轉(zhuǎn)而去競(jìng)爭(zhēng)對(duì)手的網(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)。

但該過程可能會(huì)根據(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ì),我們會(huì)主要看用戶的角度。當(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è)知識(shí),因此無論您擁有 2 人還是 200 人的團(tuán)隊(duì),讓每個(gè)人都在同一頁面上并提供反饋是一個(gè)很好的做法。這意味著您將專注于相同的目標(biāo),并且您將從各種想法中受益。

同樣,如果愿意,與團(tuán)隊(duì)外的專家合作也是無害的。獲得專業(yè)幫助的好處除了你的熟練程度專業(yè)的設(shè)計(jì)師和開發(fā)人員會(huì)給你新的視角,并指出你不感興趣的問題。(因?yàn)槟汶x項(xiàng)目太近了)

測(cè)試、改進(jìn)和再次測(cè)試

好的用戶體驗(yàn)設(shè)計(jì)需要重復(fù)——在每一步中多次測(cè)試和改進(jìn)你的設(shè)計(jì),以使其好。

而一些設(shè)計(jì)師選擇在過程的最后進(jìn)行實(shí)驗(yàn)。但好的做法是盡快開始測(cè)試。會(huì)及早發(fā)現(xiàn)問題并且更容易修復(fù)由于預(yù)算和時(shí)間的限制,您無法將每個(gè)版本的設(shè)計(jì)交付給最終用戶。但會(huì)嘗試根據(jù)要求獲得反饋。

網(wǎng)站UX 設(shè)計(jì)流程的 4 個(gè)步驟

研究——你的用戶是誰,他們想要什么?

分析——分析用戶目標(biāo)然后提出想法來設(shè)計(jì)一個(gè)響應(yīng)用戶的網(wǎng)站。

設(shè)計(jì)和可用性測(cè)試——設(shè)計(jì)和可用性測(cè)試——設(shè)計(jì)結(jié)構(gòu)和布局,然后將其調(diào)整到接近完成。并立即測(cè)試

評(píng)估- 評(píng)估我們網(wǎng)站的表現(xiàn)的過程。哪里有缺陷

研究

在開始設(shè)計(jì)之前你必須了解你的目標(biāo)受眾。是什么驅(qū)使他們?cè)L問您的網(wǎng)站?檢查您的競(jìng)爭(zhēng)對(duì)手也是一個(gè)好主意。因此,您可以了解競(jìng)爭(zhēng)對(duì)手如何響應(yīng)其用戶的需求。

用戶研究將有助于消除您最初對(duì)客戶所做的任何假設(shè)。它使您可以看到用戶的需求與您的需求不同。曾經(jīng)使用過一個(gè)應(yīng)用程序并被你不想要的這么多選項(xiàng)弄糊涂了嗎?那是糟糕的用戶研究。你越了解你的用戶想要什么,你就能給他們?cè)蕉唷?/p>

所以你會(huì)怎么做?

客戶統(tǒng)計(jì)統(tǒng)計(jì)客戶端

讓我們從電子郵件列表和 Google Analytics 中查看客戶數(shù)據(jù),以查找一般客戶數(shù)據(jù),例如年齡、性別和收入。用戶調(diào)查在此階段也很有幫助。我們將能夠知道誰是正確的目標(biāo)受眾,誰不是。

訪談和焦點(diǎn)小組

訪談和小組討論等定性研究將幫助您真正了解您的用戶。當(dāng)他們?cè)L問您的網(wǎng)站時(shí),您可以了解他們的態(tài)度、信念、動(dòng)機(jī)和期望。如果你有限制時(shí)間和預(yù)算您可以通過電話或 Skype 進(jìn)行面試。

檢查當(dāng)前用戶行為

如果您要重新設(shè)計(jì)網(wǎng)站,請(qǐng)通過對(duì)現(xiàn)有網(wǎng)站的網(wǎng)絡(luò)分析來監(jiān)控用戶行為,以確定需要更改的內(nèi)容。一位用戶嘗試在移動(dòng)設(shè)備上訪問您的網(wǎng)站,但遇到了以下問題新版面?他們是否在轉(zhuǎn)換發(fā)生前離開了特定頁面?

競(jìng)爭(zhēng)對(duì)手研究

最后,好檢查一下您的競(jìng)爭(zhēng)對(duì)手。他們?yōu)橛^眾提供了什么?您如何才能更好地向用戶提供它們?訪問競(jìng)爭(zhēng)對(duì)手的網(wǎng)站也是一個(gè)好主意。擁有與用戶相同的體驗(yàn)

分析

這是研究您選擇的關(guān)鍵字的結(jié)果的階段,以確定一般用戶的性質(zhì)及其訪問您網(wǎng)站時(shí)的主要目標(biāo)。之后,您可以將所學(xué)內(nèi)容建立在您的網(wǎng)站設(shè)計(jì)理念上。

所以你會(huì)怎么做?

用戶畫像

從您收集的信息中創(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è)場(chǎng)景:他們實(shí)現(xiàn)目標(biāo)所需的時(shí)間。他有多少種方法?你可以使用便利貼、流程圖或其他任何東西,并將其形象化在故事板上。這是表達(dá)想法的基本方法。你可以看到用戶您如何使用您的網(wǎng)站以及您想要或不想要什么?

在每項(xiàng)行動(dòng)中,寫下使每一步更容易的想法。包括什么令人沮喪以及如何解決它。確定哪種布局是好的或哪些功能是有用的。

在您訪問網(wǎng)站的每一步都考慮您的受眾的期望。與其他網(wǎng)站相比執(zhí)行與其他網(wǎng)站相同的步驟并沒有錯(cuò)。如果它適合你的觀眾

設(shè)計(jì)和可用性測(cè)試

設(shè)計(jì)和可用性測(cè)試用戶操作現(xiàn)已創(chuàng)建并歸于他們。那么您準(zhǔn)備好設(shè)計(jì)您的網(wǎng)站了嗎?

讓我們從網(wǎng)站的基礎(chǔ)開始:如何組織每個(gè)頁面上的內(nèi)容?以及如何將這些網(wǎng)頁鏈接在一起以便于使用?

一旦您完善了這一點(diǎn),您就可以繼續(xù)開發(fā)交互式原型。您可以在此處進(jìn)行一系列可用性測(cè)試,以改進(jìn)設(shè)計(jì)的性能并建立網(wǎng)站的視覺元素。

好的,現(xiàn)在我們正在為這一步做好準(zhǔn)備。兩者都分析各種數(shù)據(jù),Keyword,User。接下來,是時(shí)候嘗試創(chuàng)建一個(gè)像真正使用的Prototype了。在這里,您可以測(cè)試以前在各種場(chǎng)景中設(shè)計(jì)的功能,并查看它如何執(zhí)行和完成改進(jìn)。然后再測(cè)試

所以你會(huì)怎么做?

線框

線框是簡(jiǎ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ù)各種測(cè)試結(jié)果的反饋,Wireframe 有多個(gè)版本。找到好的網(wǎng)站工作流程

在每個(gè)版本的測(cè)試中,為您的參與者設(shè)定一個(gè)要實(shí)現(xiàn)的目標(biāo),并觀察他們與您的大綱互動(dòng)。征求測(cè)試人員的反饋因此,您可以了解他們的期望,并找出他們對(duì)網(wǎng)頁瀏覽感到不滿的地方。

原型制作

一旦您完善了您的布局,您就可以將您的設(shè)計(jì)開發(fā)成原型??捎糜谔摂M現(xiàn)實(shí)

有許多原型創(chuàng)建工具可以幫助您自定義 Visual Element、Transition 或其他任何內(nèi)容。在這一步中,我們關(guān)注必須與相同功能交互的原型。

真正的工作,因?yàn)檫@是讓用戶最了解的東西??梢钥吹剿麄兪褂玫木W(wǎng)站最喜歡或不喜歡的哪里有缺陷

可用性測(cè)試工具

當(dāng)我們創(chuàng)建一個(gè)可以虛擬工作的原型時(shí)這實(shí)際上更便宜且耗時(shí)更少。網(wǎng)絡(luò)代碼真的出現(xiàn)了。在這里,您可以將您的設(shè)計(jì)放入可用性測(cè)試過程中。

讓用戶測(cè)試和衡量您的原型是否易于使用,并尋求反饋以提供見解和改進(jìn)的想法。

最受歡迎的工具是熱圖,它顯示您網(wǎng)站上獲得最多點(diǎn)擊的區(qū)域。所以你可以看到什么最受關(guān)注。記錄人們與原型交互的會(huì)話是分析設(shè)計(jì)有效性的另一種方法。此信息可幫助您了解用戶首先獲取哪些元素。它還可以告訴您問題,例如被誤認(rèn)為鏈接的圖像。

測(cè)試后,審查結(jié)果并在每個(gè)錯(cuò)誤中改進(jìn)原型。再次測(cè)試檢查已經(jīng)完成的開發(fā),看看它是否表現(xiàn)良好。在每個(gè)原型中重復(fù)此操作將有助于密封孔。并讓它運(yùn)作良好

評(píng)價(jià)

完成設(shè)計(jì)后接下來是實(shí)際的網(wǎng)站設(shè)計(jì)。但是,即使您的設(shè)計(jì)將在任何平臺(tái)上開發(fā),您也必須檢查工作何時(shí)完成。設(shè)計(jì)是否正確。即使是設(shè)計(jì)良好的網(wǎng)站在發(fā)布后也需要定制。圖標(biāo)是否必須更加突出?是否有比您預(yù)期的更受歡迎并且可以擴(kuò)展到其他領(lǐng)域的功能?在這里,您將微調(diào)您的網(wǎng)站以對(duì)其進(jìn)行最后的潤(rùn)色。

那么如何在 UX 設(shè)計(jì)過程中做得更好呢?

可用性測(cè)試

在您打開網(wǎng)站之前您應(yīng)該從頭開始重新測(cè)試,包括原型、熱圖和會(huì)話記錄,以確保網(wǎng)站性能。包括編寫有效的代碼。

當(dāng)網(wǎng)站實(shí)際運(yùn)行時(shí)您需要更改測(cè)試工具以跟蹤用戶的使用情況。除了設(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ò)大了您的客戶群?搜索,您可以修改您的營(yíng)銷以吸引新的受眾。

用戶反饋調(diào)查

就像您在設(shè)計(jì)過程開始時(shí)所做的那樣,使用調(diào)查可以讓您深入了解客戶在使用您的網(wǎng)站時(shí)的感受。將您的數(shù)據(jù)與您最初收集的研究進(jìn)行比較是評(píng)估改進(jìn)的好方法。

持續(xù)評(píng)估

隨著您的業(yè)務(wù)和用戶的需求會(huì)發(fā)生變化。您的網(wǎng)站也應(yīng)該開發(fā)。定期評(píng)估您的網(wǎng)站是個(gè)好主意。檢查是否有新功能允許用戶方便地使用它或者客戶想要什么功能

總結(jié)

這是創(chuàng)建一個(gè)網(wǎng)站的用戶體驗(yàn)設(shè)計(jì)過程。這不是很容易嗎?但是學(xué)起來也不是很難。為客戶提供好的工作以防止您的網(wǎng)站被放棄,加油!

網(wǎng)站名稱:什么是用戶體驗(yàn)?網(wǎng)站UX設(shè)計(jì)流程的4個(gè)步驟
轉(zhuǎn)載源于:http://muchs.cn/news8/238508.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供營(yíng)銷型網(wǎng)站建設(shè)、手機(jī)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)公司、品牌網(wǎng)站設(shè)計(jì)、移動(dòng)網(wǎng)站建設(shè)、外貿(mào)建站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站優(yōu)化排名