我們不斷地從各種地方，聽到各種關(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ì)改變你對(duì)目前網(wǎng)頁設(shè)計(jì)方式發(fā)展走向的看法。

1、請(qǐng)忘記“三次點(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)擊了超過三次就放棄。

來源:?User Interface Engineering

留住用戶的重點(diǎn)，不在于降低點(diǎn)擊次數(shù)到某個(gè)神秘的數(shù)字以下，而是增加易用性本身。如果你能建立一個(gè)易用且?guī)碛鋹偟挠脩艚缑?，但需?5次點(diǎn)擊（5倍的“三次點(diǎn)擊”）來完成某項(xiàng)工作，那么不要讓無聊的三次點(diǎn)擊定律限制了你自己。

相關(guān)鏈接

• Testing the Three-Click Rule
• Breaking the Law: The 3 Click Rule

2，運(yùn)用F形模式來引導(dǎo)訪客的內(nèi)容瀏覽

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形瀏覽軌跡）

來源:?Alertbox

另一項(xiàng)由搜索引擎營銷公司Enquiro and Did-it同視覺軌跡研究公司Eyetools合作開展的研究，采用相似的視覺軌跡研究方法，對(duì)50名參與者進(jìn)行軌跡跟蹤，結(jié)果證實(shí)了在參與者瀏覽google搜索結(jié)果頁面時(shí)，也出現(xiàn)F形模式。被稱為“google金三角”的形成，正因?yàn)橛脩粢曈X的第一關(guān)注焦點(diǎn)是最左上部分，這個(gè)結(jié)果同Nielsen博士研究提出的F形模式是相一致的。

來源:?Clickr Media

對(duì)網(wǎng)頁設(shè)計(jì)師和網(wǎng)站寫手來說，這些結(jié)果提示出，如果你希望內(nèi)容更容易被看到，應(yīng)該將其朝左放置，并且以符合F形狀的形式來放置（例如標(biāo)題后面跟段落摘要或關(guān)鍵字），這些都能增加用戶快速瀏覽網(wǎng)頁過程中看到這些內(nèi)容的可能性。

相關(guān)鏈接

• F-Shaped Pattern For Reading Web Content
• Google Golden Triangle – Eyetracking How People View Search Results

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ù)。對(duì)一個(gè)像微軟那樣規(guī)模的公司來說，4.3%的減少已經(jīng)可以相當(dāng)于數(shù)百萬美元的損失。

來源:?O’Reilly Radar

因此用戶的“沒有耐性”主要是因?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)化。

相關(guān)鏈接

• Bing and Google Agree: Slow Pages Lose Users
• Selfish, mean, impatient customers: New Thinking

4，讓你的內(nèi)容更容易閱讀

Nielsen博士的一項(xiàng)關(guān)于用戶在網(wǎng)頁上閱讀行為的研究提出，網(wǎng)絡(luò)用戶并不真正地在線閱讀內(nèi)容。他的分析顯示用戶僅僅閱讀一個(gè)網(wǎng)頁上28%的文字，并且這一數(shù)據(jù)還隨著頁面上文字總量的增加而進(jìn)一步降低。

來源:?Alertbox

為了增加用戶閱讀到“大部分內(nèi)容”的可能性，可以利用各種技術(shù)去使得內(nèi)容更容易閱讀。例如高亮顯示關(guān)鍵字，標(biāo)題，目錄，縮短段落等。

相關(guān)鏈接

• How Little Do Users Read
• Block Reading: How We Read on the Web

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ì)影響到用戶是否下拉瀏覽頁面的可能性。

來源:?Clicktale

另一份由用戶導(dǎo)向設(shè)計(jì)公司CX Partners的Joe Leech的報(bào)告甚至提出，無需下拉即可看到區(qū)域的內(nèi)容如果很少，反而可以激勵(lì)用戶下拉去探索更多的內(nèi)容。

來源:?cxpartners

這里需要重點(diǎn)指出的是，你無需因?yàn)楹ε掠脩簟安粫?huì)下拉頁面尋找”而將所有重要內(nèi)容堆砌在頁面頂部。正確的方法是，運(yùn)用視覺分級(jí)原則和分區(qū)的技巧，來表現(xiàn)頁面上各種內(nèi)容的重要性和優(yōu)先級(jí)（譯者注：從而方便用戶尋找內(nèi)容，包括下拉尋找）。

相關(guān)鏈接

• Unfolding the Fold
• The Myth of the Page Fold: Evidence from User Testing
• Blasting the of the Fold
• The Impact of Paging vs. Scrolling on Reading Online Text Passages

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í)間。

來源:?Alertbox

同樣的結(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è)）。

相關(guān)鏈接

• Horizontal Attention Leans Left

7，文字之間的空間會(huì)影響可讀性

有良好可讀性的文字不僅容易理解，容易快速閱讀，也能提升網(wǎng)站用戶繼續(xù)讀下去–而不是關(guān)閉頁面離開的可能性。影響可讀性的因素有很多，包括字體選擇（是否帶襯線裝飾），字體大小，行距，背景/前景對(duì)比度，以及文字之間的空間。

在一項(xiàng)關(guān)于可讀性的研究測試中，20個(gè)參與者看到了內(nèi)容完全一樣的文字段落–不過文字邊框的空間大小和行與行之間的距離不同。結(jié)果顯示，沒有邊框空間的文字讀得更快，同時(shí)，理解效果降低了。當(dāng)文字段落邊上沒有留空間時(shí)，閱讀會(huì)加快，可以解釋為文字之間靠得更近，目光從行到行、從段落到段落需要的時(shí)間更短。

來源:?Software Usability Research Laboratory

正如這個(gè)研究顯示，我們對(duì)內(nèi)容的設(shè)計(jì)樣式會(huì)顯著影響用戶體驗(yàn)。保持對(duì)以下細(xì)節(jié)的關(guān)注：顏色、行距、分組，更進(jìn)一步的還有所謂的網(wǎng)頁排版技術(shù)，以此來保證你沒有妨礙用戶閱讀網(wǎng)頁內(nèi)容。更多內(nèi)容可以學(xué)習(xí)網(wǎng)頁設(shè)計(jì)中的負(fù)空間設(shè)計(jì)。

相關(guān)鏈接

• Reading Online Text: A Comparison of Four White Space Layouts

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%，推算出去，對(duì)這個(gè)網(wǎng)站意味著每年增加二十五萬英鎊的收入。

他們提供的“更有用”的幫助信息是什么？從一個(gè)不知所謂的404錯(cuò)誤頁面，變成一個(gè)禮貌的、兩行的信息：“我們很抱歉，在處理您的訂單時(shí)出現(xiàn)了錯(cuò)誤。您的信用卡還未被付款，請(qǐng)點(diǎn)擊結(jié)算再次進(jìn)行付款?！?

關(guān)注細(xì)節(jié)，運(yùn)用a/b對(duì)比測試來嘗試和驗(yàn)證你的假設(shè)，從而尋找最有效的、能得到最優(yōu)結(jié)果的設(shè)計(jì)。利用分析軟件設(shè)定網(wǎng)站的目標(biāo)，確定標(biāo)桿，并且不斷進(jìn)行評(píng)估、測試、優(yōu)化。

相關(guān)鏈接

• The $300 Million Button
• ￡250,000 From Better Error Messages
• The Thickness of Napkins

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對(duì)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)作為次要因素。

相關(guān)鏈接

• Navigation is More Important Than Search
• Are There Users Who Always Search?

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ì)。

相關(guān)鏈接

• The Decline of the Home Page
• Is Home Page Design Relevant Anymore?

來源：http://article.yeeyan.org/view/120036/135748