發(fā)布時(shí)間:2024-02-02 瀏覽次數(shù):
你有沒有注意到一些網(wǎng)站的導(dǎo)航有多痛苦?事實(shí)上,即使是一些最著名的網(wǎng)站也很難找到您的出路。你知道你想要什么。你知道它一定在網(wǎng)站上的某個(gè)地方。但有時(shí),感覺網(wǎng)頁(yè)設(shè)計(jì)師故意讓東西很難找到。如果您堅(jiān)持使用導(dǎo)航不佳的網(wǎng)站,那么您就是少數(shù)。大多數(shù)人在放棄之前只會(huì)在網(wǎng)站上停留20秒。因此,如果您也是網(wǎng)站建設(shè),則無法保證訪問者會(huì)像您一樣耐心。那么,精心設(shè)計(jì)的網(wǎng)站導(dǎo)航和難以逾越的迷宮之間有什么區(qū)別呢?好吧,良好導(dǎo)航的原則比您想象的更簡(jiǎn)單。這里有十個(gè)基本技巧,可讓您輕松瀏覽網(wǎng)站。
想想訪客的想法
良好網(wǎng)站導(dǎo)航的第一步是設(shè)身處地為典型訪客著想。因此,與其將您認(rèn)為重要的內(nèi)容放在首位,不如考慮用戶希望發(fā)現(xiàn)您的內(nèi)容的順序。
請(qǐng)記住,您網(wǎng)站的新訪問者并不像您那樣熟悉周圍的環(huán)境。他們對(duì)您的品牌一無所知。因此,使用導(dǎo)航來引導(dǎo)人們進(jìn)行發(fā)現(xiàn)之旅。
例如,人們可能首先想知道是什么讓您的公司與眾不同,您的品牌價(jià)值是什么,當(dāng)然還有您銷售的產(chǎn)品。另外,他們會(huì)想知道他們可以信任您的公司。因此,您網(wǎng)站的“關(guān)于我們”頁(yè)面應(yīng)該很容易從訪問者可能到達(dá)的任何著陸頁(yè)上找到。
遵守慣例
帶有主頁(yè)、關(guān)于我們、聯(lián)系我們和常見問題(常見問題)選項(xiàng)的簡(jiǎn)單菜單可能看起來有點(diǎn)無聊。但這是人們習(xí)慣看到的,所以他們知道這些選項(xiàng)意味著什么。人們也習(xí)慣于在網(wǎng)站頂部的某個(gè)地方看到藍(lán)色的超鏈接和搜索框,那么為什么要重新發(fā)明輪子呢?
導(dǎo)航越直觀,人們就越快找到他們需要的東西。因此,通常最好不要對(duì)您的網(wǎng)站導(dǎo)航過于有創(chuàng)意。相反,堅(jiān)持人們已經(jīng)熟悉的約定。
將用戶引導(dǎo)至相關(guān)內(nèi)容
改進(jìn)網(wǎng)站導(dǎo)航的一種簡(jiǎn)單方法是將用戶引導(dǎo)至頁(yè)面內(nèi)的相關(guān)內(nèi)容。這種類型的導(dǎo)航可以通過超鏈接、號(hào)召性用語(CTA)或相關(guān)內(nèi)容小部件或插件來實(shí)現(xiàn)。
當(dāng)您有希望用戶閱讀的特定內(nèi)容時(shí),通常最好使用超鏈接和CTA。例如,可以使用超鏈接將用戶引導(dǎo)至某些支持信息。CTA將用于提示用戶采取行動(dòng),例如訂閱郵件列表或購(gòu)買產(chǎn)品。
相關(guān)內(nèi)容小部件或插件最好用于將用戶引導(dǎo)至與當(dāng)前頁(yè)面主題相關(guān)的其他頁(yè)面。例如,關(guān)于類似主題的博客文章或在線商店中的類似產(chǎn)品。
避免使用多級(jí)菜單
當(dāng)用戶無需采取任何操作即可看到所有選項(xiàng)時(shí),導(dǎo)航效果最佳。但是,某些網(wǎng)站的頁(yè)面和選項(xiàng)太多,以至于無法完全避免使用下拉菜單。盡管如此,還是建議盡可能避免使用多級(jí)下拉菜單,因?yàn)樗鼈兒茈y導(dǎo)航并且不是很直觀。
在理想情況下,您根本不會(huì)使用下拉菜單。相反,最好限制菜單項(xiàng)的數(shù)量,然后在用戶到達(dá)相關(guān)頁(yè)面時(shí)提供更多導(dǎo)航選項(xiàng)
添加搜索功能
如果您不了解周圍的環(huán)境,即使是只有很少幾頁(yè)的網(wǎng)站也很難導(dǎo)航。因此,最好在網(wǎng)站上包含搜索功能。但是,某些內(nèi)容管理系統(tǒng)的標(biāo)準(zhǔn)搜索功能非?;A(chǔ)。例如,他們沒有自動(dòng)建議,也不包含縮略圖預(yù)覽。因此,通常最好使用自定義小部件或插件搜索功能來為用戶提供最佳體驗(yàn)。
面包屑 導(dǎo)航
面包屑是您可能在某些網(wǎng)頁(yè)頂部看到的主題類別的蹤跡。面包屑的每一項(xiàng)都是一個(gè)文本鏈接,指向網(wǎng)站上的一類頁(yè)面。這種類型的導(dǎo)航設(shè)備通??雌饋硐瘢痪W(wǎng)頁(yè)設(shè)計(jì)>用戶體驗(yàn)>導(dǎo)航>使您的網(wǎng)站易于導(dǎo)航的10個(gè)技巧。
面包屑占用的空間很小,不會(huì)影響內(nèi)容。而且它們很容易使用像Yoast這樣的插件來實(shí)現(xiàn)。更重要的是,許多用戶都熟悉面包屑,所以這個(gè)簡(jiǎn)單的網(wǎng)站添加是改進(jìn)導(dǎo)航的簡(jiǎn)單方法。面包屑也有利于搜索引擎優(yōu)化(SEO)。
添加站點(diǎn)地圖
站點(diǎn)地圖可能看起來有點(diǎn)過時(shí),您可能認(rèn)為人們不使用它們。但是布局合理的站點(diǎn)地圖可以很好地幫助導(dǎo)航。最好為用戶提供多種方式來瀏覽網(wǎng)站。
站點(diǎn)地圖充當(dāng)網(wǎng)站的目錄,當(dāng)其他導(dǎo)航方法失敗時(shí),某些用戶將訪問該網(wǎng)站。站點(diǎn)地圖也有利于SEO。因此,如果您對(duì)站點(diǎn)地圖進(jìn)行一些思考并對(duì)其進(jìn)行格式化以使其易于使用,它將幫助用戶瀏覽您的站點(diǎn)。例如,按主題將內(nèi)容分組在一起,而不是僅僅按日期順序列出頁(yè)面。并包括一個(gè)HTML站點(diǎn)地圖以供用戶使用,以及一個(gè)XML站點(diǎn)地圖以供搜索引擎使用。
導(dǎo)航易于查找和閱讀
所有導(dǎo)航選項(xiàng)必須易于查找和閱讀。因此,例如,避免在菜單上使用小字體。并為超鏈接和號(hào)召性用語使用對(duì)比色。導(dǎo)航也應(yīng)分為邏輯組。
導(dǎo)航項(xiàng)的標(biāo)題和懸停描述應(yīng)該是明確的,當(dāng)然也應(yīng)該是準(zhǔn)確的。而且最好使用文本而不是圖標(biāo)。事實(shí)上,在網(wǎng)站導(dǎo)航方面,簡(jiǎn)單總是最好的。
在桌面和移動(dòng)設(shè)備上測(cè)試導(dǎo)航
就像網(wǎng)站上的所有內(nèi)容一樣,最好不要假設(shè)您會(huì)在第一時(shí)間獲得正確的導(dǎo)航。因此,測(cè)試您所有的導(dǎo)航選項(xiàng)并嘗試以用戶的方式查看您的站點(diǎn)?;蛘撸玫霓k法是讓不熟悉您網(wǎng)站布局的人為您測(cè)試導(dǎo)航。
并且不要忘記在各種設(shè)備上測(cè)試導(dǎo)航。例如,在桌面上看起來很棒的菜單在移動(dòng)設(shè)備上可能會(huì)變形。而且,如果您將導(dǎo)航項(xiàng)放置得太近,它們可能難以在平板電腦或手機(jī)上使用。
結(jié)論
總結(jié)以上內(nèi)容的最佳方法是;網(wǎng)站建設(shè)要保持簡(jiǎn)單并使其直觀。因?yàn)槟^不希望用戶在您的網(wǎng)站上感到困惑或迷路。因此,如果可以的話,請(qǐng)限制導(dǎo)航選項(xiàng)的數(shù)量,并在必要時(shí)引導(dǎo)用戶進(jìn)行下一步。永遠(yuǎn)不要假設(shè)您的用戶會(huì)知道下一步要去哪里。相反,為訪問者提供多種方式來瀏覽您的網(wǎng)站。
優(yōu)狐是領(lǐng)先的互聯(lián)網(wǎng)新媒體建設(shè)與傳播、信息化建設(shè)服務(wù)提供商。公司專注于信息化及互聯(lián)網(wǎng)應(yīng)用研究,包括網(wǎng)站建設(shè)、app開發(fā)、小程序開發(fā)、商城開發(fā)、系統(tǒng)開發(fā)、數(shù)據(jù)中心、SEO/SEM技術(shù)服務(wù)等。本著“有網(wǎng)絡(luò)就有商機(jī)”的服務(wù)理念,為廣大用戶開拓一片信息化應(yīng)用的藍(lán)海。
公司在武漢、南昌、長(zhǎng)沙、合肥等地設(shè)有分支機(jī)構(gòu)。公司擁有近100名優(yōu)秀設(shè)計(jì)師和資深程序員,擁有10年以上UI構(gòu)架設(shè)計(jì)和應(yīng)用程序開發(fā)經(jīng)驗(yàn),具備各類門戶網(wǎng)站、大型行業(yè)網(wǎng)站、多功能多權(quán)限的復(fù)雜性應(yīng)用系統(tǒng)軟件等設(shè)計(jì)開發(fā)能力。
優(yōu)狐,10年信息化與互聯(lián)網(wǎng)研究,是值得您信依賴的信息化及互聯(lián)網(wǎng)應(yīng)用伙伴!