用戶體驗(yàn),英文叫做User Experience,縮寫(xiě)為UE或者UX。一種純主觀的在用戶訪問(wèn)一個(gè)網(wǎng)站或使用一個(gè)產(chǎn)品(服務(wù))的過(guò)程中建立起來(lái)的心理感受。他們的印象和感覺(jué),是否成功,是否享受,是否還想再來(lái)/使用。他們能夠忍受的問(wèn)題,疑惑和BUG的程度。因?yàn)樗羌冎饔^的,就帶有一定的不確定因素。個(gè)體差異也決定了每個(gè)用戶的真實(shí)體驗(yàn)是無(wú)法通過(guò)其他途徑來(lái)完全模擬或再現(xiàn)的。
雖然是一種主觀感受,但是對(duì)于一個(gè)界定明確的用戶群體來(lái)講,其感受會(huì)有諸多相似之處,因此,用戶體驗(yàn)的共性能夠?yàn)樵O(shè)計(jì)者所把握,可以通過(guò)良好設(shè)計(jì)實(shí)驗(yàn)來(lái)認(rèn)識(shí)到,針對(duì)這種主觀感受的優(yōu)化則被稱為UEO。UE充斥在社會(huì)的各行各業(yè),走在前面的如世界企業(yè)500強(qiáng),他們很早之前就開(kāi)始研究這些,這幾年開(kāi)始,中國(guó)的一部分企業(yè)開(kāi)始受到跨國(guó)公司的啟蒙,嘗試做一些客戶體驗(yàn)的活動(dòng),吸引客戶去做新產(chǎn)品的體驗(yàn),進(jìn)而達(dá)到多銷的目的。
IT行業(yè)一直都是處于最顯眼的位置,是新、奇、特的代表行業(yè),對(duì)網(wǎng)絡(luò)而言,新技術(shù)的不斷開(kāi)發(fā)使得互聯(lián)網(wǎng)的發(fā)展如“凌波微步”一般快速向前,幾年就是一個(gè)時(shí)代的說(shuō)法尤其適用于互聯(lián)網(wǎng)產(chǎn)業(yè)。web2.0時(shí)代,寬帶網(wǎng)絡(luò)時(shí)代,使得互聯(lián)網(wǎng)是這般多姿多彩,人們足不出戶即可享受精彩。而對(duì)散布在互聯(lián)網(wǎng)中的數(shù)以億計(jì)的網(wǎng)站建設(shè)而言,這既是好事,又是壞事,好的是新技術(shù)使產(chǎn)品得以全方位展示,壞的是所有產(chǎn)品都可以全方位展示,如何讓客戶看到自己的產(chǎn)品成為一個(gè)重要的問(wèn)題。
一、網(wǎng)站用戶體驗(yàn)不用友好的困素:
用一些圖片及Flash,可以增加網(wǎng)站的生動(dòng)性,增加視覺(jué)沖擊力。但無(wú)限制的使用Flash及圖片,會(huì)造成頁(yè)面文件超大,占用瀏覽者的CPU資源,并且不利于頁(yè)面更新及搜索引擎對(duì)網(wǎng)站的抓取。企贏營(yíng)銷在服務(wù)企業(yè)客戶時(shí)也會(huì)遇到純Flash的整站首頁(yè)網(wǎng)站,建議網(wǎng)站建設(shè)過(guò)程中要考慮視覺(jué)效果的同時(shí),把優(yōu)化的因素重視起來(lái)。
1、網(wǎng)站頁(yè)面過(guò)長(zhǎng)
你認(rèn)為有多少瀏覽者有興趣看你網(wǎng)頁(yè)中最下面的內(nèi)容,不要拿自己來(lái)作比喻,因?yàn)?9%以上的人才剛學(xué)會(huì)上網(wǎng)。
在王建碩的一篇文章中提到:“1995年Jakob Neilson做的互聯(lián)網(wǎng)用戶調(diào)查,美國(guó)的用戶在1994年的時(shí)候,只有10%的用戶會(huì)拖動(dòng)瀏覽器右邊的滾動(dòng)條,而絕大多數(shù),90%的用戶,打開(kāi)一個(gè)網(wǎng)站,只看瀏覽第一屏看到的內(nèi)容,就以為看到了全部,而不會(huì)向下滾動(dòng)。”
現(xiàn)在中國(guó)也有這樣的人,而且為數(shù)不少。在一個(gè)網(wǎng)站的首頁(yè),能看到第三屏內(nèi)容的人只有10%以下,一個(gè)過(guò)長(zhǎng)的網(wǎng)站很容易引起瀏覽者的視覺(jué)疲勞,更何況大部分瀏覽者很有可能已經(jīng)被前兩屏的內(nèi)容吸引到別的頁(yè)面去了。
2、不友好的導(dǎo)航
不友好的導(dǎo)航是最影響用戶操作的,不能讓用記很方便的找到自己想到的內(nèi)容。用戶來(lái)到一個(gè)頁(yè)面不知如何返回上一頁(yè),不知道當(dāng)前頁(yè)面是在哪個(gè)欄目下的,這樣的網(wǎng)站很可能用戶來(lái)了一次就不會(huì)再來(lái)了。
3、過(guò)期的信息
很久不更新的信息,很容易讓瀏覽者感到反感,而且在心中也會(huì)對(duì)你這個(gè)網(wǎng)站的品牌形象大打折扣。
4、死連接或連接錯(cuò)誤
這個(gè)就不說(shuō)了,這是最基本的錯(cuò)誤,但是好些還有這樣的錯(cuò)誤,包括新浪這種大網(wǎng)站。
5、孤立的頁(yè)面
用戶不知用什么方法返回首頁(yè),這種情況往往是出現(xiàn)在信息提示頁(yè)或內(nèi)容調(diào)查的結(jié)果頁(yè)上。
6、缺少互動(dòng)的內(nèi)容
缺少互動(dòng)的內(nèi)容,缺少網(wǎng)友的參與,不能讓網(wǎng)友表達(dá)情感和思想,注定這個(gè)網(wǎng)站只是個(gè)死網(wǎng)站。
7、惡意插件,惡意彈出窗口
二、如何進(jìn)行用戶體驗(yàn)優(yōu)化
上面列舉了一部份常見(jiàn)的對(duì)用戶不友好的方式,下面我們來(lái)看看如何進(jìn)行網(wǎng)站用戶體驗(yàn)優(yōu)化。
(一)、根據(jù)用戶的登錄網(wǎng)站的第一感受,對(duì)網(wǎng)站進(jìn)行優(yōu)化
1、 域名是否簡(jiǎn)潔易記。
2、 網(wǎng)頁(yè)打開(kāi)速度:影響網(wǎng)頁(yè)打開(kāi)的速度有很多方面的原因,要全力避免自我可控的情況造成網(wǎng)頁(yè)打開(kāi)速度過(guò)慢。比如保證服務(wù)器的穩(wěn)定、頁(yè)面圖片的大小和數(shù)量不要太大太多,可用背景色的盡量避免使用圖片、減少flash的數(shù)量、網(wǎng)頁(yè)代碼盡量用簡(jiǎn)潔語(yǔ)句,清理注釋和無(wú)用的換行空格等。
3、 頁(yè)面寬度:目前用戶顯示器從17寸到22寸以上的不等,寬度的設(shè)計(jì)需要根據(jù)目前主流的顯示器尺寸制定。設(shè)計(jì)過(guò)窄用戶會(huì)感覺(jué)頁(yè)面空擋,設(shè)計(jì)過(guò)寬用戶會(huì)瀏覽不全網(wǎng)頁(yè)內(nèi)容。
4、 網(wǎng)站的整體設(shè)計(jì)風(fēng)格:當(dāng)頁(yè)面打開(kāi)后,能給用戶最直觀的印象的是網(wǎng)站的色彩,在網(wǎng)站的色彩上,保持與企業(yè)品牌形象的統(tǒng)一;在色彩的使用上無(wú)特殊需求不要超過(guò)三種顏色,如有三種顏色要盡量不將紅、黃、藍(lán)三色進(jìn)行搭配;另一方面設(shè)計(jì)風(fēng)格上要符合用戶的瀏覽習(xí)慣,如導(dǎo)航部分位置和展示樣式的設(shè)計(jì),注冊(cè)登錄框位置和樣式的設(shè)計(jì),頁(yè)腳內(nèi)容的設(shè)計(jì)等,需要按照大多數(shù)用戶一貫的瀏覽習(xí)慣來(lái)設(shè)計(jì)。
5、 網(wǎng)站品牌的標(biāo)注:網(wǎng)站需要在用戶打開(kāi)頁(yè)面的第一時(shí)間讓用戶了解 “我是誰(shuí)”,以保證提醒用戶是否進(jìn)入了用戶需要的正確的網(wǎng)站。一般的做法就是在網(wǎng)站的合適位置添加網(wǎng)站logo,和在瀏覽器標(biāo)題欄添加logo。
6、 網(wǎng)站導(dǎo)航欄目的架構(gòu):當(dāng)用戶知道“我是誰(shuí)”之后,用戶的需求是要了解“我能幫你做什么”,那么制作一個(gè)清晰的網(wǎng)站導(dǎo)航和功能鮮明的欄目架構(gòu)是一個(gè)回答這個(gè)問(wèn)題的最好方式。
7、 廣告位優(yōu)化:廣告位的設(shè)計(jì)一方面要避免與網(wǎng)站主要內(nèi)容和功能沖突,影響用戶對(duì)網(wǎng)站的正常使用,如目前幾個(gè)大型網(wǎng)站中覆蓋大半屏的層廣告,直接擋住了用戶要選擇的鏈接和內(nèi)容,不得不等廣告自動(dòng)消失后才能正常使用。另一方面不宜設(shè)置過(guò)多的廣告位,商業(yè)廣告過(guò)于濃厚會(huì)使用戶對(duì)網(wǎng)站產(chǎn)生煩感。
(二)、用戶使用網(wǎng)站的感受
當(dāng)用戶已經(jīng)了解“我是誰(shuí)”“我能幫你做什么”之后,那么用戶下一步就是開(kāi)始使用網(wǎng)站的功能。接下來(lái)就是關(guān)于用戶使用網(wǎng)站感受的優(yōu)化。
1、 注冊(cè)流程優(yōu)化:給用戶展示注冊(cè)流程,讓用戶在注冊(cè)前即可了解注冊(cè)過(guò)程會(huì)很簡(jiǎn)潔;簡(jiǎn)化注冊(cè)內(nèi)容,與登錄不相關(guān)的內(nèi)容可在注冊(cè)成功后由用戶選擇是否“完善個(gè)人資料”;注冊(cè)或完善資料的內(nèi)容盡量保證讓用戶多選擇,少填寫(xiě)的原則;提交后需要有清晰的提示,是否注冊(cè)成功,注冊(cè)成功后可以做哪些事情,如果注冊(cè)未成功,是什么原因、在重新填寫(xiě)注冊(cè)信息時(shí)盡量避免不必要的內(nèi)容的重復(fù)填寫(xiě)等。
2、 鏈接的優(yōu)化:頁(yè)面內(nèi)容中的鏈接,需要清晰的讓用戶看到,如新浪給鏈接文字使用藍(lán)色下劃線,用戶可清晰了解哪些內(nèi)容是可以點(diǎn)擊進(jìn)入另一個(gè)頁(yè)面的;另外鏈接的樣式選擇上,一般文字性、內(nèi)容性的鏈接可選擇文字鏈接,功能性的鏈接可選擇按鈕鏈接,活動(dòng)、廣告、宣傳內(nèi)容的可選擇圖片鏈接。第三就是要明確標(biāo)注用戶的已讀鏈接,使用戶可以不必要產(chǎn)生重復(fù)的點(diǎn)擊。
3、 當(dāng)前位置優(yōu)化:一般情況下,在頁(yè)面中部主要內(nèi)容位置的頭上設(shè)置一個(gè)清晰的路徑鏈接,可以是用戶更加清楚這是在哪個(gè)位置;另一方面當(dāng)前位置的優(yōu)化還需要優(yōu)化域名目錄,一級(jí)域名下的各級(jí)目錄需要命名簡(jiǎn)介、規(guī)范、便于識(shí)別該目錄的主要內(nèi)容。
4、 層次優(yōu)化:讓用戶從進(jìn)入首頁(yè)到進(jìn)入用戶的目標(biāo)頁(yè)面不要超過(guò)3層,層次越深流失的用戶會(huì)越多。
5、 各類提示優(yōu)化:一方面,如有可能會(huì)讓用戶引起歧義或者不理解的位置中,添加各種樣式的提示信息,如鏈接或圖片的alt提示,彈出的層提示,或者直接在焦點(diǎn)位置一旁添加提示內(nèi)容,讓用戶可以在使用過(guò)程中可以明確的了解網(wǎng)站內(nèi)容和功能。另外很多人在做搜索引擎優(yōu)化過(guò)程中,把大量的圖片、文字鏈接、熱點(diǎn)控件中加入了大量的alt信息,這就需要挑選出那些沒(méi)有必要的信息進(jìn)行精簡(jiǎn)或者刪除,避免造成用戶的茫然,這個(gè)優(yōu)化也直接關(guān)系到網(wǎng)站打開(kāi)速度。
6、 鏈接跳轉(zhuǎn)窗口優(yōu)化:目前打開(kāi)鏈接后,新頁(yè)面的展現(xiàn)方式有兩種,一種是當(dāng)前頁(yè)面跳轉(zhuǎn),另一種是彈出新窗口展開(kāi)新頁(yè)面。在跳轉(zhuǎn)方式的選擇上需要進(jìn)行沉重考慮,一般優(yōu)化方式為打開(kāi)內(nèi)容列表頁(yè)面或流程頁(yè)面使用當(dāng)前頁(yè)面跳轉(zhuǎn),打開(kāi)內(nèi)容頁(yè)面使用彈出頁(yè)面跳轉(zhuǎn)。
7、 功能性欄目和內(nèi)容性欄目的優(yōu)化:兩種欄目需要讓用戶更加容易的區(qū)分開(kāi),哪些板塊內(nèi)中的各個(gè)欄目是做什么的,避免內(nèi)容功能混雜在一起。在位置的選擇上需要根據(jù)網(wǎng)站的主要提供的產(chǎn)品或服務(wù)來(lái)決定主次。
8、 功能頁(yè)面優(yōu)化:在各類設(shè)置、收藏、訂閱以及其他專業(yè)功能頁(yè)面中,因功能不同可能頁(yè)面會(huì)有一定差異,但一定要將功能流程、頁(yè)面設(shè)計(jì)的相似,可以是用戶不同功能是更加容易上手,避免了每一個(gè)功能都要重新學(xué)習(xí)。
9、 設(shè)置網(wǎng)站地圖:設(shè)置網(wǎng)站地圖,讓用戶更加清晰了解網(wǎng)站的整體結(jié)構(gòu),可以更加方便的找到自己想要的內(nèi)容,另外設(shè)置網(wǎng)站地圖對(duì)搜索引擎優(yōu)化也是一個(gè)非常好的方法。
10、 設(shè)置站內(nèi)搜索:無(wú)論是何種網(wǎng)站,建立一個(gè)站內(nèi)搜索功能都是很有必要的,他可以節(jié)省用戶大量的查找時(shí)間。當(dāng)然站內(nèi)搜索可以是關(guān)鍵字搜索或者是分類搜索等各種樣式,用戶都是會(huì)非常樂(lè)意的去使用。
(三)、網(wǎng)站內(nèi)容的優(yōu)化
1、 字體字樣優(yōu)化:網(wǎng)站整體的字體字樣需要建立一個(gè)規(guī)范,鏈接文字、宣傳文字、重點(diǎn)推薦、標(biāo)題文字等等各類文字,都需要建立一個(gè)統(tǒng)一的標(biāo)準(zhǔn)。
2、 圖片優(yōu)化:首先是整站圖片各種技術(shù)屬性需要有一個(gè)標(biāo)準(zhǔn),如圖片品質(zhì)、相同尺寸圖片的大小、格式等。第二點(diǎn)是在展示圖片時(shí)是否添加表框、在圖片文字應(yīng)該添加到什么位置,圖片下alt是否添加內(nèi)容等也需要一個(gè)標(biāo)準(zhǔn)。第三是鏈接圖片應(yīng)該如何展示能讓用戶了解此圖片下有鏈接也要建立標(biāo)準(zhǔn)。
轉(zhuǎn)發(fā)請(qǐng)注明:丁丁貓