網(wǎng)站的導(dǎo)航設(shè)計(jì)技巧

想象一下這個(gè)場(chǎng)景：你一直想買(mǎi)一個(gè)新的筆記本電腦包。最后，您有時(shí)間坐下來(lái)，在線瀏覽不同的網(wǎng)站選擇自己喜歡的商品，經(jīng)過(guò)重重篩選，您找到了自己滿(mǎn)意包包，想要購(gòu)買(mǎi)。但隨后，沮喪的事發(fā)生了，-你無(wú)法找到“買(mǎi)我”按鈕，購(gòu)物車(chē)圖標(biāo)已經(jīng)消失，退貨政策無(wú)處可見(jiàn)。這一切看起來(lái)都太復(fù)雜了，最終，你放棄了這個(gè)網(wǎng)站，選擇另外一家。這是網(wǎng)站導(dǎo)航如何破壞用戶(hù)體驗(yàn)，最終影響流量，轉(zhuǎn)化率和跳出率的典型示例。

良好的網(wǎng)站導(dǎo)航可以幫助用戶(hù)找到他們正在尋找的內(nèi)容，并為他們提供積極的體驗(yàn)，鼓勵(lì)他們返回。創(chuàng)新互聯(lián)是一家經(jīng)驗(yàn)豐富的專(zhuān)業(yè)化的高端網(wǎng)站建設(shè)公司，本文將結(jié)合經(jīng)驗(yàn)，為大家介紹如何創(chuàng)建網(wǎng)站的導(dǎo)航。

01.導(dǎo)航策劃

有些事情最好是提前計(jì)劃的。當(dāng)涉及到創(chuàng)建一個(gè)網(wǎng)站時(shí)，一點(diǎn)點(diǎn)前瞻性思維肯定是必要的。在您深入研究之前，請(qǐng)說(shuō)明您的網(wǎng)站需要哪些功能和頁(yè)面，以及它們的層次結(jié)構(gòu)應(yīng)該是什么。您需要“關(guān)于我們”頁(yè)面，社區(qū)論壇、博客或常見(jiàn)問(wèn)題頁(yè)面嗎？哪些頁(yè)面對(duì)您的網(wǎng)站訪問(wèn)者最重要或最有價(jià)值？要根據(jù)您的需求規(guī)劃菜單，請(qǐng)創(chuàng)建“站點(diǎn)地圖”。站點(diǎn)地圖是您網(wǎng)站的所有主要頁(yè)面及其中所有子類(lèi)別的列表。它應(yīng)該清楚地表明哪些頁(yè)面更重要，哪些更不重要。您的站點(diǎn)地圖將成為導(dǎo)航菜單的基礎(chǔ)。

02.確定頁(yè)面的優(yōu)先級(jí)

在決定您的層次結(jié)構(gòu)時(shí)，請(qǐng)考慮您希望引導(dǎo)訪問(wèn)者的位置以及如何最好地引導(dǎo)他們通過(guò)您的渠道，最終將其轉(zhuǎn)換為客戶(hù)或粉絲。此外，請(qǐng)考慮訪問(wèn)者最感興趣的信息。這稱(chēng)為“主要導(dǎo)航”，應(yīng)盡可能輕松訪問(wèn)。構(gòu)成主要導(dǎo)航的所有頁(yè)面都應(yīng)顯示在網(wǎng)站的主菜單中。

即使在您的菜單中，您也會(huì)擁有優(yōu)先級(jí)越來(lái)越高的頁(yè)面。一旦您確定了頁(yè)面的優(yōu)先級(jí)，就可以在導(dǎo)航菜單設(shè)計(jì)中傳達(dá)這一點(diǎn)，從而使最關(guān)鍵的頁(yè)面脫穎而出。這樣做的好方法和一般規(guī)則是，菜單上首先或最后出現(xiàn)的項(xiàng)目會(huì)引起更多關(guān)注，因此您應(yīng)該放置高優(yōu)先級(jí)頁(yè)面。

如果您的網(wǎng)站包含大量信息，您可能還需要輔助導(dǎo)航頁(yè)面的附加菜單。這些頁(yè)面不太重要，但當(dāng)然仍需要清晰的導(dǎo)航。

03.堅(jiān)持慣例

雖然嘗試打破模板并創(chuàng)造一個(gè)前所未見(jiàn)的設(shè)計(jì)很誘人，但有時(shí)候最好堅(jiān)持人們已經(jīng)知道的東西。畢竟，超鏈接通常顯示為藍(lán)色和下劃線，或者為什么徽標(biāo)通常會(huì)放置在網(wǎng)站的一個(gè)頂角中，這是有原因的。存在這些熟悉的細(xì)微差別或“設(shè)計(jì)慣例”，因?yàn)樗鼈兤鹱饔?。在?dǎo)航方面，您希望用戶(hù)能夠盡可能輕松地?zé)o縫瀏覽您的網(wǎng)站。即使內(nèi)容，產(chǎn)品或設(shè)計(jì)對(duì)他們來(lái)說(shuō)都是全新的，他們?nèi)匀幌Ｍ藛挝挥跇?biāo)準(zhǔn)位置之一：頂部角落或網(wǎng)站標(biāo)題中。

04.考慮創(chuàng)建一個(gè)粘性菜單

粘性菜單（也稱(chēng)為“固定”或“浮動(dòng)”菜單）是一個(gè)菜單，即使訪問(wèn)者向下滾動(dòng)您的網(wǎng)站也會(huì)保留。這對(duì)于長(zhǎng)滾動(dòng)頁(yè)面尤為重要，因?yàn)槟幌ＭL問(wèn)者必須一直向后滾動(dòng)才能訪問(wèn)另一個(gè)頁(yè)面。但是，還可以選擇添加“返回頂部”按鈕，以幫助用戶(hù)節(jié)省時(shí)間。無(wú)論您采用哪種解決方案取決于您網(wǎng)站的設(shè)計(jì)和布局，因此在考慮為您的網(wǎng)站提供最方便的導(dǎo)航時(shí)，請(qǐng)考慮不同的選項(xiàng)。

05.限制菜單中的項(xiàng)目數(shù)量

沒(méi)有人喜歡被信息轟炸。在瀏覽網(wǎng)頁(yè)時(shí)，努力保持專(zhuān)注，并且會(huì)突然出現(xiàn)所有分心。保持菜單最小化，最多六個(gè)或七個(gè)類(lèi)別。這樣，用戶(hù)將能夠更好地處理信息并更快地到達(dá)他們想要的頁(yè)面。

如果您的網(wǎng)站包含大量信息，您可以使用下拉菜單將其細(xì)分為多個(gè)部分。這意味著當(dāng)訪問(wèn)者將鼠標(biāo)懸停在菜單上的一個(gè)項(xiàng)目上時(shí)，會(huì)出現(xiàn)一個(gè)可供他們選擇的子類(lèi)別列表。但是，盡量避免使用下拉菜單，因?yàn)楫?dāng)用戶(hù)點(diǎn)擊菜單中的某個(gè)項(xiàng)目時(shí)，他們希望直接轉(zhuǎn)到另一個(gè)頁(yè)面。額外的步驟可能是用戶(hù)體驗(yàn)中的輕微“打嗝”。

網(wǎng)頁(yè)名稱(chēng)：網(wǎng)站的導(dǎo)航設(shè)計(jì)技巧
文章路徑：http://www.muchs.cn/news/7295.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)公司、小程序開(kāi)發(fā)、響應(yīng)式網(wǎng)站、關(guān)鍵詞優(yōu)化、App開(kāi)發(fā)、微信公眾號(hào)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)