網(wǎng)站設(shè)計(jì)過程是一個(gè)考驗(yàn)設(shè)計(jì)師能力的環(huán)節(jié)，天權(quán)互動(dòng)在每次與客戶溝通過程中總結(jié)了一些經(jīng)驗(yàn)與體驗(yàn)，下面是關(guān)于網(wǎng)站用戶體驗(yàn)的幾點(diǎn)心得

“用戶體驗(yàn)的五要素”，這個(gè)方法論非常實(shí)用，可以讓你在思考中保持清晰思路，不懂產(chǎn)品的都可以按這個(gè)理論來實(shí)踐。而且適用于移動(dòng)端的UI設(shè)計(jì)，所以無論你做網(wǎng)站或者是APP設(shè)計(jì)，都可以參考本文來做用戶體驗(yàn)或交互，特別是本文中提到的組成用戶體驗(yàn)的五大因素。

上海網(wǎng)站建設(shè)用戶體驗(yàn)設(shè)計(jì) – 用戶體驗(yàn)的五大組成要素

一、明確的目標(biāo)：全面了解用戶重點(diǎn)需求充分挖掘用戶需求的內(nèi)容

開始確定優(yōu)化目標(biāo)之前，先問問自己：“我怎樣才能提供用戶所需，同時(shí)達(dá)成我的目標(biāo)？” 要回答這一問題，首先要了解用戶的目標(biāo)、自己的目標(biāo)分別是什么。全面的收集分析用戶的顯性需求，同時(shí)通過全方面的數(shù)據(jù)分析去挖掘隱性需求并結(jié)合自身目標(biāo)嘗試將之聯(lián)系起來思考，大致確定一個(gè)網(wǎng)頁呈現(xiàn)類型（博客文章、圖冊展示、電商購物等等）。我們需要考慮自己網(wǎng)站的核心產(chǎn)品和優(yōu)勢是什么，并且關(guān)注相關(guān)的領(lǐng)域優(yōu)秀的產(chǎn)品案例?？赡芪覀儠X得自己的網(wǎng)站在很多方面都很不錯(cuò)，但好的建議是：將重點(diǎn)放在一兩個(gè)核心優(yōu)勢上，重點(diǎn)關(guān)注擅長的領(lǐng)域提供優(yōu)質(zhì)的內(nèi)容。這樣為產(chǎn)品或者服務(wù)創(chuàng)作起來不會很累
在一切開始前，先問問自己下面一些問題：

l 用戶如何找到我的網(wǎng)站？
l 他們的來路特征是什么？
l 他們要找的具體是什么？
l 我能提供他們需要的內(nèi)容嗎？
l 他們是不是忘記了某些方面？
l 基于以上我想從用戶那里獲得什么？
l 我如何從用戶的行為中得到理想的回應(yīng)？

如果我們運(yùn)營著一個(gè)IT技術(shù)類資訊網(wǎng)站，在考慮完上述所有問題之后，可以得出的簡單結(jié)論如下：

l 大多數(shù)用戶來自搜索引擎
l 通過關(guān)鍵詞會直接進(jìn)入到文章頁面
l 用戶要找的是關(guān)鍵詞相關(guān)的具體內(nèi)容
l 我們在著陸頁為他們顯示整頁的詳細(xì)文章
l 雖然我們的網(wǎng)站提供相關(guān)的內(nèi)容但用戶似乎并不滿意他們應(yīng)該需要更多信息的幫助
l 我們的目標(biāo)是讓用戶參與互動(dòng)，停留更長時(shí)間，閱讀更多內(nèi)容，認(rèn)可網(wǎng)站的專注
l 真正的困難在于如何達(dá)到此目標(biāo)。我們可以向用戶證明網(wǎng)站上還有其他相關(guān)并且有價(jià)值的內(nèi)容，并鼓勵(lì)他們繼續(xù)閱讀。這可以通過在每篇文章底部或者右側(cè)邊欄放一些相關(guān)的或討論熱烈的文章列表來實(shí)現(xiàn)

二、清晰的結(jié)構(gòu)：根據(jù)自身業(yè)務(wù)主體設(shè)計(jì)一目了然的網(wǎng)頁信息結(jié)構(gòu)

無論用戶到達(dá)什么頁面，我們的網(wǎng)站應(yīng)該在短短幾秒之內(nèi)，通過個(gè)屏幕（即首屏）醒目的位置上吸引他們的注意力，并向他們展示我們主要提供的內(nèi)容。一般使用簡單的層級就可以建立清晰的網(wǎng)頁結(jié)構(gòu)，根據(jù)自身業(yè)務(wù)主體做好分類區(qū)分能夠很好的為用戶提供指引并突出我們希望他們看到的內(nèi)容。
需要注意的是網(wǎng)站的信息結(jié)構(gòu)。較好是采用一致的方式組織和顯示網(wǎng)站中的信息，這樣用戶可以從不熟悉的網(wǎng)頁中找到熟悉的網(wǎng)頁。如果網(wǎng)站結(jié)構(gòu)與用戶的預(yù)期不一致或者不符合邏輯，他們可能會無所適從，不知道接下來要去哪里。這會給用戶從整體上認(rèn)知網(wǎng)站帶來困擾，并導(dǎo)致他們離開網(wǎng)站。
合理使用下面這些簡單的網(wǎng)頁設(shè)計(jì)技巧可以讓網(wǎng)頁井井有條：
l 網(wǎng)格：使用簡單的網(wǎng)格安排網(wǎng)頁上的元素可以帶來組織有序的感覺
l 大小：大小是引導(dǎo)用戶的簡單的設(shè)計(jì)手段之一，要敢于使用大尺寸的醒目元素將用戶的注意力吸引到頁面中重要的信息上來
l 對比：并排顯示網(wǎng)頁上的元素時(shí)不妨試試不同的顏色、飽和度或透明度
l 對齊：相關(guān)的元素沿同一軸線排列，整體獲得協(xié)調(diào)感
l 首屏：以600像素作為首屏高度來設(shè)計(jì)獲得大兼容性
l 留白：在具體元素周圍留出空白區(qū)域，更加吸引眼球從而使用戶特別關(guān)注這些元素
l 字體：不要用兩種以上的字體和三種以上的顏色，保證一致性

三、多渠道的來路：多渠道與用戶建立聯(lián)系推出優(yōu)質(zhì)內(nèi)容吸引用戶

在前面的討論中，我們介紹：了解用戶需求，并向他們提供所需的內(nèi)容。您現(xiàn)在也許在想，該如何讓用戶一次又一次回頭光顧呢？畢竟，回頭客是線上和線下商家的生命線。為了使用戶再次光顧，單單回答他們的問題是不夠的，您需要一些吸引他們返回您網(wǎng)站的小道道。
這里介紹幾個(gè)方法也許可以幫助您將一次性的訪問者轉(zhuǎn)化為回頭客：
l 新增內(nèi)容：首先是重要的一點(diǎn)，您需要持續(xù)推出新穎優(yōu)質(zhì)的內(nèi)容。然后，您需要確保在熱門著陸頁上展示這些新內(nèi)容
l 相關(guān)內(nèi)容：向用戶顯示網(wǎng)站其他位置上的類似內(nèi)容。劃出一塊區(qū)域，提供網(wǎng)站上同一主題的熱門內(nèi)容的鏈接，以方便用戶瀏覽。這將可以吸引用戶瀏覽更多內(nèi)容
l 社交：讓用戶可以通過他們喜愛的社交網(wǎng)絡(luò)方便地與您交流互動(dòng)。所有主要社交網(wǎng)絡(luò)都提供了窗口小部件，您可以將它們放在網(wǎng)站上，方便用戶關(guān)注您。一旦吸引到了這樣的用戶，就一定要確保展示受歡迎的內(nèi)容，推動(dòng)他們不斷回訪
l 電子郵件：確保用戶可以訂閱您的電子郵件列表，以獲取更新和/或簡報(bào)
l 用戶參與：使用戶可以通過論壇、評分或推薦機(jī)制方便地與您的內(nèi)容互動(dòng)

四、簡捷的操作：以用戶為中心設(shè)計(jì)清晰明了的網(wǎng)站交互操作流程

確保用戶在我們的網(wǎng)站上總是知道下一步該執(zhí)行什么操作。當(dāng)用戶來到我們的網(wǎng)頁時(shí)，他們首先應(yīng)關(guān)注哪里、其次應(yīng)關(guān)注哪里，這些都應(yīng)該分的非常清晰。并且，無論是要點(diǎn)擊“購買”進(jìn)行購買還是閱讀更多相關(guān)文章，他們下一步要執(zhí)行的操作也應(yīng)簡便明了。
在制作有意義的宣傳用語時(shí)考慮以下幾點(diǎn)：
l 簡單：不要使用過多不同的操作打亂網(wǎng)頁。要認(rèn)真思考希望引導(dǎo)用戶執(zhí)行什么操作，并在設(shè)計(jì)中優(yōu)先考慮這些操作
l 突出：使用大小、顏色和對比或留白來突出宣傳廣告語
l 導(dǎo)航：有了它，無論用戶在哪個(gè)頁面中，用戶再也不會發(fā)生卡在這個(gè)頁面離不開的狀況。
l 排版：常見的網(wǎng)頁布局錯(cuò)誤之一是定義了不正確行高以及標(biāo)題margin值
l 激勵(lì)：激勵(lì)用戶執(zhí)行操作。在折扣、禮品、抽獎(jiǎng)或訪問更多內(nèi)容中，包含合理激勵(lì)
l 接近：務(wù)必將宣傳廣告語放在頁面的合理位置。例如，如果頁面的主要內(nèi)容是一篇文章，您將宣傳廣告語放在文章下面不要刻意干擾用戶閱讀

l 一致性：在整個(gè)網(wǎng)站顯示宣傳廣告語，并保持其外觀一致

五、思考用戶情景：考慮用戶所處的情景提供與之相符的用戶體驗(yàn)

無論何時(shí)何地，只要用戶需要，您的網(wǎng)站都應(yīng)該為其提供良好的體驗(yàn)。您需要考慮用戶在不同情況下使用網(wǎng)站的方式有何不同，這要素很重要。一定要考慮用戶的時(shí)間限制以及他們使用的是移動(dòng)設(shè)備還是計(jì)算機(jī)。
l 思考用戶訪問我們網(wǎng)站時(shí)可能的情況：
情形：用戶是在什么情形下到您的網(wǎng)站上查找信息？
l 限制功能：您的網(wǎng)站的移動(dòng)版本應(yīng)僅包括網(wǎng)站的核心功能，這樣能夠幫助用戶準(zhǔn)確找到所需的信息。省去其它用于桌面版本的功能，因?yàn)橛脩粼谠L問桌面版本時(shí)可用的停留時(shí)間會略多與移動(dòng)設(shè)備
l 速度：考慮用戶的時(shí)間并不充裕，所以您的網(wǎng)站一定要盡可能快速加載。Google的Page Speed工具提供一些提高網(wǎng)站打開速度的方法，當(dāng)然如果你想獲得網(wǎng)頁更為全面的性能分析我會推薦你嘗試使用WebPagetest做檢測
l 容錯(cuò)：用戶常常會犯錯(cuò)，尤其是在使用移動(dòng)設(shè)備時(shí)。要提供他們無需使用“后退”按鈕也能輕松撤銷的體驗(yàn)，輕松返回原來的位置或狀態(tài)

總結(jié)貫穿上海網(wǎng)站設(shè)計(jì)用戶體驗(yàn)優(yōu)化/設(shè)計(jì)的三大核心原則：

1.界面(UI)以及各種交互設(shè)計(jì)面向用戶，讓用戶簡單控制，輕松完成操作
2.減少用戶的記憶負(fù)擔(dān)，思考的時(shí)間：不要讓你的用戶浪費(fèi)時(shí)間遲疑

3.保持網(wǎng)站的一致性，不要讓用戶產(chǎn)生茫然失措的感覺，之后無助的離去

請記住：用戶體驗(yàn)設(shè)計(jì)的初心應(yīng)該在產(chǎn)品構(gòu)思成型的過程中就應(yīng)該思考好：產(chǎn)品始終是以用戶為中心。它的主體是用戶，對象是產(chǎn)品，這是基礎(chǔ)的認(rèn)知。后續(xù)的用戶體驗(yàn)優(yōu)化一切從細(xì)節(jié)開始，嘗試/測試貫穿于每一個(gè)細(xì)節(jié)。創(chuàng)造超出用戶預(yù)期的產(chǎn)品設(shè)計(jì)，給用戶帶去驚喜。
用戶體驗(yàn)的目的是希望用戶愿意為這份體驗(yàn)給予我們所期望的回饋，比如購買產(chǎn)品、品牌認(rèn)知、宣傳口碑等，可以說用戶體驗(yàn)是能夠觸發(fā)用戶情感的產(chǎn)品因素。用戶體驗(yàn)的概念從實(shí)體工業(yè)一直到如今網(wǎng)絡(luò)虛擬，用戶體驗(yàn)已經(jīng)成為一種新的產(chǎn)品價(jià)值，技術(shù)已經(jīng)不再是產(chǎn)品核心競爭力時(shí)，產(chǎn)品的競爭實(shí)質(zhì)上就是用戶體驗(yàn)的競爭，用戶注重的不再是產(chǎn)品的性能優(yōu)異，而是喜歡產(chǎn)品所帶來的價(jià)值觀和愉悅感。