眼動研究教授的4條基本UX規(guī)則

Web設(shè)計人員使用許多工具來使他們設(shè)計的網(wǎng)站最適合網(wǎng)站訪問者。實現(xiàn)這一目標(biāo)的最佳方法之一是將實際科學(xué)研究納入設(shè)計中，以最大程度地提高用戶滿意度。

眼動研究為設(shè)計師提供了各種設(shè)計藍(lán)圖，以指導(dǎo)他們確定網(wǎng)站訪問者通常在任何給定網(wǎng)站上吸收信息的優(yōu)先級。

眼動追蹤研究還告訴我們很多有關(guān)網(wǎng)站訪問者閱讀網(wǎng)站的方式。精明的Web設(shè)計人員可以使用此信息為普通人量身打造一個網(wǎng)站。當(dāng)用戶從訪問您的網(wǎng)站中獲得良好的體驗時，他們會回來的，他們很有可能甚至?xí)蔀槌Ｒ?guī)的網(wǎng)站訪問者。無論您要設(shè)計哪種類型的網(wǎng)站，這都具有影響。

那么，這項有見地的研究向我們介紹了有關(guān)平均網(wǎng)站訪問者的情況？設(shè)計人員如何利用這些非常強(qiáng)大的信息來創(chuàng)建出色的網(wǎng)站？您會對研究發(fā)現(xiàn)的結(jié)果感到驚訝。

用引人入勝的標(biāo)題吸引游客的眼睛，而不是照片！

與流行的看法相反，實際上吸引人的頭條吸引了站點訪問者的注意力，而不是令人大跌眼鏡。此發(fā)現(xiàn)適用于首頁布局，尤其是在您處理新聞?wù)军c的布局時。這也解釋了為什么如此多的新聞網(wǎng)站經(jīng)常使用聳人聽聞的新聞來震驚頭條，以吸引網(wǎng)站訪問者的寶貴注意力。

在幾年前的一項著名研究中，被稱為Eyetrack III研究，發(fā)現(xiàn)現(xiàn)場訪問者對頭條新聞頗有興趣，特別是在他們占主導(dǎo)地位的情況下。此外，這些標(biāo)題在首頁上的特定放置會影響網(wǎng)站訪問者在其上停留的速度。將標(biāo)題放在首頁的左上方，與將標(biāo)題放在首頁的其他位置相比，您會吸引更多的網(wǎng)站訪問者關(guān)注您的內(nèi)容。

因此，如果您是新聞網(wǎng)站的設(shè)計師，請記住這一點。同樣，與在屏幕上相比，文本在計算機(jī)屏幕上的吸引眼睛更快，這與人們通常所說的傳統(tǒng)觀點相反。?？怂剐侣?/span>（Fox News）的設(shè)計師非常了解這一現(xiàn)實。?？怂剐侣?/span>（Fox News）是世界上排名第173的站點，在美國排名第36的站點。觀察其主頁上的主要標(biāo)題如何精確地位于頁面的左上部分，并且明顯偏心。

以F形圖案設(shè)計網(wǎng)站

幾年前，尼爾森·諾曼集團(tuán)（Nielsen Norman Group）進(jìn)行了一項非常有啟發(fā)性的網(wǎng)絡(luò)用戶研究。該研究發(fā)現(xiàn)，每天的網(wǎng)站訪問者通常是在所謂的F-形圖案讀取任何指定網(wǎng)頁。

本質(zhì)上，站點訪問者通常通過頁面上部的初始水平移動來吸收網(wǎng)頁上的信息。這被稱為F的頂部欄。然后，訪問者通常在翻閱另一種比初始水平短的水平移動之前先將眼睛向下移一點。這是F上第二個較短的條。最后，它們以垂直方式查看左側(cè)頁面的內(nèi)容，從而形成了F的莖。

知道了普通Web用戶的這種恒定閱讀方式，它應(yīng)該激發(fā)您設(shè)計一個適合訪問者閱讀Web內(nèi)容的網(wǎng)站。這樣做將極大地改善他們的用戶體驗，并為您帶來更多忠實的網(wǎng)站訪問者。

一些網(wǎng)站已經(jīng)將該研究付諸實踐。Ghost Games是EA在瑞典西海岸的新工作室之一。請注意其主頁如何完美地模仿F形圖案。這改善了用戶體驗，并簡化了導(dǎo)航，特別是因為該模式中F的莖鏈接到有關(guān)演播室位置的信息。

不要在廣告上浪費時間-您的網(wǎng)站訪問者肯定不會！

許多人發(fā)現(xiàn)顯示廣告很煩人，這有助于解釋為什么許多網(wǎng)站訪問者只是忽略它們而只關(guān)注網(wǎng)頁的有用內(nèi)容。替代性和技術(shù)性術(shù)語是橫幅盲。尼爾森·諾曼集團(tuán)（Nielsen Norman Group）的另一項研究表明，大多數(shù)網(wǎng)絡(luò)用戶在吸收網(wǎng)絡(luò)內(nèi)容時根本不會固視任何廣告。

要知道，如果您設(shè)計的網(wǎng)站主要依靠展示廣告來賺錢，那簡直是浪費時間。根據(jù)研究，您應(yīng)該重新評估您在網(wǎng)站上賺錢的主要手段。取消廣告，轉(zhuǎn)而使用基于訂閱的模式，該模式向網(wǎng)站訪問者收取會員費。有些網(wǎng)站已經(jīng)意識到展示廣告的弱點，因此已經(jīng)在實施這種策略。

企鵝俱樂部（Club Penguin）就是一個很好的例子，它是迪斯尼擁有的MMO（大型多人在線游戲）。該網(wǎng)站上絕對沒有任何煩人的展示廣告，這就是為什么鼓勵訪客購買會員資格來玩游戲的原因。

避免花哨的單詞和格式

同樣，極簡主義統(tǒng)治著一天，特別是如果您希望網(wǎng)站訪問者能夠有效地在您的網(wǎng)站上找到信息。根據(jù)美國衛(wèi)生與公眾服務(wù)部的可用性博客的說法，網(wǎng)頁的格式和文字比較奇特（詳細(xì)說明），站點訪問者會感到困惑，并且無法通過基本的導(dǎo)航測試。該博客引用了尼爾森幾年前的一項研究，該研究要求測試對象從美國人口普查局的網(wǎng)站上找到基本信息。大多數(shù)人都未能通過測試。

要求參與者找到當(dāng)時的美國人口，這可在人口普查局的主頁上找到。令人驚訝的是，即使可悲的是，只有14％的參與者能夠在頁面上找到此信息，即使實際上是在頁面右側(cè)用巨大的紅色字母盯著他們。懷疑這種極低的成功率是由于頁面右側(cè)存在信息而導(dǎo)致的，因為這直接違反了已確立的F形閱讀模式。

但是，進(jìn)一步的檢查顯示，盡管信息的外觀很大，呈紅色且不容易丟失，但絕大多數(shù)參與者只是忽略了這些信息。他們忽略了它，因為它精美的格式和外觀使其看上去像是某種促銷或廣告！由于許多網(wǎng)絡(luò)用戶一開始就沒有關(guān)注展示廣告，因此根據(jù)我們的了解，對于任何人來說，這一結(jié)論都不足為奇。

尼爾森（Nielsen）的這項研究是6年前的事情，因此，看看美國聯(lián)邦政府是否在那段時間里學(xué)到了一些東西并改善了其可用性首頁，將是一件很有趣的事情！我們在這里談?wù)摰氖锹?lián)邦政府，所以效率不是它的堡壘。但是，從其當(dāng)前的人口普查站點來看，我們發(fā)現(xiàn)它至少做出了重大改變，因為人口數(shù)量不再像花哨的格式那樣令人眼花promotion亂。盡管如此，人口數(shù)量一直一直向下移動到首頁的左下角，從而迫使站點訪問者實際向下滾動到底端才能看到它。這也不是一個很好的選擇！

了解眼動追蹤，了解有效的網(wǎng)頁設(shè)計

進(jìn)行眼動追蹤研究是有原因的：根據(jù)用戶的行為，它們實際上為網(wǎng)絡(luò)用戶在任何給定站點上喜歡和不喜歡的內(nèi)容提供了一個藍(lán)圖。忽略此大量研究的Web設(shè)計師這樣做的后果自負(fù)。您為什么不希望設(shè)計一個訪客可以輕松瀏覽的網(wǎng)站？善用這項研究，網(wǎng)絡(luò)用戶會發(fā)現(xiàn)您的網(wǎng)站瀏覽非常愉快……這只會導(dǎo)致更多的訪問者和更大的知名度。

請記住，在任何給定的網(wǎng)站上，吸引用戶注意力并因此吸引他們注意力的總是標(biāo)題，而不是圖片。始終牢記臭名昭著的F形圖案，它代表了許多站點訪問者的一般觀看圖案。您最好設(shè)計至少一個在某種程度上模仿此模式的首頁布局。

電商網(wǎng)站設(shè)計，避免展示廣告。它們不僅看起來很糟，而且許多站點訪問者甚至都沒有理會它們并完全忽略它們。探索其他方法來獲取您網(wǎng)站的收入，例如通過會員費和其他方法。無論您做什么，都不要使有用的Web內(nèi)容看起來像促銷或廣告，因為網(wǎng)站訪問者也傾向于忽略它們。請記住所有這些，您將設(shè)計一個與訪客行為協(xié)調(diào)一致的網(wǎng)站。

您是否按照“ F”型設(shè)計？您還將分享其他哪些可用性提示？讓我們在評論中知道。

特色圖片/縮略圖，通過Shutterstock的眼睛圖片。