在移動(dòng)端網(wǎng)站設(shè)計(jì)中 HOME鍵的設(shè)計(jì)盒

多年以來，“主頁”按鈕提供了羅盤玫瑰，北極星，導(dǎo)航員重新組合到熟悉的首頁舒適性的功能，無論我們進(jìn)入網(wǎng)站有多深。但是，隨著用戶在瀏覽復(fù)雜的Web上變得更加流利時(shí)，擁有醒目的主頁按鈕已成為不必要的導(dǎo)航拐杖，這是Web設(shè)計(jì)師越來越避免的視覺障礙。

由于主要導(dǎo)航代表了我們要求用戶做出的一系列選擇，因此僅提供最重要的內(nèi)容類別作為選項(xiàng)非常重要。通過從此列表中選擇主頁按鈕，可以簡(jiǎn)化決策過程，并且我們可以提供更好的用戶體驗(yàn)。

在越來越精通技術(shù)的人群中，“主頁”按鈕與無需使用該按鈕即可輕松瀏覽普通網(wǎng)站的用戶無關(guān)。如果在其他地方存在相同的功能，則在站點(diǎn)的主導(dǎo)航中保留空間是浪費(fèi)寶貴的空間。

?

沒有像主頁按鈕這樣的地方

設(shè)計(jì)網(wǎng)站時(shí)，主要考慮因素是網(wǎng)站層次結(jié)構(gòu)中的用戶體驗(yàn)。如果他們不能輕松瀏覽您的網(wǎng)站，您的客戶可能會(huì)失去位置，感到沮喪并完全離開。如果您在線銷售產(chǎn)品，則意味著降低轉(zhuǎn)化率并可能降低收入。它不僅占用了可用于獲取更多重要信息的空間，而且常常增加了很多不受歡迎的選擇。

客戶的體驗(yàn)水平各不相同，容易分散注意力，并且可能需要許多上下文提示來幫助他們?cè)跒g覽網(wǎng)站時(shí)保持位置；不管規(guī)模有多小。因此，在更改站點(diǎn)之前，您必須徹底考慮用戶群的人口統(tǒng)計(jì)信息以及他們對(duì)網(wǎng)絡(luò)的理解水平。例如，如果您的用戶主要是嬰兒潮一代，他們可能需要更多指導(dǎo)，使年輕用戶不會(huì)遇到麻煩。盡管有刪除主頁按鈕的優(yōu)點(diǎn)，但您必須確信這樣做會(huì)減輕而不是阻礙用戶的使用體驗(yàn)。

那么，如何使您脫離主頁按鈕的舒適感呢？我們?nèi)绾蝿?chuàng)造足夠的便利性，使訪客無需回家，同時(shí)仍提供“主頁”按鈕提供的安全感？有一些網(wǎng)頁設(shè)計(jì)策略可以輕松地為所有人提供便利：

?

可點(diǎn)擊的徽標(biāo)

它已成為使公司的徽標(biāo)可單擊的標(biāo)準(zhǔn)網(wǎng)頁設(shè)計(jì)模式，因?yàn)閷?duì)于用戶而言，這可能是最常用的主頁按鈕替代方法。

因?yàn)榇蠖鄶?shù)站點(diǎn)的徽標(biāo)已經(jīng)在頁眉中突出顯示（通常在左上角或中部），所以這是返回首頁的便捷快捷方式。當(dāng)公司徽標(biāo)始終顯示在頁面上時(shí)，作為永久的“主頁”按鈕，設(shè)計(jì)模式就更加有用。

?

面包屑

如果您的站點(diǎn)較大或具有復(fù)雜的層次結(jié)構(gòu)，則可以考慮使用“面包屑路徑”來向用戶提供他們?cè)谡军c(diǎn)組織中的位置的指示。面包屑可用于以多步驟形式顯示您的位置，進(jìn)行深度分層導(dǎo)航，甚至在瀏覽按各種類別組織或過濾的商店商品時(shí)也可以使用。面包屑是通常位于網(wǎng)頁頂部的鏈接，以不顯眼的方式描述了您在網(wǎng)站層次結(jié)構(gòu)中的位置。當(dāng)您逐頁瀏覽時(shí)，它們可以準(zhǔn)確顯示您在站點(diǎn)中的位置，并提供一種移動(dòng)所需步數(shù)的方法，甚至在需要時(shí)也可以移動(dòng)。

gov.uk網(wǎng)站是非常傳統(tǒng)的導(dǎo)航導(dǎo)航的一個(gè)很好的例子。當(dāng)您更深入地瀏覽其站點(diǎn)時(shí)，它們的面包屑也會(huì)顯示在頁面頂部，從而使您輕松回國。如果您的站點(diǎn)具有密集的組織結(jié)構(gòu)，則這是一個(gè)很好的考慮因素。

但是，使用面包屑的不僅僅是復(fù)雜的網(wǎng)站：luciacuba.com使用其徽標(biāo)和標(biāo)題作為面包屑來提供備份文檔樹的路徑。

?

頁腳

網(wǎng)站頁腳是另一個(gè)值得信賴的備用數(shù)據(jù)庫；該頁面的底部是各個(gè)級(jí)別的Web熟悉程度的用戶都知道要獲取有價(jià)值信息的地方。可以在頁腳中放置網(wǎng)站層次結(jié)構(gòu)的完整視圖，或者僅放置網(wǎng)站導(dǎo)航中比主要導(dǎo)航所提供的子集更大的子集（通常包括主頁按鈕）。這種方法提供了一個(gè)后備方法：即使您的用戶正在尋找主要導(dǎo)航的清晰簡(jiǎn)單選擇中未提供的內(nèi)容，頁面底部也會(huì)提供該網(wǎng)站的結(jié)構(gòu)。

AIGA設(shè)計(jì)會(huì)議2015的微型站點(diǎn)?包括一個(gè)主頁按鈕，該按鈕不在微型站點(diǎn)的首頁上，而是在AIGA主頁上。Wilson Quarterly和The Onion都使用徽標(biāo)將其頁腳鏈接到其主頁，但是Redesignd將其與其他有用的鏈接混合在一起。

?

關(guān)注用戶體驗(yàn)

良好的用戶體驗(yàn)設(shè)計(jì)著重于創(chuàng)建成功的用戶旅程，以吸引吸引和回頭的訪客，對(duì)于電子商務(wù)網(wǎng)站，則可以吸引購物者。盡管有許多工具可以幫助您更頻繁地進(jìn)行轉(zhuǎn)化，但是消除不必要的導(dǎo)航選項(xiàng)（如“主頁”按鈕）是簡(jiǎn)化訪問者訪問您的網(wǎng)站的重要途徑。

杭州網(wǎng)站建設(shè)，蘋果，Twitter和Wikipedia之類的巨型組織已經(jīng)取消了其主頁按鈕，因?yàn)橹黜摬皇沁M(jìn)行交互的主要來源，而只是提供特色優(yōu)惠，促銷或目錄的位置。

迷路的游客最有可能回到家中。從導(dǎo)航中消除“主頁”按鈕僅是使用戶直觀，無挫敗地瀏覽網(wǎng)站的第一步。減少用戶的決策制定和認(rèn)知負(fù)擔(dān)，將有助于鼓勵(lì)更多的轉(zhuǎn)化，購買，觀看的視頻，閱讀的文章或您的網(wǎng)站可以幫助訪問者完成的任務(wù)。

?

特色圖片，AIGA設(shè)計(jì)大會(huì)2015