四大UX設計原則,打造網站最佳瀏覽體驗
Web設計者正在藉助大量工具,以使自己設計的網站給使用者帶來最可能好的使用者體驗。最好的辦法之一是在設計中充分利用現有的科研成果,以最大化使用者的滿意度。
眼動追蹤研究為設計者提供了各種設計藍圖,以引導他們優先設計網站使用者感興趣的內容部分。該研究同樣展示了訪問者閱讀網站的方式,可幫助Web設計者“裁剪”出適合普通大眾的網站。當使用者在你的網站中獲得了良好的使用者體驗,他們會再回來,並有機會轉變為網站的“常客”。
那該研究可以告訴我們關於普通訪問者的哪些內容?設計者如何利用該研究來指導網站設計? Webdesigner Depot網站發表了一篇文章《 4 essential UX rules taught by eye-tracking research》,以眼動追蹤研究為基礎,深入探討了網站設計中應遵循的四大UX設計原則。
用引人注意的標題文字來吸引使用者,而非圖片
根據研究,標題文字比炫麗的圖片更容易引起網站使用者的注意。該發現可用於首頁佈局,尤其適用於新聞網站。這也恰好解釋了為什麼很多新聞網站盡最大可能頻繁使用煽情類標題來吸引使用者注意力的原因。
幾年前,有一個稱為“Eyetrack III”的著名研究,發現網站的訪問者特別喜歡盯著標題看。更進一步,這些標題在頁面中的位置也將對使用者訪問網站的速度產生影響。將這些標題放在頁面的左上部分,你將獲得更多關注網站內容的使用者。
如果你正在設計一個新聞類網站,請記住這一點:電腦螢幕上的文字比圖片能更迅速地吸引使用者的眼球。 Fox News,作為全世界排名173,美國排名36的知名網站,很好地利用了這一發現。你可以仔細觀察一下它首頁中的頭條標題。
採用F形狀模式來設計網站
幾年以前,Nielsen Norman Group公佈了一個非常重要的Web使用者研究報告,其中指出每個使用者通常按F形狀模式來閱讀網站內容。
網站訪問者最開始會水平瀏覽網站的上部內容,這也就是F的頂部橫槓。然後,訪問者會從左側向下瀏覽一些網站內容後,再開始水平瀏覽,這次瀏覽的長度要小於最開始水平瀏覽的長度,這算是F的第二個短橫槓。最後,他們垂直瀏覽網站左側內容,這就形成了F左側的豎欄。
一些網站已經將該研究中很好地應用到實踐中。如 Ghost Games,它的網站主頁很完美地採用了F形狀模型。這不僅提高了使用者體驗,而且使導航變得易於使用,尤其是F形狀中的豎欄很好地展示了這個網站的資訊。
不用把時間浪費在廣告上
很多人發現網站上所展示的廣告很煩人,這也說明了為什麼很多網站訪問者會忽略這些廣告,而只去專注那些有用的網站內容。來自Nielsen Norman Group的另一研究顯示,如果網站使用者正專注於網站內容時,他們是不會注視任何廣告的。
要明白,設計一個主要靠廣告來盈利的網站,其實就是在浪費時間。根據該研究報告,你應該重新考慮網站的盈利方式。比如,去掉廣告,轉為基於訂閱的模式,向網站的訪問者收取一定的會員費。一些網站在意識到廣告這一弊端後,已經開始轉向該模式。
Club Penguin就是一個很好的例子。它是迪斯尼的一款大型多人線上遊戲。該網站上的所有廣告均免費,但訪問者需要購買會員身份才能玩遊戲。
避免花哨文字與樣式
簡約是未來趨勢。如果你希望網站使用者可以迅速發現所需內容,簡約很重要。美國衛生與公眾服務部的一篇關於“可用性”的 博文指出,網站中的文字與樣式越花哨,網站給使用者帶來的困擾就越多,導航失敗的概率就會越高。該博文引用了Nielsen數年前的一個研究,研究中請訪問者尋找美國人口普查局網站中的基本資訊,而很多人在該測試中都失敗了。
參與者被要求在該網站中尋找美國當前的人口數。令人吃驚的是,即便該資訊以大字號、紅色字型標註在頁面的右側頂部,也僅有14%的參與者找到它。有人懷疑,導致如此低成功率的原因是資訊被放在了頁面的右邊,違背了F形狀模型。
而進一步的實驗發現大部分參與者根本就沒有在意這個被放大、標紅的資訊。原因在於,該訊息花哨的樣式使它看起來更像一個促銷廣告。很多使用者根本不會注意廣告,所以獲得這樣的測試結果也就不足為怪了。
現在來看一下改進後的 美國人口普查局網站。現在它已經發生了巨大的變化,人口數字不再像一個有花哨樣式的廣告,它被移動到頁面左邊的底部,以便吸引使用者向下滾動頁面去檢視它。但這仍算不上好的替代方案。
理解眼動追蹤,理解高效的網站設計
眼動追蹤研究實際上基於使用者的行為溝畫了一幅使用者瀏覽網站時的喜好藍圖。無視該研究的Web設計者將會令自己身陷困境。巧妙利用該研究,可給使用者帶來愉悅、簡單的網站衝浪體驗,從而吸引更多使用者,獲得更好的知名度。
請記住,在任何一個網站上,吸引使用者注意力是的標題文字,不是圖片。記住F形狀模型,這對你設計出好的網站(至少是首頁)佈局有很大幫助。
最後,拋棄廣告。它們不僅影響美觀,很多網站使用者也不會注意它們。探索網站其它盈利方式,可以通過收取會員費或其他方法。無論你怎樣做,千萬不要讓有用的內容看起來像廣告,這樣使用者會直接忽略掉它們。記住這些,你將設計出符合使用者行為的網站。
相關文章
- 瞭解這些設計原則,助你打造最佳使用者體驗
- Google移動網站設計原則Go網站
- 網站設計的可用性原則網站
- 幽默:四大設計原則要點
- 網站建設需要注意哪些設計原則網站
- Yahoo!網站效能最佳體驗的34條黃金守則網站
- 導航設計的15個UX指導原則UX
- 網站使用者體驗分析:頁面導航原則網站
- 軟體設計原則
- UI應遵循的三大網站設計原則UI網站
- 軟體設計原則—介面隔離原則
- 軟體設計原則—合成複用原則
- Yahoo!網站效能最佳體驗的34條黃金守則(轉載)網站
- 軟體設計原則(Principles)
- 使用者體驗設計中的編排原則
- Microsoft ,Apple,Google使用者體驗設計原則ROSAPPGo
- 軟體設計原則—依賴倒轉原則
- 10個提升瀏覽體驗的最佳Firefox外掛Firefox
- Yahoo!網站效能最佳體驗的34條黃金守則——JavaScript和CSS網站JavaScriptCSS
- 程式設計師最佳網站程式設計師網站
- 網站設計中不可忽視的可用性原則網站
- 網站設計過程中需要遵循的幾個原則網站
- 利用偉大的原則設計一個糟糕的網站網站
- 宋磊:使用者體驗設計的五項原則
- 軟體設計原則與模式模式
- 最佳化 GitHub 體驗的瀏覽器外掛「GitHub 熱點速覽」Github瀏覽器
- 《如何做好軟體設計》:設計原則
- 軟體設計原則—迪米特法則
- 優秀網站設計師應該知道的20個原則網站
- 提升使用者體驗舒適度的核心設計原則
- 設計原則
- 四大瀏覽器核心瀏覽器
- 軟體設計7大原則
- 一些軟體設計原則
- 七大軟體設計原則之一 | 開閉原則
- SOLID 原則:軟體設計的基本原則Solid
- 設計出色API的最佳實踐與原則 - JamesAPI
- 設計原則:開閉原則(OCP)