網(wǎng)站(網(wǎng)頁)用戶體驗(yàn)及用戶習(xí)慣的深度分析總結(jié)

1、網(wǎng)站（網(wǎng)頁）用戶體驗(yàn)及用戶習(xí)慣的深度分析總結(jié)用戶體驗(yàn)（UserExperience,簡稱UB是用戶在使用產(chǎn)品過程中建立起來的一種純主觀感受。在基于Web的產(chǎn)品設(shè)計(jì)中，UE是一個(gè)相對(duì)較新的概念。DonaldNorman博士提出了用戶體驗(yàn)”一詞,他是一個(gè)認(rèn)知科學(xué)的研究人員，首次提出了在互聯(lián)網(wǎng)領(lǐng)域以用戶為中心設(shè)計(jì)的重要性（用戶的需求決定產(chǎn)品如何設(shè)計(jì)）。DonaldNorman用戶體驗(yàn)很重要，最大的理由是：它對(duì)你的用戶很重要。 最起碼是要讓產(chǎn)品有用，這個(gè)有用是指用戶的需求。（尊重用戶價(jià)值+滿足用戶需求） 其次是能用，所有的流程都走得通，沒有致命的BUG（尊重用戶價(jià)值+滿足用戶需求） 然后是易用，操作起

2、來很便利，這非常關(guān)鍵。（注重用戶體驗(yàn)） 設(shè)計(jì)的下一個(gè)方向就是友好，關(guān)注用戶的情感需求。（注重用戶體驗(yàn)+關(guān)注創(chuàng)新）以上四者都做好了，就融會(huì)貫通上升到品牌。（品質(zhì)：品味+質(zhì)量-品牌）用戶的需求決定產(chǎn)品如何設(shè)計(jì)人的視覺通常不是先看中間，而是根據(jù)母語的讀寫習(xí)慣，經(jīng)過大腦的指令，按照：從上到下,從左到右的路線進(jìn)行查看，下圖為用戶瀏覽網(wǎng)站時(shí)視線注意力“F現(xiàn)象”研究：注：綠色、黃色、紅色關(guān)注度以此升高，這說明人喜歡第一眼看左上角的內(nèi)容，這告訴我們，重點(diǎn)要在左邊偏上的部位出現(xiàn)。Priority 2最新可編輯word文檔從左上角的至右下角優(yōu)先比重逐級(jí)遞減,tf=*Q-由毫牙鼻豆i*石&ifwwarA芳事節(jié)餐m”

3、iUaflWtn2口，注5坳力，如酒小看汽,案例淘寶網(wǎng)商品搜索列表頁谷歌的搜索結(jié)果出現(xiàn)“金三角”現(xiàn)象:谷歌搜索列表頁對(duì)于google搜索結(jié)果的“金三角”現(xiàn)象（也有很多前端設(shè)計(jì)師形象地描述為搜索結(jié)果的“F現(xiàn)象”）。什么是google搜索結(jié)果的“金三角”現(xiàn)象？這項(xiàng)關(guān)于用戶對(duì)于搜索結(jié)果注意力的研究由搜索引擎營銷公司Enquiro、Did-it以及專門研究人們眼睛運(yùn)動(dòng)行為的公司Eyetools聯(lián)合完成，通過對(duì)用戶觀察google搜索結(jié)果頁面時(shí)眼睛的運(yùn)動(dòng)來確定對(duì)搜索結(jié)果內(nèi)容的關(guān)注程度。該調(diào)查結(jié)論是，位于google自然搜索結(jié)果“F頂部的信息，獲得了被調(diào)查者100%的注意（該研究總共有50位被調(diào)查者），而

4、位于最下面的信息則只獲得了20的注意力。以下是自然搜索結(jié)果排名前10位的信息受到被調(diào)查者關(guān)注的比例： 第1位-100% 第2位-100% 第3位-100% 第4位-85% 第5位-60% 第6位-50% 第7位-50% 第8位-30% 第9位-30% 第10位-20%對(duì)于google搜索結(jié)果右側(cè)的贊助商鏈接內(nèi)容（即關(guān)鍵詞廣告），其受關(guān)注程度大約只有自然搜索結(jié)果的一半，即使位于第一位也只獲得了50的注意力。下面是被調(diào)查者對(duì)全部8個(gè)關(guān)鍵詞廣告信息的關(guān)注情況。關(guān)鍵詞廣告第關(guān)鍵詞廣告第關(guān)鍵詞廣告第關(guān)鍵詞廣告第關(guān)鍵詞廣告第1 位-50%2 位-40%3 位-30%4 位-20%5 位-10% 關(guān)鍵詞廣告

5、第6位-10% 關(guān)鍵詞廣告第7位-10% 關(guān)鍵詞廣告第8位-10%關(guān)于google搜索結(jié)果金三角調(diào)查結(jié)論的分析SearchEngineWatch文章“ANewF-WordforGoogleSearchResults”對(duì)上述調(diào)查結(jié)果的分析推論可總結(jié)為三點(diǎn)：（ 1）自然搜索結(jié)果的重要性遠(yuǎn)高于關(guān)鍵詞廣告（至少對(duì)google是這樣，為了使客戶的利益最大化，谷歌隨后在搜索列表頁的最上面及最下面加入了3條付費(fèi)廣告）；（ 2）用戶對(duì)自然搜索結(jié)果的關(guān)注程度更高，除非搜索引擎關(guān)鍵詞廣告排名在最上端，否則很難獲得用戶的關(guān)注；（ 3）搜索引擎優(yōu)化很重要，營銷人員如果忽視這一事實(shí)，單純依靠贊助商鏈接廣告的搜索引擎營銷

6、方式很難取得最好的效果。調(diào)查結(jié)果發(fā)現(xiàn)，用戶對(duì)于搜索結(jié)果頁面的關(guān)注的范圍呈現(xiàn)英文字母F的形狀，也可以描述為“金三角”現(xiàn)象。這種現(xiàn)象證實(shí)了一個(gè)簡單的問題：搜索結(jié)果中排名靠前的內(nèi)容更容易受到用戶的關(guān)注和點(diǎn)擊。這個(gè)規(guī)律對(duì)于google搜索結(jié)果右側(cè)的關(guān)鍵詞廣告同樣是適用的，只是對(duì)兩種內(nèi)容的點(diǎn)擊率有所不同。這正好和謀思副總裁張少華先生提到的“首屏理論”一致。網(wǎng)頁板塊規(guī)劃兩欄設(shè)計(jì)研究最新可編輯word 文檔兩欄設(shè)計(jì)頁面對(duì)于兩欄設(shè)計(jì)，JakboNielsen也曾對(duì)232位用戶瀏覽幾千個(gè)頁面的過程中的眼動(dòng)情況進(jìn)行追蹤，發(fā)現(xiàn)用戶在不同站點(diǎn)上的瀏覽行為有明顯的一致性。這種瀏覽行為有三個(gè)特征：1 .用戶首先會(huì)在內(nèi)容區(qū)

7、的上部進(jìn)行橫向?yàn)g覽。2 .用戶視線下移一段距離后在小范圍內(nèi)再次橫向?yàn)g覽。3 .最后用戶會(huì)在內(nèi)容區(qū)的左側(cè)做快速的縱向?yàn)g覽。顯然，用戶的瀏覽行為并非精確的包含這個(gè)三個(gè)過程，有時(shí)候，在這三個(gè)過程之后，還會(huì)在底部有橫向?yàn)g覽的熱點(diǎn)，使得整個(gè)瀏覽熱區(qū)圖看上去更像E而不是F。也有時(shí)候，用戶瀏覽時(shí)只反應(yīng)了上述的彳f為1和行為3,使得瀏覽熱區(qū)圖像一個(gè)倒寫的L。但從所有數(shù)據(jù)整體上來看，用戶的屏幕瀏覽熱區(qū)圖還是較一致地反應(yīng)出了F圖像。網(wǎng)頁板塊規(guī)劃一一三欄設(shè)計(jì)研究經(jīng)過分析上面的純理論性研究，我們?cè)賮砜匆粋€(gè)有趣的用戶研究：中、美、韓用戶瀏覽網(wǎng)頁習(xí)慣。中韓兩國研究者進(jìn)行了一個(gè)關(guān)于認(rèn)知風(fēng)格perception）的跨文化研究

8、，找來中美韓三國用戶（共（cognitive style） 與網(wǎng)頁感知（webpage27人）進(jìn)行了眼動(dòng)測(cè)試，研究結(jié)果頗有意思。實(shí)驗(yàn)是讓用戶瀏覽（不做任何點(diǎn)擊）以下這個(gè)仿照雅虎布局的測(cè)試頁面（根據(jù)用戶的國籍使用相應(yīng)語言版本的頁面），眼動(dòng)儀將做實(shí)時(shí)記錄，測(cè)試過程為30秒人而to5盤總順 生港叁亭 綽出（Ofr 美氣F舉,UKfHE產(chǎn)札昌M整3肝由萬其融聿部通西電斗世統(tǒng)費(fèi)秀|1 證 比一岫至un己方*w5 和，;工兵.北談鮮北看11荒匿注，世飛片MX出掂!1F5療球?qū)?”文2T石同吟*耳聲三-*不行卜工色冷匕手拉心 ” Be *t府房rsM畀力可沾K電子堂事HR3毒，HiMS： VW.、*奧困*郎

9、嚴(yán)匕以甘考也if叫百7依歸W.ilg同，以彩甘卑并在既善了.*曼*,神富匕工塞士亶7fjQ：不un事m ?艮r(nóng)gRUMO充算鼻蟲里注荏世夏“ PT1nu?；K.二；r?iq,F.品邙可理也，三幣片 M/時(shí)-兀青工出而一的香橘.日*派,應(yīng)強(qiáng)占出國日有電或工笈卡正在H茹十中國-m滿足*曲由炯制Mf?！甭暳?整度w II（蒸幻*工一船工T. i*l.yiWf -5A息 X4E- X* . .情】用.#宇田叩？！ ETot/xuYt HOI鈔心蘆鵬T 乂料砧黃由丁丹圖1 :測(cè)試頁面這齒人掂田的裝閏電B1EQ手 ,事0國*5 后不上午壬，;，“mz事鼻區(qū)工曲邛F.田 E”工總矛引空中壯”舊才K名遇京

10、申貯里除這班玲*，色壬ii-KK，K呼廿止，1行傳工越r痞近在區(qū)上：MFX透口 里？j?per ciiitE 三性3（仃新立同.ucn 尻津wa豳t%t?茸.喧工人內(nèi)工鹿證FiEH塾曳金芭i. 了化箝 UKViA?詼*不弁中圮飆研究者將頁面分為 9個(gè)興趣區(qū)域AOI, AREA OF INTERESTS)最新可編輯word文檔Jabt。腳Ms ttrrt丹童/91MHj Ik 中桁乂6Litw處rinni*ElWtTrMilTchtSfripsOW - ilrrragfts I.YMroi1 (O)幅 il Hk*M曲型Thu 施 niilNcin art hnisf TwoqrPi”m-ngi

11、蠹 2CMiq和 育皿口 Ma$pigrn 才拿口 4QO展二才*new舊懂d arrx F： i片zVb仃5口跖壬 巾。時(shí)廠-口傳rnahM Pm k 前。除dsMtrE* Tlt Outfl-fi iti-lmi1fpi他歸wrth tp*i，n*WeIKiTOIRIAJF1口DuMiUmSe-MChMB 街 Gd awibiiiflr ”|小乙 ffCffTTFUlC-ft ft?nwvrt- fiTMgg 4 Mbli hM lUnwnfnls piQmc? 口曬 uJl *1 期 r-S*h 出 grs iWi=WftWJ，p*KE.Rdf埼匕0刷 u吩 pn*/lift;事呼陽餐

12、ifWfl4SiCMJ!l flWtSi CtfTipiftlH g咕 iWnHig srte ClvniTfav。口中中四式,-J- inrjwWl電* - B * m砒 T*r lUftiM imimiai! mfllc mxi 力皆 De ue n M1BKUflhf 14I .彈MfTdta“J M0舊地 drtmiini *nidi 的燈期 Wti 帝魏gt MMrfi AM rm- 赳機(jī)CQUJll tLk !l Lw砂*3因. . OuK* wiM mjy r* ,yvokfl a q w* 6 制決 fr “ uaE wjler 時(shí)電，6 Pr* C 卜白一。木耳bM Me D

13、*n-31il SMd：a , ：，二CND .- 加 DW，二 jri 9hL tj jli、J H4jr K wMIrttf haL4Ag BbAd 曲- Hum w Q4 M*n How to cm tot 防e eiuen, Tfirr .in hM J5 1 卜用PopuUlT冏4圖2:興趣區(qū)域（AOI）從下圖“前25秒用戶訪問的AOI總和”可以看出，韓國用戶的眼睛一直在整個(gè)頁面到處跳動(dòng)。比起其他兩個(gè)組別，他們更多地在各個(gè)區(qū)域中跳來跳去。在前15秒，中美兩國用戶的眼動(dòng)比較相似：在前10秒，中國用戶的AOI活動(dòng)稍微高于美國用戶，但很快就明顯領(lǐng)先了。15秒之后，美國用戶的AOI的增長率低

14、于中國用戶，說明美國人的眼睛活動(dòng)開始穩(wěn)定，并開始將注意力集中在頁面的某一處。AccumulatednumberofAOIsuservisitedinthefirst25seconds30.0020.005 000.0J15.0010.00下圖是“每AOI注意點(diǎn)時(shí)長總和”。注意點(diǎn)停留時(shí)長反映出該區(qū)域?qū)τ脩舻闹匾?。頁頭中部的區(qū)域2（見圖2）是尤其重要的，它吸引了三國用戶最長久的注意?？傮w來說，美國用戶將注意力放在區(qū)域1、2、5的時(shí)間明顯高于其他兩組。中國用戶則在區(qū)域2、5、6、8、9集中了更久的注意力。TotalFixationDurationinEachAOI再來看看眼動(dòng)結(jié)果（由上至下依次為中

15、、美、韓）。綠色的點(diǎn)代表眼睛活動(dòng)的開始，紅色代表結(jié)束。中國用戶眼動(dòng)圖美國用戶眼動(dòng)圖L4I41母,毗1bItTT韓國用戶眼動(dòng)圖根據(jù)眼動(dòng)結(jié)果，研究者從兩個(gè)方面做出了分析:備注： SequentialReading:眼睛隨著區(qū)域塊依次瀏覽。 CircularScan:眼睛掃描路徑接近于順時(shí)針畫圓。 BackandForthScan:眼睛在內(nèi)容之間往返掃描，某個(gè)區(qū)域在短時(shí)間內(nèi)被反復(fù)注視。 OnlyScan:用戶只是掃描頁面，并沒有將焦點(diǎn)放在某個(gè)區(qū)域，也就是眼動(dòng)很頻密。 FocusonTitle:用戶的注意力相對(duì)更多地放在標(biāo)題上。 NavigationReading:用戶的注意力更多放在導(dǎo)航條上，會(huì)花一

16、定時(shí)間瀏覽導(dǎo)航內(nèi)容（導(dǎo)航的起源也在美國）。由此可見，中韓用戶更傾向以掃描、打圈的方式閱讀網(wǎng)頁。同時(shí)，中韓用戶更喜歡往返于各個(gè)內(nèi)容區(qū)域，說明他們閱讀時(shí)比較隨意。相反地，美國用戶比較關(guān)注細(xì)節(jié)，也很少這看一眼那看一眼。下圖是從另一個(gè)角度來闡釋眼動(dòng)結(jié)果。 “0Shape:眼動(dòng)路徑類似于畫0。 “5Shape:眼動(dòng)路徑類似于畫5(也就是，眼睛以此訪問：2,5,6,9,8,7區(qū)域)。 NShape:眼睛看完一列再看另一列。 ZShape:眼睛依次掃過各行。 “XShape:眼睛以對(duì)角線的方式掃描，隨意跳躍。可見，多數(shù)中國人和韓國人都采用0式瀏覽，而美國人更多是采用5式瀏覽。也就是說，中韓用戶會(huì)整體去看一個(gè)

17、頁面，而多數(shù)美國人趨向于從中心向外圍瀏覽。最后，研究者提出了一些設(shè)計(jì)建議。對(duì)于采用整體思維方式(holisticthinkers)的中韓用戶來說，他們更傾向于掃描頁面整體，而且以一種非線性的瀏覽方式，因此內(nèi)容安排可以較為靈活。對(duì)于采用分析性思維方式(analyticthinkers)的美國用戶來說，頁面布局要非常清晰，每個(gè)信息區(qū)域都要有區(qū)別于其他區(qū)域的特點(diǎn)，導(dǎo)航部分也尤其重要。視覺焦點(diǎn)之幾何圓的使用由于每個(gè)人受教育程度、知識(shí)面、習(xí)慣、及生活方式、對(duì)色彩的喜好等因素的影響，不同的人對(duì)同樣的設(shè)計(jì)會(huì)有不同的理解和判斷。例如“我不喜歡這個(gè)網(wǎng)頁的設(shè)計(jì)”、“花花綠綠不喜歡”、“是不是用黃色比較好”、“喜慶

18、的節(jié)日當(dāng)然用紅色啦”、“還是采用蘋果的灰色比較好”、“左邊欄再寬出10像素更好”這些在工作中轟炸你頭腦的“建議”每天都會(huì)發(fā)生。我們不可能滿足每一個(gè)人對(duì)于色彩、頁面設(shè)計(jì)的喜好，但是我們可以從另一個(gè)交互設(shè)計(jì)的角度來滿足絕大多數(shù)的需求，這就是一一視覺焦點(diǎn)。那么什么是視覺焦點(diǎn)呢？視覺焦點(diǎn)就是在有限的視線范圍內(nèi)快速捕捉你自己認(rèn)為吸引你的區(qū)域。反映在互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)中，就是指設(shè)計(jì)的頁面上最吸引人注意的地方，視線上集中交匯的地方，這個(gè)位置就叫焦點(diǎn)。在日常生活中我們運(yùn)用照相機(jī)對(duì)準(zhǔn)人的臉部，那也是在獲取一個(gè)焦點(diǎn)。在網(wǎng)頁設(shè)計(jì)中，引導(dǎo)用戶集中在你想讓他關(guān)注的區(qū)域，那樣會(huì)讓你的設(shè)計(jì)有重心和亮點(diǎn)。視覺焦點(diǎn)的處理方式人們用

19、視覺獲取環(huán)境中的信息，對(duì)你注意的周圍都會(huì)是模糊的，你視線集中的中心點(diǎn)是最清晰的。第一張，視覺上呈現(xiàn)這樣的狀態(tài)是：視線上沒有集中，整體模糊，是成方形的視覺框架。第二張和第三張，圖中的兩朵花在圖形中是最漂亮的亮點(diǎn)，漂亮的東西會(huì)引人注意，你會(huì)注意到上一朵或則下一朵，注意任何一朵花的時(shí)候，眼球集中點(diǎn)會(huì)以圓的形狀向外逐漸模糊，最中心點(diǎn)就是焦點(diǎn)。圓形作為設(shè)計(jì)中的元素的時(shí)候，自然更加的適應(yīng)視覺上的感知。視覺強(qiáng)弱美女其實(shí)可以獨(dú)立成為一個(gè)視覺焦點(diǎn)，但當(dāng)我們給美女加了圓形邊框后，視覺焦點(diǎn)就轉(zhuǎn)移到圓形邊框包括到的美女上，最后將圓形填充，視覺焦點(diǎn)就轉(zhuǎn)移到填充色的圓形的美女上。/、JJi/W44/3點(diǎn)對(duì)比圖片圖1整體畫

20、面平平，人物排列沒有層次，視覺上給人感覺很散。圖2通過添加圓形背景框，會(huì)讓你想表達(dá)的圖形首先進(jìn)入用戶眼球。圖3不僅添加圓形背景框，再區(qū)分人物大小，主次分明，焦點(diǎn)突出，畫面活躍立體圜硬 *圓滑幾何的對(duì)比上圖中我們可以看到，方形過度到圓形的變化，圓形是由極其細(xì)小的邊角組成，在變化當(dāng)中 圖形變得越來越有樂趣，比較下來圓形在幾何圖形中具有平滑流暢的邊緣，圓形更讓人感覺輕松，愉悅。 設(shè)計(jì)需要增加樂趣的時(shí)候，我們可以多運(yùn)用流暢線條的圖形來讓頁面活躍起來。【酷樂仕】型人秀 = 1比小強(qiáng)匕 tHI IIin 區(qū)憂ftPS實(shí)例效果進(jìn)行比較（圓型設(shè)計(jì)）在這個(gè)頁面上圓形挑起了大梁，支撐整個(gè)頁面，人物笑臉圖片組合的圓

21、形包圍著瓶子，映射了這個(gè)飲料帶給我們的快樂。圓形不僅加強(qiáng)了焦點(diǎn)，更加強(qiáng)了頁面的層次感，讓頁面不會(huì)單薄、無力度。vitamin water11而1設(shè)由畝扉立儀一二丁二一7MM UD*2fiS1)帝樂仕】型人秀屣WSIK9ttJ? WAF.區(qū)魄，南f ” 上孚號(hào)*. *“工:卜W* H * aUiMK MWU叫HFi實(shí)例效果進(jìn)行比較（方型設(shè)計(jì)）雖然同樣用加框的形式來集中物體焦點(diǎn)，同圓形邊框相比整體畫面呆板，僵硬，缺失了活躍 的感覺。2010新款衛(wèi)衣全新上線!，、翔。3 LM60：即；*riyQ q 中歷總 叩 MWG5F全場(chǎng)飛l68j2010新款衛(wèi)衣全新上線!.5A200W.篋*ftffVF事.元

22、”皿 河 啊圓形在廣告位中的設(shè)計(jì)圓形對(duì)價(jià)格的標(biāo)注，讓用戶對(duì)這誘惑的價(jià)格更加的感興趣，很好的營造了商品的氣氛。圓形元素和其它幾何圖形比較圓形具有圓滑的特點(diǎn)，讓人感覺輕松，愉悅，合理的運(yùn)用會(huì)提高頁面的層次，讓焦點(diǎn)更加突出，增強(qiáng)視覺感的同時(shí)也能夠營造活躍的氛圍。我們都在不斷嘗試如何讓頁面變的美觀而生動(dòng)，創(chuàng)造富有活力的頁面，讓網(wǎng)站給人的視覺感受富有好感，把握好設(shè)計(jì)中的焦點(diǎn)，使頁面信息有效傳達(dá)的前提下，運(yùn) 用有趣的圓形來設(shè)計(jì) 頁面是設(shè)計(jì)中很有效的方法。產(chǎn)品經(jīng)理和交互設(shè)計(jì)師在頁面設(shè)計(jì)中的應(yīng)用羅里羅嗦談了這么多，那么我們產(chǎn)品經(jīng)理及交互設(shè)計(jì)師在原型圖中如何來設(shè)計(jì)更好滿足用戶體驗(yàn)?zāi)?？在做新產(chǎn)品原型時(shí)，需要考慮設(shè)

23、計(jì)風(fēng)格問題：符合目標(biāo)客戶的審美習(xí)慣，并具有一定的引導(dǎo)性。網(wǎng)站在設(shè)計(jì)之前，必須明確目標(biāo)客戶群體，并針對(duì)目標(biāo)客戶的審美喜好，進(jìn)行分析，從而確定網(wǎng)站的總體設(shè)計(jì)風(fēng)格。在頁面布局方面要重點(diǎn)突出，主次分明，圖文并茂。與你負(fù)責(zé)產(chǎn)品線目標(biāo)相結(jié)合，將目標(biāo)客戶最感興趣的，最重要的信息放置在焦點(diǎn)位置。你在和你的下一工序(有的公司是美工、有的公司是用戶體驗(yàn)師、有的是交互設(shè)計(jì)師)時(shí)，需要將你的執(zhí)導(dǎo)思想告訴給他們，不然他們不了解的話，會(huì)讓你的產(chǎn)品偏差非常大，以至在產(chǎn)品開發(fā)之處你對(duì)產(chǎn)品的把握就已經(jīng)失去了方向。1. 對(duì)比圖像，文字更具吸引力在瀏覽一個(gè)網(wǎng)站的時(shí)候，能夠直接吸引用戶目光的并不是圖像。調(diào)查發(fā)現(xiàn)：大多數(shù)通過偶然點(diǎn)擊進(jìn)

24、入網(wǎng)站的用戶，他們是來尋覓的是信息而不是圖像。因此，保證網(wǎng)站設(shè)計(jì)凸現(xiàn)出最重要的信息板塊，這才是設(shè)計(jì)的首要原則。2. 根據(jù)視覺鎖定，一欄格式比多欄格式擁有更好的表現(xiàn)力大多數(shù)情況下，簡潔更具力量。多欄內(nèi)容容易被用戶忽視，我們需要消除這些干擾，在砍掉板塊影響不大的情況下，盡量去掉這些冗余信息。例如資訊搜索列表頁。3. 簡短的段落相對(duì)于長段落來說有更好的表現(xiàn)力網(wǎng)頁信息是為大多數(shù)強(qiáng)調(diào)快速瀏覽的互聯(lián)網(wǎng)用戶提供的。除非上下文的銜接要求，保持信息由簡短的段落和句式組成。例如網(wǎng)站的產(chǎn)品介紹。4. 人們大都只瀏覽網(wǎng)頁的小部分內(nèi)容如果在用戶瀏覽的時(shí)候提供信息使他們盡快鎖定目標(biāo)，就可以把這一點(diǎn)發(fā)展成為你的優(yōu)勢(shì)。突出某

25、些部分使網(wǎng)頁信息容易找到和閱讀。5. 用戶瀏覽網(wǎng)頁時(shí)，首先觀察網(wǎng)頁的左上部和上層部分，之后再往下閱讀，瀏覽右邊。以前研究表明：讀者常忽視大部分的橫幅廣告，視線往往只停留幾分之一秒。因此需創(chuàng)新廣告位，合理配置網(wǎng)站廣告形式。讀者在閱讀文章的時(shí)候并不是逐字逐句，而會(huì)習(xí)慣跳躍掃視，因此，關(guān)鍵信息高亮顯示出來更易于讀者把握重要信息。標(biāo)題的設(shè)置要精煉，且要傳達(dá)足夠的信息量。這是讀者決定是否閱讀這篇文章的關(guān)鍵。另還可增加副標(biāo)題作為補(bǔ)充，如果副標(biāo)題仍不夠吸引，基本上他們就不會(huì)感興趣去點(diǎn)擊了，也就會(huì)出現(xiàn)了產(chǎn)品經(jīng)理最不希望看到的信息跳出率(BounceRate)。5.網(wǎng)站結(jié)構(gòu)及頁面設(shè)計(jì)微應(yīng)用(1) 頁面導(dǎo)航方面：

26、導(dǎo)航條清晰明了、突出，層級(jí)分明。(2) 圖片展示方面：比例協(xié)調(diào)、不變形，圖片清晰。圖片排列既不過于密集，也不會(huì)過于疏遠(yuǎn)。(3) 圖標(biāo)使用方面：簡潔、明了、易懂、準(zhǔn)確，與頁面整體風(fēng)格統(tǒng)一。(4) 廣告位設(shè)計(jì)方面：避免干擾視線，廣告圖片符合整體風(fēng)格，避免喧賓奪主。(5) 按鈕設(shè)置方面：對(duì)于交互性的按鈕必須清晰突出，以確保用戶可以清楚地點(diǎn)擊。(6) 站內(nèi)搜索方面：搜索提交后，顯示清晰列表，并對(duì)該搜索結(jié)果中的相關(guān)字符以不同顏色加以區(qū)分。(7) 欄目命名方面：與欄目內(nèi)容準(zhǔn)確相關(guān)，簡潔清晰，不宜過于深?yuàn)W。其實(shí)對(duì)一個(gè)網(wǎng)站做一次用戶體驗(yàn)分析是很細(xì)很累的活，但是意義卻很大，尤其對(duì)年銷售額上千萬級(jí)的電子商務(wù)網(wǎng)站而言，用戶體驗(yàn)做好了，轉(zhuǎn)化率能增加千分之一那就能促進(jìn)數(shù)百上千萬的銷售額，必須引起足夠重視。寫在結(jié)尾事實(shí)上，互聯(lián)網(wǎng)用戶瀏覽網(wǎng)頁的習(xí)慣和顧客瀏覽商店中物品的習(xí)慣沒有多大差別。用戶打開一個(gè)新的頁面，掃視一些文字，并點(diǎn)擊第一個(gè)引起他興趣的鏈接。在這過程中