新聞動(dòng)態(tài)
News
有沒有注意到一些網(wǎng)站的導(dǎo)航有多復(fù)雜?事實(shí)上,即使是一些最著名的網(wǎng)站也很難找到您的出路。你知道你想要什么。你知道它一定在網(wǎng)站上的某個(gè)地方。但有時(shí),感覺網(wǎng)頁設(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)站用戶體驗(yàn): 先想想訪客的想法 ,良好網(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īng)該很容易從訪問者可能到達(dá)的任何著陸頁上找到。
遵守慣例 :帶有主頁、關(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)至頁面內(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)前頁面主題相關(guān)的其他頁面。例如,關(guān)于類似主題的博客文章或在線商店中的類似產(chǎn)品。
避免使用多級(jí)菜單 :當(dāng)用戶無需采取任何操作即可看到所有選項(xiàng)時(shí),導(dǎo)航效果最佳。但是,某些網(wǎng)站的頁面和選項(xiàng)太多,以至于無法完全避免使用下拉菜單。盡管如此,還是建議盡可能避免使用多級(jí)下拉菜單,因?yàn)樗鼈兒茈y導(dǎo)航并且不是很直觀。 在理想情況下,您根本不會(huì)使用下拉菜單。相反,最好限制菜單項(xiàng)的數(shù)量,然后在用戶到達(dá)相關(guān)頁面時(shí)提供更多導(dǎo)航選項(xiàng)
始終具有搜索功能 :如果您不了解周圍的環(huán)境,即使是只有很少幾頁的網(wǎng)站也很難導(dǎo)航。因此,最好在網(wǎng)站上包含搜索功能。但是,某些內(nèi)容管理系統(tǒng)的標(biāo)準(zhǔn)搜索功能非?;A(chǔ)。例如,他們沒有自動(dòng)建議,也不包含縮略圖預(yù)覽。因此,通常最好使用自定義小部件或插件搜索功能來為用戶提供最佳體驗(yàn)。
實(shí)施面包屑 :面包屑是您可能在某些網(wǎng)頁頂部看到的主題類別的蹤跡。面包屑的每一項(xiàng)都是一個(gè)文本鏈接,指向網(wǎng)站上的一類頁面。這種類型的導(dǎo)航設(shè)備通??雌饋硐?;網(wǎng)頁設(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)地圖添加到您的網(wǎng)站: 站點(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)容分組在一起,而不是僅僅按日期順序列出頁面。并包括一個(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)?;蛘?,更好的辦法是讓不熟悉您網(wǎng)站布局的人為您測(cè)試導(dǎo)航。 并且不要忘記在各種設(shè)備上測(cè)試導(dǎo)航。例如,在桌面上看起來很棒的菜單在移動(dòng)設(shè)備上可能會(huì)變形。而且,如果您將導(dǎo)航項(xiàng)放置得太近,它們可能難以在平板電腦或手機(jī)上使用。
總結(jié)以上內(nèi)容的最佳方法是;保持簡(jiǎn)單并使其直觀。因?yàn)槟^不希望用戶在您的網(wǎng)站上感到困惑或迷路。因此,如果可以的話,請(qǐng)限制導(dǎo)航選項(xiàng)的數(shù)量,并在必要時(shí)引導(dǎo)用戶進(jìn)行下一步。永遠(yuǎn)不要假設(shè)您的用戶會(huì)知道下一步要去哪里。相反,為訪問者提供多種方式來瀏覽您的網(wǎng)站。
13517270458