網(wǎng)站建設(shè)

Website development

《網(wǎng)站建設(shè)那些事兒》-如何規(guī)劃網(wǎng)頁(yè)導(dǎo)航

發(fā)布時(shí)間：2018-02-06 08:15:31 作者：曹責(zé) 來源：云智互聯(lián)

讀前腦補(bǔ)：網(wǎng)頁(yè)導(dǎo)航（navigation）是指通過一定的技術(shù)手段和規(guī)劃手段，為網(wǎng)站的訪問者提供一定的訪問途徑，使其可以方便地訪問到所需的內(nèi)容結(jié)構(gòu)。

現(xiàn)在互聯(lián)網(wǎng)對(duì)于網(wǎng)頁(yè)導(dǎo)航有這么幾種做法，傳統(tǒng)做法、移動(dòng)做法、左靠做法、居中做法、電商做法等等，這些做法是根據(jù)自身不同的信息量和內(nèi)容權(quán)重來進(jìn)行規(guī)劃的，那些內(nèi)容可以可以進(jìn)行歸類那些內(nèi)容權(quán)重比較高都決定了平臺(tái)的流量和SEO，也影響著用戶體驗(yàn)。

第一種：傳統(tǒng)做法（左LOGO右導(dǎo)航）

這種做法遵循了經(jīng)典規(guī)則，由左及右、從上到下符合了用戶體驗(yàn)的黃金弧線；因?yàn)榇蟛糠值目蛻舻谝淮卧L問網(wǎng)站的時(shí)候，第一眼都會(huì)落在logo上緊跟著就是導(dǎo)航，如果感興趣的用戶可以根據(jù)導(dǎo)航尋找相關(guān)內(nèi)容信息，如果不看就是繼續(xù)查看首頁(yè)下面的內(nèi)容。

推薦等級(jí)：四顆星★★★★★

應(yīng)用場(chǎng)景：傳統(tǒng)企業(yè)站

第二種：移動(dòng)做法（導(dǎo)航隱藏成一個(gè)菜單ICON）

這種做法比較超前，能夠應(yīng)用的這種做法的企業(yè)首先要自信、獨(dú)立、孤傲；用戶進(jìn)來網(wǎng)站首先只能看到logo和沖擊力極強(qiáng)的banner，往往這種網(wǎng)站給人的感覺比較深刻，一些專注于品質(zhì)和歐美國(guó)家的創(chuàng)意企業(yè)都是喜歡這樣的設(shè)計(jì)風(fēng)格；整個(gè)的網(wǎng)站注重展示視覺的作品比如一些原創(chuàng)手工油畫、一些比較有藝術(shù)感的素材。

推薦等級(jí)：三顆星★★★

應(yīng)用場(chǎng)景：創(chuàng)意設(shè)計(jì)企業(yè)站

第三種：左靠做法（整個(gè)導(dǎo)航吸到左側(cè)高端做法哦）

小編喜歡這樣的做法比較高端哈哈，來自于傳統(tǒng)而高于傳統(tǒng)的做法，經(jīng)典的logo展現(xiàn)形式依然是左上角，然而導(dǎo)航整體的安排在了左側(cè)，用戶通過左側(cè)可以方便看到網(wǎng)站的欄目信息，而右側(cè)則可以大篇幅的顯示設(shè)計(jì)內(nèi)容。是第一種和第二種的均衡做法。

推薦等級(jí)：五顆星★★★★★

應(yīng)用場(chǎng)景：無(wú)行業(yè)限制

第四種：居中做法（很難駕馭的一種做法）

此種做法首先要有一個(gè)很顯眼的logo，而且logo要有足夠的品牌風(fēng)格能夠單獨(dú)拿出來說事兒的，比如紅酒、奢侈品等等。這類品牌的logo具有很強(qiáng)的文化和品牌效應(yīng)。而導(dǎo)航就會(huì)安排在這logo的下方用戶以中軸線進(jìn)行網(wǎng)站體驗(yàn)。

推薦等級(jí)：三顆星★★★

應(yīng)用場(chǎng)景：傳統(tǒng)企業(yè)站

第五種：電商做法（枚舉大分類入口）

因?yàn)殡娚陶故镜纳唐罚唐穬?nèi)容又比較多很難去很快的查到想要的商品，那么矛盾就來了一般大的電商比如淘寶、天貓、京東、蘇寧等等用戶更多的是喜歡用搜索進(jìn)行商品的查詢。那導(dǎo)航還有存在的意義嗎有如果沒有導(dǎo)航網(wǎng)站就沒有結(jié)構(gòu)，所以電商的分類導(dǎo)航還是有他的用戶當(dāng)然也會(huì)符合一定量用戶的搜索習(xí)慣。

推薦等級(jí)：兩顆星★★

應(yīng)用場(chǎng)景：電商網(wǎng)站

以上五種是云智互聯(lián)多年來總結(jié)的相關(guān)網(wǎng)頁(yè)設(shè)計(jì)的經(jīng)驗(yàn)，在這里提供給給產(chǎn)品經(jīng)理和企業(yè)負(fù)責(zé)人作為參考；如果您是網(wǎng)站負(fù)責(zé)人您會(huì)選擇哪種呢？

原創(chuàng)不易，未經(jīng)授權(quán)，嚴(yán)禁轉(zhuǎn)載

原文地址：http://www.mpian.cn/i,72,7432,0.html

上一篇：網(wǎng)站建設(shè)那些事兒-LOGO設(shè)計(jì)很重要

下一篇：《網(wǎng)站建設(shè)那些事兒》-如何做好網(wǎng)站站內(nèi)搜索

您還有可能感興趣的內(nèi)容

建站流程

Website development

網(wǎng)站需
求分析
網(wǎng)站策
劃方案
頁(yè)面風(fēng)
格設(shè)計(jì)
程序設(shè)
計(jì)研發(fā)
資料錄
入優(yōu)化
確認(rèn)交
付使用
后續(xù)跟
蹤服務(wù)
+86 10 64758810
18510861135

熱門標(biāo)簽

Website development

客戶評(píng)價(jià)

更多+

感謝云智互聯(lián)，系統(tǒng)提前完成，在整個(gè)項(xiàng)目周期內(nèi)，云智互聯(lián)對(duì)待我們并不像是對(duì)待客戶，更像是朋友一樣，每一次，都能以專業(yè)的角度向我們提出更合理、更有效的解決方案，并快速、細(xì)致地完成我們的每一個(gè)需求，再次感謝以至誠(chéng)之心做事的云智互聯(lián)團(tuán)隊(duì)。

潘濤
我是東方龍馬集團(tuán)，在云智家做了2個(gè)企業(yè)官網(wǎng)，服務(wù)態(tài)度超級(jí)好。如果想做網(wǎng)站，選擇他家一定不后悔。性價(jià)比高，服務(wù)態(tài)度好。值得你的信賴！

譚嬌
技術(shù)好，設(shè)計(jì)精良，操作便利，很專業(yè)！配套的服務(wù)和后續(xù)的服務(wù)都很好,網(wǎng)站封面堪稱精品，運(yùn)行方便，后臺(tái)操作的簡(jiǎn)單。技術(shù)還會(huì)耐心教我,很好的云智互聯(lián)（北京）科技有限公司，建站很不錯(cuò)的。

陳曦
不錯(cuò)，價(jià)格比較合適，重點(diǎn)是響應(yīng)速度蠻快，有什么問題都會(huì)馬上給你解決，公司很滿意，因?yàn)樗麄兌际轻槍?duì)每個(gè)項(xiàng)目建了相應(yīng)的討論組，有問題可以再里面提出，人員分工到位，解決問題很及時(shí)。

張經(jīng)理