銀川智虎網絡科技有限公司 - 為(wèi)你思考,為(wèi)你實現!為(wèi)客戶創造與傳遞品牌價值是我們的最終使命!
羽之科網絡微信公衆号 掃一(yī)掃關注
tel-icon全國(guó)服務熱線:0951-5137001,18295277030
掃一(yī)掃關注羽之科網絡微信公衆号

網站用戶體驗設計與優化指南(nán)

分類:網站優化   作者:小(xiǎo)羽   發布時間:2019-05-05 09:05:35   點擊次數:858

什麽是用戶體驗?用戶體驗涉及那些方面?

用戶體驗(User Experience,簡稱:UE/UX)是一(yī)種在用戶使用一(yī)個(gè)産品(服務)的過程中建立起來的純主觀的心理感受。從(cóng)系統上(shàng)講,它是一(yī)個(gè)全方位的概念,在産品不同的階段,不同的渠道,每一(yī)個(gè)可能(néng)和産品、服務,以及企業(yè)本身接觸的地方都能(néng)産生(shēng)用戶體驗。有許多(duō)因素可以影響用戶實際使用的體驗。嘗試産品(服務)的用戶個(gè)體差異也決定了每個(gè)用戶的真實感受/體驗是無法通(tōng)過非常有效途徑來完全模拟或再現的。但是對于一(yī)個(gè)界定明确的用戶群體來講,其用戶體驗的共性是能(néng)夠經由良好設計的測試/實驗來認識到(dào)。

網站用戶體驗的設計體現在:客戶與我們的網站所發生(shēng)的一(yī)切互動。所有互動的對象包括觀看(kàn)了我們公司最新産品宣傳對話、點擊浏覽了官網、查看(kàn)幫助中心、廣告、郵箱、以及通(tōng)過即時通(tōng)訊的交談……甚至隻是某個(gè)産品頁面上(shàng)的一(yī)個(gè)小(xiǎo)标簽。細細的研究、比較我們發現所有的這些都會(huì)随著(zhe)時間的積累而聯系起來,形成用戶對網站整體的感知&體驗。這些體驗的設計不是随随便便産生(shēng);而是不斷從(cóng)用戶浏覽行為(wèi)所産生(shēng)的各種數據中挖掘提煉出來;從(cóng)不斷的用戶産品測試/反饋中找到(dào)最佳作法。

為(wèi)什麽要強調網站用戶體驗設計?

用戶體驗就(jiù)是生(shēng)活。生(shēng)活中處處涉及到(dào)你的體驗,鬧鍾、衛生(shēng)間、公交、打卡機(jī)、紅(hóng)綠燈、手機(jī)、電(diàn)腦(nǎo)、鍵盤、鼠标……每天,我們都在和産品打交道,每天都在使用和體驗産品。有些産品在使用過程中會(huì)出現糟糕的狀況。比如:一(yī)款看(kàn)起來很有Feel的鬧鍾它的喚醒功能(néng)設計了太多(duō)選項實在是太複雜(zá)了,作為(wèi)用戶不知道如何去配置一(yī)個(gè)簡單的喚醒功能(néng)…從(cóng)最初大量的收集數據、研究分析設計出産品原型,在産品上(shàng)線後持續不斷調整優化,是做産品的不歸路(lù)…

各個(gè)行業(yè)網站用戶體驗設計元素的挖掘網站就(jiù)是挖掘商機(jī)。簡單的說,和ROI關系密切,電(diàn)商網站良好的用戶體驗設計直接的表現就(jiù)是網站用戶交互變頻繁、用戶粘性提高(gāo);間接的銷售量提高(gāo)。依賴搜索引擎營銷的網站,優化好網站用戶體驗将有助于搜索引擎排名并帶來更多(duō)的訪問流量。再比如:色情網站的目的是盈利,重點是它抓住了人這一(yī)用戶群體的心理,甚至生(shēng)理上(shàng)的需求。

如今的互聯網時代,一(yī)款産品是否能(néng)夠成功,用戶體驗越來越變成一(yī)個(gè)關鍵性因素,用戶買了你的産品,并非是與你結束了交易。恰恰相(xiàng)反,當用戶拿起你的産品,使用你的産品的時候,用戶體驗産品的旅程才真正開(kāi)始,而用戶的體驗之旅是否愉快,将直接影響到(dào)你的口碑,影響到(dào)你的銷售。在技(jì)術(shù)條件(jiàn)相(xiàng)差不大的時候,我們可以通(tōng)過不斷的嘗試,不斷完善産品的體驗設計,提高(gāo)用戶體驗,讓用戶感覺更愉悅、更有價值,這會(huì)是樹立品牌、建立口碑的一(yī)種有效方法。

以用戶為(wèi)中心的設計理念不斷加強,産生(shēng)了一(yī)些對于設計和增強用戶體驗的重要性的質疑和讨論。簡單的說:“它是重要的,因為(wèi)它直接和用戶需求打交道”。以用戶為(wèi)中心,以可用性為(wèi)中心将使得我們的網站與衆不同。細細想來隻有兩件(jiàn)事(shì)情決定了我們如何做用戶體驗設計:我們的想法和用戶希望體驗到(dào)的。

了解網站用戶體驗設計 – 用戶體驗的五大組成要素

這五大要素稱為(wèi)“網頁用戶體驗設計五要素”,了解它的整體并學會(huì)對其中的細節進行分解調整,慢(màn)慢(màn)就(jiù)會(huì)成長(cháng)起來。

網站用戶體驗優化指南(nán) – 我們一(yī)起思考幾個(gè)用戶體驗相(xiàng)關的問題

網站已經出具規模難以改動整個(gè)框架,為(wèi)了更好體驗我們應該“去其糟粕,取其精華”;為(wèi)了在某一(yī)方面更加出色而去其糟粕;為(wèi)了在某方面更優秀而放(fàng)棄其他不太重要的方面。

一(yī)、明确的目标:全面了解用戶重點需求充分挖掘用戶需求的内容

開(kāi)始确定優化目标之前,先問問自(zì)己:“我怎樣才能(néng)提供用戶所需,同時達成我的目标?” 要回答這一(yī)問題,首先要了解用戶的目标、自(zì)己的目标分别是什麽。全面的收集分析用戶的顯性需求,同時通(tōng)過全方面的數據分析去挖掘隐性需求并結合自(zì)身目标嘗試将之聯系起來思考,大緻确定一(yī)個(gè)網頁呈現類型(博客文章、圖冊展示、電(diàn)商購物(wù)等等)。我們需要考慮自(zì)己網站的核心産品和優勢是什麽,并且關注相(xiàng)關的領域優秀的産品案例。可能(néng)我們會(huì)覺得自(zì)己的網站在很多(duō)方面都很不錯(cuò),但最好的建議是:将重點放(fàng)在一(yī)兩個(gè)核心優勢上(shàng),重點關注最擅長(cháng)的領域提供優質的内容。這樣為(wèi)産品或者服務創作起來不會(huì)很累 

在一(yī)切開(kāi)始前,先問問自(zì)己下(xià)面一(yī)些問題:

用戶如何找到(dào)我的網站? 他們的來路(lù)特征是什麽? 他們要找的具體是什麽? 我能(néng)提供他們需要的内容嗎(ma)? 他們是不是忘記了某些方面? 基于以上(shàng)我想從(cóng)用戶那裡(lǐ)獲得什麽? 我如何從(cóng)用戶的行為(wèi)中得到(dào)理想的回應?

如果我們運營著(zhe)一(yī)個(gè)IT技(jì)術(shù)類資訊網站,在考慮完上(shàng)述所有問題之後,可以得出的簡單結論如下(xià):

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

二、清晰的結構:根據自(zì)身業(yè)務主體設計一(yī)目了然的網頁信息結構

無論用戶到(dào)達什麽頁面,我們的網站應該在短短幾秒(miǎo)之内,通(tōng)過第一(yī)個(gè)屏幕(即首屏)醒目的位置上(shàng)吸引他們的注意力,并向他們展示我們主要提供的内容。一(yī)般使用簡單的層級就(jiù)可以建立清晰的網頁結構,根據自(zì)身業(yè)務主體做好分類區分能(néng)夠很好的為(wèi)用戶提供指引并突出我們希望他們看(kàn)到(dào)的内容。

需要注意的是網站的信息結構。最好是采用一(yī)緻的方式組織和顯示網站中的信息,這樣用戶可以從(cóng)不熟悉的網頁中找到(dào)熟悉的網頁。如果網站結構與用戶的預期不一(yī)緻或者不符合邏輯,他們可能(néng)會(huì)無所适從(cóng),不知道接下(xià)來要去哪裡(lǐ)。這會(huì)給用戶從(cóng)整體上(shàng)認知網站帶來困擾,并最終導緻他們離開(kāi)網站。


合理使用下(xià)面這些簡單的網頁設計技(jì)巧可以讓網頁井井有條:


網格:使用簡單的網格安排網頁上(shàng)的元素可以帶來組織有序的感覺 大小(xiǎo):大小(xiǎo)是引導用戶的最簡單的設計手段之一(yī),要敢于使用大尺寸的醒目元素将用戶的注意力吸引到(dào)頁面中最重要的信息上(shàng)來 對比:并排顯示網頁上(shàng)的元素時不妨試試不同的顔色、飽和度或透明度 對齊:相(xiàng)關的元素沿同一(yī)軸線排列,整體獲得協調感 首屏:以600像素作為(wèi)首屏高(gāo)度來設計獲得最大兼容性 留白(bái):在具體元素周圍留出空白(bái)區域,更加吸引眼球從(cóng)而使用戶特别關注這些元素 字體:不要用兩種以上(shàng)的字體和三種以上(shàng)的顔色,保證一(yī)緻性

簡單示例:

實事(shì)新聞資訊類型的網站往往投入很大精力通(tōng)過層級來建立信息結構。突發新聞或最重要的新聞在屏幕上(shàng)占據主導地位。這樣可以确保用戶會(huì)首先看(kàn)到(dào)它們。重要的頭條新聞标題相(xiàng)對于網站其他内容會(huì)進行加大加粗,這樣浏覽網站的用戶就(jiù)可以方便快捷的找出它們。照(zhào)片和标題的大小(xiǎo)及對比差異有助于引導用戶浏覽網頁。


三、簡捷的操作:以用戶為(wèi)中心設計清晰明了的網站交互操作流程

确保用戶在我們的網站上(shàng)總是知道下(xià)一(yī)步該執行什麽操作。當用戶來到(dào)我們的網頁時,他們首先應關注哪裡(lǐ)、其次應關注哪裡(lǐ),這些都應該分的非常清晰。并且,無論是要點擊“購買”進行購買還(hái)是閱讀(dú)更多(duō)相(xiàng)關文章,他們下(xià)一(yī)步要執行的操作也應簡便明了。


在制作有意義的宣傳用語時考慮以下(xià)幾點:


簡單:不要使用過多(duō)不同的操作打亂網頁。要認真思考希望引導用戶執行什麽操作,并在設計中優先考慮這些操作 突出:使用大小(xiǎo)、顔色和對比或留白(bái)來突出宣傳廣告語 導航:有了它,無論用戶在哪個(gè)頁面中,用戶再也不會(huì)發生(shēng)卡在這個(gè)頁面離不開(kāi)的狀況。 排版:最常見(jiàn)的網頁布局錯(cuò)誤之一(yī)是定義了不正确行高(gāo)以及标題margin值 激勵:激勵用戶執行操作。在折扣、禮品、抽獎或訪問更多(duō)内容中,包含合理激勵 接近:務必将宣傳廣告語放(fàng)在頁面的合理位置。例如,如果頁面的主要内容是一(yī)篇文章,您最好将宣傳廣告語放(fàng)在文章下(xià)面不要刻意幹擾用戶閱讀(dú) 一(yī)緻性:在整個(gè)網站顯示宣傳廣告語,并保持其外觀一(yī)緻

拓展提示:

分析大多(duō)數用戶可能(néng)使用的訪問設備,了解當前用戶設備的特性(對應浏覽器(qì)提供的交互API)并讓網站設計師(shī)考慮靈活運用它們融入網站的風格中去創建出優秀的相(xiàng)應設備的網頁版本。網站簡捷易用的交互體驗絕對是轉化用戶極好的助力。


四、思考用戶情景:考慮用戶所處的情景提供與之相(xiàng)符的用戶體驗

無論何時何地,隻要用戶需要,您的網站都應該為(wèi)其提供良好的體驗。您需要考慮用戶在不同情況下(xià)使用網站的方式有何不同,這要素很重要。一(yī)定要考慮用戶的時間限制以及他們使用的是移動設備還(hái)是計算(suàn)機(jī)。

思考用戶訪問我們網站時可能(néng)的情況:

情形:用戶是在什麽情形下(xià)到(dào)您的網站上(shàng)查找信息? 限制功能(néng):您的網站的移動版本應僅包括網站的核心功能(néng),這樣能(néng)夠幫助用戶準确找到(dào)所需的信息。 省去其它用于桌面版本的高(gāo)級功能(néng),因為(wèi)用戶在訪問桌面版本時可用的停留時間會(huì)略多(duō)與移動設備 速度:考慮用戶的時間并不充裕,所以您的網站一(yī)定要盡可能(néng)快速加載。Google的Page Speed工(gōng)具提供一(yī)些提高(gāo)網站打開(kāi)速度的方法,當然如果你想獲得網頁更為(wèi)全面的性能(néng)分析我會(huì)推薦你嘗試使用WebPagetest做檢測 容錯(cuò):用戶常常會(huì)犯錯(cuò),尤其是在使用移動設備時。要提供他們無需使用“後退”按鈕也能(néng)輕松撤銷的體驗,輕松返回原來的位置或狀态

舉例:

假設我們做一(yī)個(gè)餐館點評網站。移動用戶和桌面用戶的行為(wèi)會(huì)有哪些不一(yī)樣呢(ne)?首先,我們提供良好的響應式網頁版本,考慮到(dào)移動用戶很可能(néng)出門(mén)在外,甚至可能(néng)是在一(yī)邊逛街,一(yī)邊浏覽網站。他們不會(huì)像使用桌面版本網站那樣有時間仔仔細細的浏覽餐館的詳細介紹。他們期望網站通(tōng)過手機(jī)的GPS定位他們所在的位置,并以此來搜索顯示附近受歡迎的餐館。由于用戶沒有時間閱讀(dú)較長(cháng)的點評,我們的網站甚至可以通(tōng)過顯示最熱門(mén)的簡短點評來為(wèi)移動用戶優化點評體驗。恰到(dào)好處的設計出最合适的用戶場景體驗,這種體驗是不知不覺給予用戶同時能(néng)讓用戶在觸點的那個(gè)瞬間怦然心動,那如何讓用戶心動呢(ne)?


五、多(duō)渠道的來路(lù):多(duō)渠道與用戶建立聯系推出優質内容吸引用戶

 

在前面的讨論中,我們介紹:了解用戶需求,并向他們提供所需的内容。您現在也許在想,該如何讓用戶一(yī)次又(yòu)一(yī)次回頭光(guāng)顧呢(ne)?畢竟,回頭客是線上(shàng)和線下(xià)商家的生(shēng)命線。為(wèi)了使用戶再次光(guāng)顧,單單回答他們的問題是不夠的,您需要一(yī)些吸引他們返回您網站的小(xiǎo)道道。

這裡(lǐ)介紹幾個(gè)方法也許可以幫助您将一(yī)次性的訪問者轉化為(wèi)回頭客:

新增内容:首先是最重要的一(yī)點,您需要持續推出新穎優質的内容。然後,您需要确保在熱門(mén)著(zhe)陸頁上(shàng)展示這些新内容 相(xiàng)關内容:向用戶顯示網站其他位置上(shàng)的類似内容。劃出一(yī)塊區域,提供網站上(shàng)同一(yī)主題的熱門(mén)内容的鏈接,以方便用戶浏覽。這将可以吸引用戶浏覽更多(duō)内容 社交:讓用戶可以通(tōng)過他們喜愛的社交網絡方便地與您交流互動。所有主要社交網絡都提供了窗(chuāng)口小(xiǎo)部件(jiàn),您可以将它們放(fàng)在網站上(shàng),方便用戶關注您。一(yī)旦吸引到(dào)了這樣的用戶,就(jiù)一(yī)定要确保展示最受歡迎的内容,推動他們不斷回訪 電(diàn)子郵件(jiàn):确保用戶可以訂閱您的電(diàn)子郵件(jiàn)列表,以獲取更新和/或簡報(bào) 用戶參與:使用戶可以通(tōng)過論壇、評分或推薦機(jī)制方便地與您的内容互動

示例:

如果我們的網站是提供VPS租賃優惠信息網站,也就(jiù)是說用戶可以在您的網站中搜索最新的VPS租賃優惠信息,那麽您首先可以提示用戶注冊,并引導用戶選擇平時關注的各大VPS服務商,以便在有符合他們興趣的新優惠信息時可以通(tōng)過電(diàn)子郵件(jiàn)通(tōng)知他們。我們還(hái)可以顯示推薦該優惠信息的用戶數量,這樣用戶一(yī)對比就(jiù)能(néng)看(kàn)到(dào)哪些服務商推出的優惠活動較為(wèi)熱門(mén)。

總結貫穿網站用戶體驗優化/設計的三大核心原則:

1.界面(UI)以及各種交互設計面向用戶,讓用戶簡單控制,輕松完成操作

2.減少用戶的記憶負擔,思考的時間:不要讓你的用戶浪費(fèi)時間遲疑

3.保持網站的一(yī)緻性,不要讓用戶産生(shēng)茫然失措的感覺,最後無助的離去

請記住:用戶體驗設計的初心應該在産品構思成型的過程中就(jiù)應該思考好:産品始終是以用戶為(wèi)中心。它的主體是用戶,對象是産品,這是最基礎的認知。後續的用戶體驗優化一(yī)切從(cóng)細節開(kāi)始,嘗試/測試貫穿于每一(yī)個(gè)細節。創造超出用戶預期的産品設計,給用戶帶去驚喜。

用戶體驗的目的是希望用戶最終願意為(wèi)這份體驗給予我們所期望的回饋,比如購買産品、品牌認知、宣傳口碑等,可以說用戶體驗是唯一(yī)能(néng)夠觸發用戶情感的産品因素。用戶體驗的概念從(cóng)實體工(gōng)業(yè)一(yī)直到(dào)如今網絡虛拟,用戶體驗已經成為(wèi)一(yī)種新的産品價值,技(jì)術(shù)已經不再是産品核心競争力時,産品的競争實質上(shàng)就(jiù)是用戶體驗的競争,用戶注重的不再是産品的性能(néng)優異,而是喜歡産品所帶來的價值觀和愉悅感。


友(yǒu)情鏈接
聯系我們

電(diàn) 話:0951-5137001/18295277030

Q  Q:87651825   568464226

郵 箱:web@yuzhike.com
地 址:銀(yín)川市(shì)興慶區南(nán)熏東街天都十六區6号樓3204

聯系我們

Website Design & Power by:yuzhike.com
版權所有 © 銀川智虎網絡科技有限公司