資訊 · NEWS

如(rú)何進行(xíng)網站導航設計(jì)

2018-08-22 行(xíng)業(yè)資訊 100 分(fēn)享

網站如(rú)果沒有(yǒu)一個(gè)有(yǒu)效的(de)導航,用(yòng)戶在網站上(shàng)容易迷路(lù),那麽他(tā)們也(yě)會(huì)來匆匆去匆匆,網站再好的(de)内容也(yě)來不及展示,最後導緻大(dà)量用(yòng)戶的(de)流失。網站99%的(de)内容都(dōu)依賴良好的(de)導航設計(jì),因爲良好的(de)導航可(kě)以保證用(yòng)戶找到(dào)任何信息。所以網站導航能(néng)夠起到(dào)很好的(de)指引作用(yòng),目的(de)是希望浏覽者能(néng)快速找到(dào)他(tā)所需要的(de),分(fēn)出來不同類别就是網站的(de)欄目。網站設計(jì)一個(gè)有(yǒu)魅力的(de)導航還能(néng)留住用(yòng)戶浏覽更多的(de)内容信息,帶給用(yòng)戶良好的(de)體驗。

1.png

第一、導航模式

常見的(de)導航模式有(yǒu)很多,從顯示位置來說分(fēn)爲:頂部水(shuǐ)平橫欄式,垂直導航欄,側邊固定式,滑出或者彈出窗口導航等,通常網站是根據所要展示的(de)内容要點來選擇不同的(de)導航。小(xiǎo)編例舉幾種導航模式進行(xíng)詳細解說。

1、當網站内容相(xiàng)對較少(shǎo)時,選擇網站水(shuǐ)平式的(de)導航相(xiàng)對來說比較方便,能(néng)夠突出重點内容,且簡單清晰,又(yòu)不至于顯得頁面太空蕩,對于某個(gè)大(dà)類的(de)信息還可(kě)以通過下拉菜單的(de)方式進行(xíng)展示,歸類明(míng)确。

2、當網站内容相(xiàng)對較多時,一般采用(yòng)固定式或者抽屜式的(de)導航,這樣在用(yòng)戶浏覽網站時,導航就想網站目錄一樣,從最大(dà)内容标題細分(fēn)到(dào)各個(gè)詳細内容頁的(de)标題,用(yòng)戶浏覽時不管跳轉到(dào)哪個(gè)網頁,都(dōu)可(kě)以通過導航目錄快速回到(dào)目标信息上(shàng)繼續浏覽,還可(kě)節省網頁的(de)位置資源。

3、當網站内容在網頁顯示過長的(de)時,用(yòng)戶習(xí)慣用(yòng)鼠标無限去滾動網站内容,以便更加快速加載下面的(de)内容,這時網站适合采用(yòng)垂直式的(de)導航,方便用(yòng)戶在浏覽内容時導航信息始終保持在一個(gè)位置可(kě)以被快速找到(dào)。

第二、導航内容

網站的(de)導航内容是對整個(gè)網站想要展示的(de)信息的(de)總結,首先要遵循的(de)是導航欄目标題要與對 應的(de)詳細頁面相(xiàng)符合,才不會(huì)導緻用(yòng)戶認爲信息不一緻産生不信任的(de)後果。當然,标題總結詞要精簡,注意網站小(xiǎo)内容最好不要以導航的(de)總标題形式出現,可(kě)通過細 分(fēn)的(de)下拉菜單,或者以更多形式的(de)小(xiǎo)菜單欄裏出現。

第三、導航細節

大(dà)家有(yǒu)沒有(yǒu)注意到(dào),很多網站在内容過多時,用(yòng)戶往下滾動内容過長,如(rú)果用(yòng)戶想要快速回 到(dào)導航上(shàng)面,就會(huì)浪費部分(fēn)時間往上(shàng)滾動内容,對于缺乏耐心的(de)客戶來說,若不是内容确實吸引人(rén),那麽他(tā)們很有(yǒu)可(kě)能(néng)就此結束對網站的(de)浏覽,所以一般對于這種導 航的(de)設置,還要考慮一個(gè)細節,通常在内容旁邊設置一個(gè)“回到(dào)頂部”的(de)标志,以便用(yòng)戶快速到(dào)達頭部的(de)導航位置。

第四、導航創意

千篇一律的(de)導航形式,用(yòng)戶早已習(xí)慣,如(rú)果在網站建設時将用(yòng)戶最先注意到(dào)的(de)導航加點創 意,那麽是否能(néng)給網站一個(gè)畫龍點睛的(de)作用(yòng)呢?事實是這樣的(de),導航在指引用(yòng)戶搜尋内容時,還能(néng)改變用(yòng)戶浏覽網站的(de)心情,浏覽網站也(yě)像一場(chǎng)旅行(xíng),有(yǒu)創意的(de)導航 欄讓用(yòng)戶欣賞起來也(yě)會(huì)更加愉悅,增加對網站的(de)興趣。例如(rú),采用(yòng)别緻的(de)圖标式導航,情景式導航等。

大(dà)部分(fēn)的(de)公司産品網站,其導航規劃中基本上(shàng)都(dōu)會(huì)包括“公司資訊(或公司簡介)、最新消息、産品中心、聯系我們”等欄目,網站在商品欄目構成的(de)規劃上(shàng),按照(zhào)産品的(de)不同行(xíng)業(yè)類别來進行(xíng)分(fēn)類,因爲這些欄目也(yě)是作爲一個(gè)公司産品網站所必須的(de)内容分(fēn)類。



QQ2285001706 0592-5865936
x
Title