如何通過網(wǎng)頁設計告訴用戶在網(wǎng)站中的位置？

日期：2018-10-08 人氣：1440741

導讀：由于搜索引擎的普及，許多網(wǎng)站的新用戶，他們的著陸頁是在內頁而不是首頁。著陸在內頁的用戶，由于是搜索引擎將他們帶進的網(wǎng)站，他們并不知道頁面的層級關系，以及上一級的頁面是在什么位置，因此他們更容易在網(wǎng)站中迷路。　　關于如何避免用戶在網(wǎng)站中迷路，新銳也發(fā)布過一些文章，比如如何通過設計有效的將他們帶回首頁。而本篇文章，新銳將結合實例告訴你，如何有效的告知用戶所在位置，制作網(wǎng)站的“導

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

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

導航牌

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

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

　　2.導航上的視覺差異：借用導航文字的下劃線，或者文字顏色的變化等等，告知用戶自己是在哪個欄目里。研究發(fā)現(xiàn)這種方式在用戶識別位置上非常有效。

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

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

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

　　6.面包屑導航：與url相同，面包屑導航同樣彰顯了頁面的層級關系，相比url，面包屑導航用錨文本的形式可以更加清楚地描述各級頁面的主題。

　　7.文章線索：文章的發(fā)布日期，標簽，頁面圖標，配圖等等都可以表現(xiàn)出站點的信息結構或者時間的信息。

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

　　在一些目錄層次很深的網(wǎng)站上，借用導航欄的視覺差異來說明所處位置與網(wǎng)站的信息結構非常困難。比如相冊類網(wǎng)站，按照年月日進行歸類的照片內頁，其所在的層級結構非常深。這時候，面包屑導航起到的作用會被放大，這種情況下通�？梢詫⒚姘紝Ш皆O計的更明顯一些。該網(wǎng)頁中最明顯的位置標識就是面包屑導航。

　　如何測試網(wǎng)站所處位置標識的設計是否有效?

　　將樣本頁直接拿給身邊的人，或者打印出來去找行人進行隨機測試。將不同的樣本頁展示給初次接觸該頁面的測試群體，詢問他們是否可以清楚的明確自己在網(wǎng)站中的位置。如果可以，詢問他們是借助頁面上的什么元素知道自己的位置的。如果不可以，詢問他們“一般借助什么元素來明確自己在網(wǎng)站中的位置/希望網(wǎng)站中添加什么導航元素”

　　總結

　　用戶通常會借助多種元素來明確自己在網(wǎng)站中的位置，以防迷路。通常來講，url與頁面標題等等不會展現(xiàn)在頁面視覺上的屬性，面對的受眾要比其他元素更小，如果能用設計來讓用戶清楚自己的位置再好不過。然而，url與頁面標題的設置同樣不能大意，這兩樣是搜索引擎理解頁面與層級關系的重要指標，不可忽視。

文本來自采集文章 http://www.x1827.cn/24/347.html 如需轉載或刪除，請聯(lián)系管理員。

上一條：巧妙利用布局和排版迅速提升網(wǎng)站顏值

下一條：網(wǎng)頁設計色彩搭配之清淡柔和的蠟筆色

< 返回上一級