原文：10 Usability Tips Based on Research Studies
我們不斷地從各種地方成福，聽到各種關(guān)于用戶體驗(yàn)優(yōu)化的技巧或提示鸦采，其中許多乍一聽都很富有邏輯峦萎，但是假如我們能找到真實(shí)的數(shù)據(jù)和報(bào)告去驗(yàn)證這些理論或猜想还棱，顯然就能更好地確認(rèn)預(yù)期效果温眉。
本文討論一些用戶可用性方面的研究發(fā)現(xiàn)，這些研究結(jié)果的獲取褒纲，主要通過視覺軌跡准夷、數(shù)據(jù)統(tǒng)計(jì)報(bào)告、以及關(guān)于網(wǎng)站可用性改進(jìn)方面的調(diào)研莺掠。
你將會(huì)發(fā)現(xiàn)衫嵌，許多可用性優(yōu)化的提示是眾所周知的，但是得到了更好的數(shù)據(jù)支持彻秆；與此同時(shí)楔绞，你也能得到一些驚喜结闸，這些發(fā)現(xiàn)可能會(huì)改變你對目前網(wǎng)頁設(shè)計(jì)方式發(fā)展走向的看法。
1酒朵、請忘記“三次點(diǎn)擊定律”
這是一個(gè)歷史悠久的說法：如果用戶不得不點(diǎn)擊三次以上才能找到他想要的內(nèi)容桦锄，那么他會(huì)不耐煩并且有挫敗感（而離去）。
2001年蔫耽，Jeffrey Zeldman--一個(gè)頗有名氣的網(wǎng)頁設(shè)計(jì)領(lǐng)域權(quán)威结耀，在他的著作《Taking Your Talent to the Web》里提出，“三次點(diǎn)擊定律”將幫助你的網(wǎng)站具備更有邏輯的層次和更符合直覺的訪問感受匙铡。
邏輯上看饼记，說的沒錯(cuò)。用戶在花了很多時(shí)間點(diǎn)擊尋找所需內(nèi)容以后慰枕，當(dāng)然會(huì)煩躁具则。
但是為何要武斷的設(shè)定“三次點(diǎn)擊”的限制？是否有跡象顯示具帮，網(wǎng)站訪客會(huì)在嘗試了“三次”點(diǎn)擊尋找以后就會(huì)忽然放棄博肋？
事實(shí)上，大多數(shù)訪客并不會(huì)因?yàn)樗麄凕c(diǎn)擊了某個(gè)神秘的次數(shù)以后就放棄蜂厅，點(diǎn)擊的次數(shù)和他們是否煩躁并沒有明顯的關(guān)聯(lián)匪凡。
一項(xiàng)由Joshua Porter在UIE（User Interface Engineering）網(wǎng)站發(fā)表的研究顯示，用戶經(jīng)過更多次點(diǎn)擊--例如十二次點(diǎn)擊以后掘猿，并不比三次點(diǎn)擊以后離去的趨勢更明顯病游。Porter提到，實(shí)際上幾乎沒有人因?yàn)辄c(diǎn)擊了超過三次就放棄稠通。
留住用戶的重點(diǎn)衬衬，不在于降低點(diǎn)擊次數(shù)到某個(gè)神秘的數(shù)字以下，而是增加易用性本身改橘。如果你能建立一個(gè)易用且?guī)碛鋹偟挠脩艚缑孀涛荆枰?5次點(diǎn)擊（5倍的“三次點(diǎn)擊”）來完成某項(xiàng)工作，那么不要讓無聊的三次點(diǎn)擊定律限制了你自己飞主。
2狮惜，運(yùn)用F形模式引導(dǎo)訪客瀏覽
Jakob Nielsen博士--一位可用性研究領(lǐng)域的先鋒人士，曾組織超過230個(gè)參與者碌识，進(jìn)行了關(guān)于網(wǎng)頁閱讀習(xí)慣的視覺軌跡研究碾篡。這項(xiàng)研究結(jié)果顯示，參與者在快速瀏覽網(wǎng)頁時(shí)筏餐，視覺軌跡顯示出F形的模式开泽。（譯者注：所謂F形模式，即從網(wǎng)頁最左上看起胖烛，看完前面幾行的大部分內(nèi)容眼姐，越往下看的越短，形成F形瀏覽軌跡）
另一項(xiàng)由搜索引擎營銷公司Enquiro and Did-it同視覺軌跡研究公司Eyetools合作開展的研究佩番，采用相似的視覺軌跡研究方法众旗，對50名參與者進(jìn)行軌跡跟蹤，結(jié)果證實(shí)了在參與者瀏覽google搜索結(jié)果頁面時(shí)趟畏，也出現(xiàn)F形模式贡歧。
被稱為“google金三角”的形成，正因?yàn)橛脩粢曈X的第一關(guān)注焦點(diǎn)是最左上部分赋秀，這個(gè)結(jié)果同Nielsen博士研究提出的F形模式是相一致的利朵。
對網(wǎng)頁設(shè)計(jì)師和網(wǎng)站寫手來說，這些結(jié)果提示出猎莲，如果你希望內(nèi)容更容易被看到绍弟，應(yīng)該將其朝左放置，并且以符合F形狀的形式來放置（例如標(biāo)題后面跟段落摘要或關(guān)鍵字）著洼，這些都能增加用戶快速瀏覽網(wǎng)頁過程中看到這些內(nèi)容的可能性樟遣。
3，不要讓用戶等待：加速你的網(wǎng)站
我們總是被告知用戶是沒有耐性的：他們討厭等待身笤。這很合理豹悬，誰喜歡特意去等呢？不過除了這些傳聞以外液荸，是否有切實(shí)的證據(jù)顯示瞻佛，用戶不喜歡等待以及網(wǎng)頁性能是否會(huì)影響到訪客。
微軟的搜索引擎-Bing進(jìn)行了一項(xiàng)分析娇钱，研究頁面載入速度和其他網(wǎng)站指標(biāo)是否有明顯的相關(guān)-如滿意度伤柄、單位用戶收入、點(diǎn)擊速度等文搂。
報(bào)告顯示响迂，每2秒鐘的頁面延遲會(huì)降低3.8%的用戶滿意度，減少4.3%的單位用戶收入和減少4.3%的點(diǎn)擊數(shù)细疚。對一個(gè)像微軟那樣規(guī)模的公司來說蔗彤，4.3%的減少已經(jīng)可以相當(dāng)于數(shù)百萬美元的損失。
因此用戶的“沒有耐性”主要是因?yàn)樗麄兊忍枚粷M疯兼，從而減少點(diǎn)擊然遏。此外如果你很在意搜索引擎排名，那么提升頁面響應(yīng)速度就顯得更為迫切--google已經(jīng)將頁面速度加入了排名計(jì)算因素吧彪。
如何提升頁面性能呢待侵？使用各種工具來發(fā)現(xiàn)性能瓶頸，使用css sprites（譯者注姨裸，將零散圖片并成一個(gè)大圖秧倾，來減少圖片載入負(fù)載）提升頁面速度怨酝，利用標(biāo)準(zhǔn)化度量工具如YSlow來協(xié)助進(jìn)行前端性能優(yōu)化。
4那先，讓你的內(nèi)容更容易閱讀
Nielsen博士的一項(xiàng)關(guān)于用戶在網(wǎng)頁上閱讀行為的研究提出农猬，網(wǎng)絡(luò)用戶并不真正地在線閱讀內(nèi)容。他的分析顯示用戶僅僅閱讀一個(gè)網(wǎng)頁上28%的文字售淡，并且這一數(shù)據(jù)還隨著頁面上文字總量的增加而進(jìn)一步降低斤葱。
為了增加用戶閱讀到“大部分內(nèi)容”的可能性，可以利用各種技術(shù)去使得內(nèi)容更容易閱讀揖闸。例如高亮顯示關(guān)鍵字揍堕，標(biāo)題，目錄汤纸，縮短段落等衩茸。
5，不必?fù)?dān)心頁面下拉和滾動(dòng)條
有一個(gè)古老的“神話”告訴我們贮泞，網(wǎng)頁的重要內(nèi)容必須要在“fold”（譯者注：折疊線）上面递瑰，這是一個(gè)從報(bào)紙借到互聯(lián)網(wǎng)的詞匯，意思是無需滾動(dòng)下拉條就能看到的頁面區(qū)域隙畜，這個(gè)用法最早是由Jakob Nielsen提出的抖部。
所以，很長的頁面是否就糟糕呢议惰？我們是否不得不把所有內(nèi)容塞到頁面頂部慎颗，因?yàn)橛脩舨粫?huì)去閱讀“fold”以下--也就是需要下拉才能看到的內(nèi)容呢？
一家網(wǎng)站分析公司Clicktale的報(bào)告給出的回答是：“并非如此”言询。這份報(bào)告結(jié)果顯示俯萎，頁面長度并不會(huì)影響到用戶是否下拉瀏覽頁面的可能性。
另一份由用戶導(dǎo)向設(shè)計(jì)公司CX Partners的Joe Leech的報(bào)告甚至提出运杭，無需下拉即可看到區(qū)域的內(nèi)容如果很少夫啊，反而可以激勵(lì)用戶下拉去探索更多的內(nèi)容。
這里需要重點(diǎn)指出的是辆憔，你無需因?yàn)楹ε掠脩簟安粫?huì)下拉頁面尋找”而將所有重要內(nèi)容堆砌在頁面頂部撇眯。
正確的方法是，運(yùn)用視覺分級原則和分區(qū)的技巧虱咧，來表現(xiàn)頁面上各種內(nèi)容的重要性和優(yōu)先級（譯者注：從而方便用戶尋找內(nèi)容熊榛，包括下拉尋找）。
6腕巡，將重要的網(wǎng)頁內(nèi)容靠左邊放置
無論閱讀還是寫作玄坦，從小生活在“從左往右”書寫的文化環(huán)境的人，都已經(jīng)養(yǎng)成了從左邊開始的習(xí)慣。這就是為什么大多數(shù)網(wǎng)頁訪客將主要注意力放在網(wǎng)頁的左側(cè)煎楣，根據(jù)Nielsen博士的涉及20余名用戶的視覺軌跡研究報(bào)告指出豺总，瀏覽左側(cè)的“主要注意力”大約為69%的總瀏覽時(shí)間。
同樣的結(jié)果也從反面出現(xiàn)在那些“從右往左”書寫的文化環(huán)境里择懂，例如希伯來語或阿拉伯語的網(wǎng)站上喻喳，視覺軌跡報(bào)告的結(jié)果就正好相反（主要的注意力集中在右側(cè)）。
從這個(gè)結(jié)果可以得到兩件事休蟹。首先沸枯，你的網(wǎng)站界面設(shè)計(jì)需要考慮到包括語言日矫、書寫方向在內(nèi)的諸多文化環(huán)境因素赂弓；其次，作為絕大多數(shù)的哪轿、從左往右閱讀習(xí)慣的網(wǎng)站盈魁，將網(wǎng)頁重要的元素放在左側(cè)是一個(gè)好主意，反之亦然（從右往左閱讀的網(wǎng)站窃诉，將重要元素放在右側(cè)）杨耙。
7，文字之間的空間會(huì)影響可讀性
有良好可讀性的文字不僅容易理解飘痛，容易快速閱讀珊膜，也能提升網(wǎng)站用戶繼續(xù)讀下去--而不是關(guān)閉頁面離開的可能性。影響可讀性的因素有很多宣脉，包括字體選擇（是否帶襯線裝飾）车柠，字體大小，行距塑猖，背景/前景對比度竹祷，以及文字之間的空間。
在一項(xiàng)關(guān)于可讀性的研究測試中羊苟，20個(gè)參與者看到了內(nèi)容完全一樣的文字段落--不過文字邊框的空間大小和行與行之間的距離不同塑陵。結(jié)果顯示，沒有邊框空間的文字讀得更快蜡励，同時(shí)令花，理解效果降低了。當(dāng)文字段落邊上沒有留空間時(shí)凉倚，閱讀會(huì)加快彭则，可以解釋為文字之間靠得更近，目光從行到行占遥、從段落到段落需要的時(shí)間更短俯抖。
正如這個(gè)研究顯示，我們對內(nèi)容的設(shè)計(jì)樣式會(huì)顯著影響用戶體驗(yàn)瓦胎。保持對以下細(xì)節(jié)的關(guān)注：顏色芬萍、行距尤揣、分組，更進(jìn)一步的還有所謂的網(wǎng)頁排版技術(shù)柬祠，以此來保證你沒有妨礙用戶閱讀網(wǎng)頁內(nèi)容北戏。更多內(nèi)容可以學(xué)習(xí)網(wǎng)頁設(shè)計(jì)中的負(fù)空間設(shè)計(jì)。
8漫蛔，微小的細(xì)節(jié)可以導(dǎo)致巨大的差異
當(dāng)整個(gè)網(wǎng)頁項(xiàng)目處于趕時(shí)間的狀況時(shí)嗜愈，經(jīng)常發(fā)生只盯住大方面，而忽視一些小事的情況莽龟。時(shí)間或其他資源有限時(shí)蠕嫁，我們往往會(huì)放棄某些文字措辭的考慮，或者某個(gè)表格的按鈕設(shè)計(jì)毯盈。有太多其他的事情需要我們考慮剃毒，一些小細(xì)節(jié)往往就隨他去了。
不過有時(shí)搂赋，一些小細(xì)節(jié)--例如表格的某個(gè)按鈕赘阀，會(huì)影響到整個(gè)網(wǎng)站的成功與否。在用戶界面設(shè)計(jì)專家Jared Spool的一個(gè)案例中脑奠，他通過一個(gè)細(xì)節(jié)改動(dòng)：在結(jié)算流程中移除一個(gè)按鈕基公，換上一個(gè)更清晰的錯(cuò)誤提示信息來防止用戶操作失誤，此改動(dòng)在一年內(nèi)提高了3億美元的收入宋欺。第一個(gè)月轰豆，這個(gè)結(jié)算流程的改版直接帶來了45%的銷售額增長。
這種高度關(guān)注細(xì)節(jié)的做法得到了一家用戶導(dǎo)向設(shè)計(jì)公司Flow的附和迄靠。他們發(fā)現(xiàn)通過修正網(wǎng)站的報(bào)錯(cuò)頁面秒咨，來提供更有用的幫助文字，能提高每月成功結(jié)算率0.5%掌挚，推算出去雨席，對這個(gè)網(wǎng)站意味著每年增加二十五萬英鎊的收入。
他們提供的“更有用”的幫助信息是什么吠式？從一個(gè)不知所謂的404錯(cuò)誤頁面陡厘，變成一個(gè)禮貌的、兩行的信息：“我們很抱歉特占，在處理您的訂單時(shí)出現(xiàn)了錯(cuò)誤糙置。您的信用卡還未被付款，請點(diǎn)擊結(jié)算再次進(jìn)行付款是目“梗”
關(guān)注細(xì)節(jié)，運(yùn)用a/b對比測試來嘗試和驗(yàn)證你的假設(shè)，從而尋找最有效的揉抵、能得到最優(yōu)結(jié)果的設(shè)計(jì)亡容。利用分析軟件設(shè)定網(wǎng)站的目標(biāo)，確定標(biāo)桿冤今，并且不斷進(jìn)行評估闺兢、測試、優(yōu)化戏罢。
9屋谭，不要試圖用搜索來彌補(bǔ)惡劣的導(dǎo)航設(shè)計(jì)
用戶希望看到容易使用和組織良好的導(dǎo)航。即便有一個(gè)非常出色的站內(nèi)搜索龟糕，用戶仍然會(huì)首先使用主導(dǎo)航桐磁。根據(jù)Gerry McGovern進(jìn)行的任務(wù)測試顯示，超過70%的參與者在接到任務(wù)以后翩蘸，首先是點(diǎn)擊了頁面上的一個(gè)鏈接所意，而不是使用搜索功能淮逊。
這個(gè)結(jié)果同UIE對30個(gè)用戶進(jìn)行的“電子商務(wù)任務(wù)測試”的結(jié)果很接近催首。研究分析指出，用戶通常是在該頁面的鏈接無法達(dá)到他們預(yù)期的情況下泄鹏，才會(huì)轉(zhuǎn)向到搜索引擎郎任。也就是說，搜索只是被用在备籽，當(dāng)用戶在當(dāng)前頁面不能找到他想找東西的情況下舶治。
這些結(jié)果可以得出清晰的結(jié)論：不能依靠站內(nèi)搜索來彌補(bǔ)或“拯救”差勁的內(nèi)容組織、難以尋找车猬、以及惡劣的信息架構(gòu)等問題霉猛。當(dāng)用戶無法順利被導(dǎo)航到他們想去的地方時(shí)，注意力應(yīng)該轉(zhuǎn)向界面設(shè)計(jì)珠闰、導(dǎo)航設(shè)計(jì)和內(nèi)容組織的改進(jìn)惜浅；至于改進(jìn)搜索功能，則應(yīng)作為次要因素伏嗜。
10坛悉，你的首頁并非你想的那樣重要
訪客來到你網(wǎng)站并不一定是首先到達(dá)首頁。搜索引擎在這里是一個(gè)關(guān)鍵因素承绸，他們將訪客直接鏈接到你網(wǎng)站內(nèi)的任何一個(gè)相關(guān)頁面裸影。其他網(wǎng)站的外部鏈接也是一樣，經(jīng)常直接鏈接到首頁以外的军熏，有相關(guān)內(nèi)容的頁面轩猩。
根據(jù)Gerry McGovern的分析，從網(wǎng)站首頁進(jìn)入的訪客比例正在戲劇性地下滑。他見證了一個(gè)大型研究網(wǎng)站的“首頁進(jìn)入訪客比例”從2003年的39%均践，下降到2010年的2%画饥。這一趨勢在他研究的另一個(gè)網(wǎng)站也得到驗(yàn)證，首頁進(jìn)入訪客比例在短短兩年內(nèi)減少了一半（從2008年的10%浊猾，下降到2010年的5%）抖甘。
McGovern的研究結(jié)果表明，越來越多的流量來自于外部源頭-搜索引擎葫慎、社會(huì)化媒體（如twitter）衔彻、內(nèi)容聚合服務(wù)（如AllToP)--而不是來自網(wǎng)站的首頁。因此偷办，將注意力從首頁更多地轉(zhuǎn)移到著陸頁艰额，將會(huì)為你的網(wǎng)站帶來更高的性價(jià)比-花很少時(shí)間得到很大收獲，以及更好的留住和轉(zhuǎn)化用戶的機(jī)會(huì)椒涯。
（完）
