淺談網站前端導航功能的設計要點

用戶對導航的三種行為
1.適應
人們對導航會逐漸適應
2.預測
導航提供的信息氣味的線索,使人們可以預測下一步是什么
3.重定向
到達一個新網頁,人們會讓自己重新熟悉它
網站的導航設計大致類型
超大信息類站點的導航條就像中藥鋪的抽屜,一字排開氣勢恢宏,分別拉開,別有洞天。
國人喜好:多!大!全!最好全部鋪開才有氣勢。從不爭氣的‘S浪’網多年沒怎么變的首頁導航模式可見一般。至此,對比瀏覽了同類大型新聞信息類站點,發(fā)現中/洋;東/西,界面感受果然不同。
今天只說導航,只對比了新聞類站點:
(娛樂類,設計類,個人站點導航形式多樣,邏輯復雜,暫來不及鋪開)
Yahoo News / BBC News / CNN / abc News / China Daily / CCTV News / The Japan Times / The Korea Times / 騰訊新聞 / 新浪
首先關注首頁橫向主導航:
(常規(guī)縱向導航通常配合橫向主導航試用,且在商務型,大型信息類站點主頁中單獨使用頻率不高,通常在次級頁面出現,且一定是信息內容量大,分類繁瑣的站點。)
可見基本導航條模式如下:
1. 對于信息統(tǒng)一,歸納性強的站點,通常會使用簡單模式:
2. 對于有豐富次級信息的,通常會使用以下兩種模式:
a. 鼠標hover下拉
b. tab展開
a 型導航方便快捷預覽, b 型導航直接展開次級信息,也有站點把a/b模式合并。
3. 特別案例,蓋澆飯類型的,把所有信息都鋪出來,比如s浪:
(與其說導航,不如說是歸納過的標簽)
導航設計的一些注意點
導航上的迷失有多方面的原因:
1.當人們不理解資料的時候可能會感到迷惑
2.人們在查尋過程中迷失,不知道下一步做什么
3.人們可能會在網站中偏離方向感,無法回到以前的頁面,甚至是首頁
4.人們在信息系統(tǒng)中偏離方向、分散了注意力。
導航操作性:
一個完美的導航,最基本最重要的是隨時隨地,快速引導用戶去相關頁面,而且能及時返回,方便跳轉到其他頁面。
有意思的是,去容易,反而找到來時路就千差萬別了。
比如:用戶很可能是從首頁任何一個興趣點,誤入了詳情頁面,去的容易,1步到~!但從詳情頁面返回到其他模塊或想去其他分支類別頁面,就要仰賴導航了。
為了提供必要引導,當用戶進入到足夠深的詳細頁面,各種索引,面包屑都配合導航條應運而生。
做一個反向測試,看哪種導航配套設置更便捷。
導航路徑的確定:
1.以最終目標為起點
2.確定導航的需求
3.選擇適當的機制
相關文章
- 網站導航是對用戶的一種優(yōu)化,同時也是對搜索引擎的一種優(yōu)化,搜索引擎是靠機器人抓取信息,要讓機器人能很清楚的了解網站的層次和路徑,否則機器人可不會走你的迷宮,會被2016-07-16
網站導航的布局需要注意什么?如何做好網站導航的布局優(yōu)化?
好的導航能讓你的網站快速超越同行,對排名的獲取有著巨大的推動作用,那么如何做好網站導航的布局優(yōu)化?網站導航的布局需要注意什么?本文將提供網站導航布局相關內容供大2016-04-20- 面包屑導航的作用是告訴訪問者他們目前在網站中的位置以及如何返回。那么網站如何正確使用面包屑導航?下面小編就為大家介紹面包屑導航使用方法,來看看吧2016-03-17
從網站結構分析SEO的價值贏在哪里?網站導航結構怎么優(yōu)化?
在每個網站的運營過程中,SEO排名優(yōu)化是一道必不可少的步驟,而我們苦逼的站長們每天在辛辛苦苦的做SEO排名優(yōu)化,你可否想過這樣做的目的到底是為了什么?下面我們從網站結2016-02-22- 今天小編為大家?guī)砹薙EO優(yōu)化之面包屑導航的作用及注意事項,感興趣的朋友們可以跟著小編去下文了解一下哦2015-12-14
移動互聯(lián)網時代用戶更多選擇導航跳轉或是添加至收藏夾,未來你還需要域
移動互聯(lián)網的發(fā)展,讓域名在PC端向衍生的過程中發(fā)生著微妙的變化。瀏覽器不再是唯一入口,和App的較量一直難分伯仲,另外受限于移動設備輸入功能的缺陷,在移動瀏覽器中輸2014-09-28- 做導航站成功的早期創(chuàng)業(yè)者,曾經被很多站長羨慕,現在還有機會嗎?看看下文的分析2014-05-26
- 網站導航的設計對于一般的網站來說比較簡單,小網站的層次結構分明,網頁數量少,就像企業(yè)網站的導航一樣,只需要幾個按鈕就可以代替。而大型網站的導航設計就非常有挑戰(zhàn)性2013-07-02
- 提到seo優(yōu)化網站,我們首先想到的是"一個中心,兩個基本點",而訪問一個網站,我們首先會去關注的是這個網站的導航,一個網站的導航就好比是一本書的目錄,具有檢索功能、報2012-10-23
網站導航分析之不要讓我迷路 防止訪客在瀏覽過程中意外退出網站
這篇文章針對“防止訪客在瀏覽過程中意外退出網站”這類問題,為大家介紹一下我們應該做怎樣的分析、優(yōu)化2012-09-30