我們不斷地從各種地方，聽到各種關(guān)于用戶體驗優(yōu)化的技巧或提示，其中許多乍一聽都很富有邏輯，但是假如我們能找到真實的數(shù)據(jù)和報告去驗證這些理論或猜想，顯然就能更好地確認(rèn)預(yù)期效果。

本文討論一些用戶可用性方面的研究發(fā)現(xiàn)，這些研究結(jié)果的獲取，主要通過視覺軌跡、數(shù)據(jù)統(tǒng)計報告、以及關(guān)于網(wǎng)站可用性改進方面的調(diào)研。你將會發(fā)現(xiàn)，許多可用性優(yōu)化的提示是眾所周知的，但是得到了更好的數(shù)據(jù)支持；與此同時，你也能得到一些驚喜，這些發(fā)現(xiàn)可能會改變你對目前網(wǎng)頁設(shè)計方式發(fā)展走向的看法。

1、請忘記“三次點擊定律”

這是一個歷史悠久的說法：如果用戶不得不點擊三次以上才能找到他想要的內(nèi)容，那么他會不耐煩并且有挫敗感（而離去）。2001年，Jeffrey Zeldman–一個頗有名氣的網(wǎng)頁設(shè)計領(lǐng)域權(quán)威，在他的著作《Taking Your Talent to the Web》里提出，“三次點擊定律”將幫助你的網(wǎng)站具備更有邏輯的層次和更符合直覺的訪問感受。

邏輯上看，說的沒錯。用戶在花了很多時間點擊尋找所需內(nèi)容以后，當(dāng)然會煩躁。

但是為何要武斷的設(shè)定“三次點擊”的限制？是否有跡象顯示，網(wǎng)站訪客會在嘗試了“三次”點擊尋找以后就會忽然放棄？

事實上，大多數(shù)訪客并不會因為他們點擊了某個神秘的次數(shù)以后就放棄，點擊的次數(shù)和他們是否煩躁并沒有明顯的關(guān)聯(lián)。

一項由Joshua Porter在UIE（User Interface Engineering）網(wǎng)站發(fā)表的研究顯示，用戶經(jīng)過更多次點擊–例如十二次點擊以后，并不比三次點擊以后離去的趨勢更明顯。Porter提到，實際上幾乎沒有人因為點擊了超過三次就放棄。

來源:?User Interface Engineering

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

相關(guān)鏈接

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

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

Jakob Nielsen博士–一位可用性研究領(lǐng)域的先鋒人士，曾組織超過230個參與者，進行了關(guān)于網(wǎng)頁閱讀習(xí)慣的視覺軌跡研究。這項研究結(jié)果顯示，參與者在快速瀏覽網(wǎng)頁時，視覺軌跡顯示出F形的模式。（譯者注：所謂F形模式，即從網(wǎng)頁最左上看起，看完前面幾行的大部分內(nèi)容，越往下看的越短，形成F形瀏覽軌跡）

來源:?Alertbox

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

來源:?Clickr Media

對網(wǎng)頁設(shè)計師和網(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)站

我們總是被告知用戶是沒有耐性的：他們討厭等待。這很合理，誰喜歡特意去等呢？不過除了這些傳聞以外，是否有切實的證據(jù)顯示，用戶不喜歡等待以及網(wǎng)頁性能是否會影響到訪客。

微軟的搜索引擎-Bing進行了一項分析，研究頁面載入速度和其他網(wǎng)站指標(biāo)是否有明顯的相關(guān)-如滿意度、單位用戶收入、點擊速度等。報告顯示，每2秒鐘的頁面延遲會降低3.8%的用戶滿意度，減少4.3%的單位用戶收入和減少4.3%的點擊數(shù)。對一個像微軟那樣規(guī)模的公司來說，4.3%的減少已經(jīng)可以相當(dāng)于數(shù)百萬美元的損失。

來源:?O’Reilly Radar

因此用戶的“沒有耐性”主要是因為他們等太久而不滿，從而減少點擊。此外如果你很在意搜索引擎排名，那么提升頁面響應(yīng)速度就顯得更為迫切–google已經(jīng)將頁面速度加入了排名計算因素。

如何提升頁面性能呢？使用各種工具來發(fā)現(xiàn)性能瓶頸，使用css sprites（譯者注，將零散圖片并成一個大圖，來減少圖片載入負(fù)載）提升頁面速度，利用標(biāo)準(zhǔn)化度量工具如YSlow來協(xié)助進行前端性能優(yōu)化。

相關(guān)鏈接

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

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

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

來源:?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)心頁面下拉和滾動條

有一個古老的“神話”告訴我們，網(wǎng)頁的重要內(nèi)容必須要在“fold”（譯者注：折疊線）上面，這是一個從報紙借到互聯(lián)網(wǎng)的詞匯，意思是無需滾動下拉條就能看到的頁面區(qū)域，這個用法最早是由Jakob Nielsen提出的。

所以，很長的頁面是否就糟糕呢？我們是否不得不把所有內(nèi)容塞到頁面頂部，因為用戶不會去閱讀“fold”以下–也就是需要下拉才能看到的內(nèi)容呢？

一家網(wǎng)站分析公司Clicktale的報告給出的回答是：“并非如此”。這份報告結(jié)果顯示，頁面長度并不會影響到用戶是否下拉瀏覽頁面的可能性。

來源:?Clicktale

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

來源:?cxpartners

這里需要重點指出的是，你無需因為害怕用戶“不會下拉頁面尋找”而將所有重要內(nèi)容堆砌在頁面頂部。正確的方法是，運用視覺分級原則和分區(qū)的技巧，來表現(xiàn)頁面上各種內(nèi)容的重要性和優(yōu)先級（譯者注：從而方便用戶尋找內(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余名用戶的視覺軌跡研究報告指出，瀏覽左側(cè)的“主要注意力”大約為69%的總瀏覽時間。

來源:?Alertbox

同樣的結(jié)果也從反面出現(xiàn)在那些“從右往左”書寫的文化環(huán)境里，例如希伯來語或阿拉伯語的網(wǎng)站上，視覺軌跡報告的結(jié)果就正好相反（主要的注意力集中在右側(cè)）。

從這個結(jié)果可以得到兩件事。首先，你的網(wǎng)站界面設(shè)計需要考慮到包括語言、書寫方向在內(nèi)的諸多文化環(huán)境因素；其次，作為絕大多數(shù)的、從左往右閱讀習(xí)慣的網(wǎng)站，將網(wǎng)頁重要的元素放在左側(cè)是一個好主意，反之亦然（從右往左閱讀的網(wǎng)站，將重要元素放在右側(cè)）。

相關(guān)鏈接

• Horizontal Attention Leans Left

7，文字之間的空間會影響可讀性

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

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

來源:?Software Usability Research Laboratory

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

相關(guān)鏈接

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

8，微小的細(xì)節(jié)可以導(dǎo)致巨大的差異

當(dāng)整個網(wǎng)頁項目處于趕時間的狀況時，經(jīng)常發(fā)生只盯住大方面，而忽視一些小事的情況。時間或其他資源有限時，我們往往會放棄某些文字措辭的考慮，或者某個表格的按鈕設(shè)計。有太多其他的事情需要我們考慮，一些小細(xì)節(jié)往往就隨他去了。

不過有時，一些小細(xì)節(jié)–例如表格的某個按鈕，會影響到整個網(wǎng)站的成功與否。在用戶界面設(shè)計專家Jared Spool的一個案例中，他通過一個細(xì)節(jié)改動：在結(jié)算流程中移除一個按鈕，換上一個更清晰的錯誤提示信息來防止用戶操作失誤，此改動在一年內(nèi)提高了3億美元的收入。第一個月，這個結(jié)算流程的改版直接帶來了45%的銷售額增長。

這種高度關(guān)注細(xì)節(jié)的做法得到了一家用戶導(dǎo)向設(shè)計公司Flow的附和。他們發(fā)現(xiàn)通過修正網(wǎng)站的報錯頁面，來提供更有用的幫助文字，能提高每月成功結(jié)算率0.5%，推算出去，對這個網(wǎng)站意味著每年增加二十五萬英鎊的收入。

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

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

相關(guān)鏈接

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

9，不要試圖用搜索來彌補惡劣的導(dǎo)航設(shè)計

用戶希望看到容易使用和組織良好的導(dǎo)航。即便有一個非常出色的站內(nèi)搜索，用戶仍然會首先使用主導(dǎo)航。根據(jù)Gerry McGovern進行的任務(wù)測試顯示，超過70%的參與者在接到任務(wù)以后，首先是點擊了頁面上的一個鏈接，而不是使用搜索功能。

這個結(jié)果同UIE對30個用戶進行的“電子商務(wù)任務(wù)測試”的結(jié)果很接近。研究分析指出，用戶通常是在該頁面的鏈接無法達(dá)到他們預(yù)期的情況下，才會轉(zhuǎn)向到搜索引擎。也就是說，搜索只是被用在，當(dāng)用戶在當(dāng)前頁面不能找到他想找東西的情況下。

這些結(jié)果可以得出清晰的結(jié)論：不能依靠站內(nèi)搜索來彌補或“拯救”差勁的內(nèi)容組織、難以尋找、以及惡劣的信息架構(gòu)等問題。當(dāng)用戶無法順利被導(dǎo)航到他們想去的地方時，注意力應(yīng)該轉(zhuǎn)向界面設(shè)計、導(dǎo)航設(shè)計和內(nèi)容組織的改進；至于改進搜索功能，則應(yīng)作為次要因素。

相關(guān)鏈接

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

10，你的首頁并非你想的那樣重要

訪客來到你網(wǎng)站并不一定是首先到達(dá)首頁。搜索引擎在這里是一個關(guān)鍵因素，他們將訪客直接鏈接到你網(wǎng)站內(nèi)的任何一個相關(guān)頁面。其他網(wǎng)站的外部鏈接也是一樣，經(jīng)常直接鏈接到首頁以外的，有相關(guān)內(nèi)容的頁面。

根據(jù)Gerry McGovern的分析，從網(wǎng)站首頁進入的訪客比例正在戲劇性地下滑。他見證了一個大型研究網(wǎng)站的“首頁進入訪客比例”從2003年的39%，下降到2010年的2%。這一趨勢在他研究的另一個網(wǎng)站也得到驗證，首頁進入訪客比例在短短兩年內(nèi)減少了一半（從2008年的10%，下降到2010年的5%）。

McGovern的研究結(jié)果表明，越來越多的流量來自于外部源頭-搜索引擎、社會化媒體（如twitter）、內(nèi)容聚合服務(wù)（如AllToP)–而不是來自網(wǎng)站的首頁。因此，將注意力從首頁更多地轉(zhuǎn)移到著陸頁，將會為你的網(wǎng)站帶來更高的性價比-花很少時間得到很大收獲，以及更好的留住和轉(zhuǎn)化用戶的機會。

相關(guān)鏈接

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

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