在所有的網頁設計元素中,一個回到首頁的鏈接都是必須存在的。這是因為:當用戶在網站中迷失方向,他們通常會選擇回到首頁繼續探索;或者用戶通常是在內頁著陸(尤其是通過搜索引擎來源的用戶),一個鮮明的回到首頁的鏈接可以讓他們更快的找到首頁。
回到首頁的鏈接通常有兩種形式:隱性鏈接和顯性鏈接,在網頁中,這兩種鏈接應當一同使用,以下是這兩種鏈接模式的注意事項。
一、“回到首頁”的隱性鏈接的注意事項
我們說到的隱性鏈接,其實指的就是鏈接隱含于圖片中,即網站上的logo。
1.logo應當包含鏈接,并且該鏈接應當指向首頁。
這個規則是基于人們長期使用網頁的習慣形成的。在使用網頁的過程中,很多人都學會了點擊網站的logo將他們帶回到主頁。
2.logo的位置:如果沒有設計上的硬性要求,將其放置于頁面左上方
左對齊是人們最習慣的布局方式,人們的瀏覽習慣通常也是從左上角開始,在左上角放置的logo可以給用戶品牌與網站第一印象的同時,給他們留下第一印象:這里有一個logo,當我迷失的時候可能可以點擊這個回到首頁。
關于logo的位置會如何影響人們的用戶體驗,我們新銳將于下期的文章中發布一份調查研究報告的結果與分析,請保持關注。
3.確保logo與文本或其他頁面元素的差異性,讓用戶第一眼就明白這是一個logo。
我們來看一下下面這個實例:
logo文字放置于正中央,其大小顏色都與其他導航幾乎相同,沒有足夠的視覺差異性。當用戶第一次來到這個頁面時,若想回到首頁,他們很可能會找不到有效的回歸方式而感到困擾。
再來看一下這個實例:
即使是通用汽車這樣的大公司,在設計上也難以面面俱到。網頁中logo在左上角,左邊緊跟一個漢堡折疊菜單欄。該logo看起來雖然與頁面對比度足夠,但是字體太小不夠明顯,看起來更像是一個頁面標題之類的元素而不是logo。左邊的漢堡菜單不光分散了用戶的視線,當點擊后會彈出折疊的菜單卻沒有回到首頁。初次使用的用戶極為容易感到困擾。
然而,設計再好的logo,也無法解決所有用戶“回到首頁”的問題。盡管點擊logo能回到首頁似乎已經成為了常識,然而對于有些用戶卻并不適用:在實際的使用測試過程中,我們依舊會發現有些用戶第一選擇是尋找帶有明顯文本標識的“首頁”鏈接,甚至有時候這是他們的唯一“回到首頁”的選擇。
二、“回到首頁”的顯性鏈接的注意事項
“回到首頁”的顯性鏈接指的是帶有明顯的文本標識,能讓用戶清楚的明白點擊該文本鏈接可以回到首頁。這類鏈接通常在導航欄與面包屑導航中極為常見。
1.顯性鏈接必須清晰易懂,并且確實指向首頁
“回到首頁”的鏈接文本,就用最簡單的“首頁”二字是最好的。目的清晰不容易讓用戶混亂。不要使用諸如公司名,網站名等等用戶看不懂的文本,這不光不利于用戶體驗,搜索引擎會知道你放置這些文本是做給搜索引擎看的而不是用戶,非常容易使你的網站被搜索引擎懲罰。
2.在面包屑導航中使用首頁鏈接時,確保首頁排在第一個
面包屑告訴用戶他們的當前位置,并提供返回更高級別欄目的文本鏈接。最好的面包屑導航就是從最高級別—首頁開始的。
3.當使用面包屑導航時,確保面包屑導航清晰可見,不要再在主導航欄上使用“回到首頁”
在同一頁面上使用兩次相同的鏈接是一個壞主意,因為這增加了不必要的復雜性。
newbalance網站的面包屑導航非常明顯,清晰的提供了層級結構的同時,在主導航上也沒有出現“首頁”的文本鏈接。
4.在首頁上,不要使用顯性鏈接
用戶本來就在首頁上,提供一個“首頁”鏈接只會讓他們感到困擾:我所處的位置是不是首頁?當點擊鏈接時發現跳轉頁面完全相同,非常不利于用戶體驗。
在導航欄的設計上,要么在首頁上直接隱去“首頁”這一欄,要么采用一些設計效果讓“首頁”無法點擊并讓用戶明白所處位置確實是首頁。
斯坦福大學生物學的首頁的導航欄中,“首頁”的字體采用黑色,字體下方采用灰色下劃線,較為清晰的顯示了用戶所處位置,在不同頁面切換時,采用同一個導航欄也會降低用戶認知壓力。
三、2級頁面的“回到首頁”要結合具體需求具體分析
在一些大型網站中,非常常見的一種情況是:2級頁面代表的內容量已經非常龐大,自成一個體系。這種情況下,用戶想要的“回到首頁”很可能不是回到一級頁面,而是回到2級分類的首頁上。
我們來看一下下面的例子:
NBA的湖人專題頁面,其中湖人的logo返回的就是湖人專題首頁而不是NBA.com的首頁。他們將NBA.com的logo放置于頁面的左上角,并且圖標進行了一定的縮小處理。
在2級頁面的“回到首頁”設置上,結合具體用戶可能的需求,制定合適的策略,并且頁面上也一定要留有全站首頁的鏈接。
總結
回到首頁這一個細微之處的設計,也需要精心的打磨,務必不要讓用戶因為在你的網站中感到困惑與迷路而離開。