由于搜索引擎的普及，許多網(wǎng)站的新用戶，他們的網(wǎng)頁(yè)設(shè)計(jì)著陸頁(yè)是在內(nèi)頁(yè)而不是首頁(yè)。著陸在內(nèi)頁(yè)的用戶，由于是搜索引擎將他們帶進(jìn)的網(wǎng)站，他們并不知道頁(yè)面的層級(jí)關(guān)系，以及上一級(jí)的頁(yè)面是在什么位置，因此他們更容易在網(wǎng)站中迷路。

關(guān)于如何避免用戶在網(wǎng)站中迷路，也發(fā)布過(guò)一些文章，比如如何通過(guò)網(wǎng)頁(yè)設(shè)計(jì)有效的將他們帶回首頁(yè)。而本篇文章，將結(jié)合實(shí)例告訴你，如何有效的告知用戶所在位置，制作網(wǎng)站的“導(dǎo)航牌。”　

導(dǎo)航牌

網(wǎng)站一般使用以下元素來(lái)告知用戶所處位置：

1.品牌Logo：在網(wǎng)頁(yè)設(shè)計(jì)頁(yè)面上展示logo可以標(biāo)識(shí)內(nèi)容所有權(quán)，讓在內(nèi)頁(yè)著陸的用戶明白自己是在哪個(gè)網(wǎng)站上。通常，我們將logo放置于左上角，已保證當(dāng)用戶希望找到它時(shí)，可以迅速的發(fā)現(xiàn)它。

2.導(dǎo)航上的視覺(jué)差異：借用導(dǎo)航文字的下劃線，或者文字顏色的變化等等，告知網(wǎng)頁(yè)設(shè)計(jì)用戶自己是在哪個(gè)欄目里。研究發(fā)現(xiàn)這種方式在用戶識(shí)別位置上非常有效。

3.頭部信息：在正文標(biāo)題左上方放置的頭部信息也可以起到幫助用戶明確位置的作用。同時(shí)由于空間相比導(dǎo)航更廣，因此可以羅列更多的層級(jí)信息，在位置信息上的呈現(xiàn)可以更加豐富。

4.頁(yè)面標(biāo)題：頁(yè)面標(biāo)題是寫在html里的，對(duì)頁(yè)面內(nèi)容作出的最高度詮釋。在瀏覽器的標(biāo)簽、搜索引擎的搜索結(jié)果、歷史訪問(wèn)記錄、收藏夾里呈現(xiàn)的都是頁(yè)面的標(biāo)題。描述性的、獨(dú)特的標(biāo)題有助于表明所有權(quán)、信息組織和頁(yè)面的特定內(nèi)容。

5.url：一個(gè)靜態(tài)化的可讀的url同樣也是告知用戶位置的一個(gè)重要標(biāo)識(shí)。其中與導(dǎo)航相關(guān)聯(lián)的層級(jí)信息非常實(shí)用，比如文章頁(yè)面的url帶有英文的article或者拼音的wenzhang等等都可以。

6.面包屑導(dǎo)航：與url相同，面包屑導(dǎo)航同樣彰顯了頁(yè)面的層級(jí)關(guān)系，相比url，面包屑導(dǎo)航用錨文本的形式可以更加清楚地描述各級(jí)頁(yè)面的主題。

7.文章線索：文章的發(fā)布日期，標(biāo)簽，頁(yè)面圖標(biāo)，配圖等等都可以表現(xiàn)出站點(diǎn)的信息結(jié)構(gòu)或者時(shí)間的信息。

8.頁(yè)面視覺(jué)變化：不同色彩的文字，logo的變化以及其他清晰可見(jiàn)的視覺(jué)化差異，都可以讓用戶明確自己所處的網(wǎng)站位置已經(jīng)發(fā)生了改變。

文章編輯：Micronet微網(wǎng)  最好的微商城系統(tǒng)盡在Micronet微網(wǎng)

如需了解更多微商城資訊  可報(bào)名申請(qǐng)或撥打全國(guó)免費(fèi)電話400-830-8248

聲明：本網(wǎng)部份文章為轉(zhuǎn)載文章，在每篇文章底部有說(shuō)明，文章的觀點(diǎn)和立場(chǎng)僅代表作者個(gè)人立場(chǎng)，不代表微網(wǎng)立場(chǎng)，若是文章轉(zhuǎn)載中有侵范您的權(quán)益，請(qǐng)發(fā)郵件到 [email protected]或致電13922854199通知?jiǎng)h除，謝謝！