2024-06-20
網(wǎng)站中的面包屑導(dǎo)航如何設(shè)計(jì)才更符合用戶體驗(yàn) ？
面包屑 UX 經(jīng)常被忽略，但在設(shè)計(jì)復(fù)雜的導(dǎo)航時(shí)它們會(huì)非常有用。我們可以通過(guò)橫向?qū)Ш健⒏逦拿姘悸窂胶鸵苿?dòng)設(shè)備上的手風(fēng)琴來(lái)改進(jìn)它們。
沒(méi)有人對(duì)面包屑導(dǎo)航感到特別興奮。你知道，這些微小的路徑碎片說(shuō)明了用戶當(dāng)前在網(wǎng)站錯(cuò)綜復(fù)雜的層次結(jié)構(gòu)中的位置。他們的設(shè)計(jì)看起來(lái)很明顯，他們?cè)陧?yè)面上的位置也是如此，看起來(lái)面包屑發(fā)光不需要太多的創(chuàng)新。
事實(shí)證明，有很多細(xì)微的小細(xì)節(jié)可以使面包屑變得混亂或無(wú)限地更有用。在本文中，我們將仔細(xì)研究其中的一些。我們將探索我們何時(shí)真正需要面包屑，人們?nèi)绾问褂盟鼈?，以及如何更好地設(shè)計(jì)它們以加快用戶在我們網(wǎng)站上的導(dǎo)航。讓我們首先探索人們?nèi)绾螢g覽網(wǎng)站，以及面包屑究竟如何幫助我們的旅程。
每個(gè)可用性測(cè)試都表明，沒(méi)有單一的、通用的和完善的網(wǎng)站瀏覽方式。根據(jù)手頭的任務(wù)和訪問(wèn)頻率，用戶應(yīng)用非常不同的導(dǎo)航模式。在某些網(wǎng)站上，幾乎不使用搜索但主導(dǎo)航得到很多關(guān)注的情況并不少見(jiàn)。在其他方面，類別幾乎沒(méi)有任何點(diǎn)擊，但搜索查詢卻在屋頂。有時(shí)面包屑恰好是整個(gè)網(wǎng)站上最受歡迎的導(dǎo)航選擇。
我們很少逐個(gè)瀏覽每個(gè)部分，甚至很少注意到網(wǎng)站上所有可用的導(dǎo)航。對(duì)于經(jīng)常訪問(wèn)的網(wǎng)站，例如新聞網(wǎng)站，我們將使用非常有限的一組頁(yè)面和功能。事實(shí)上，我們可能無(wú)法記住我們單擊了哪些功能和部分，但我們可能會(huì)記住它們?cè)诮缑嬷械奈恢谩?/p>
當(dāng)我們登陸一個(gè)我們以前從未訪問(wèn)過(guò)的網(wǎng)站時(shí)，例如國(guó)家歌劇網(wǎng)站，我們首先評(píng)估選項(xiàng)和功能的廣度。這通常是通過(guò)上下滾動(dòng)頁(yè)面來(lái)實(shí)現(xiàn)的——先是慢，然后是更快——并熟悉導(dǎo)航菜單。我們點(diǎn)擊側(cè)邊欄，在選項(xiàng)卡之間切換并打開(kāi)大型下拉菜單。我們只是四處游蕩，相信導(dǎo)航路標(biāo)和我們極其不可靠的預(yù)感。我們掃描、識(shí)別模式并相信我們的直覺(jué)。
有時(shí)，如果我們找不到我們所追求的東西，我們的旅程就會(huì)變成對(duì)各種頁(yè)面和類別的瘋狂探索——通常是緊張的、混亂的、耗時(shí)的和令人沮喪的。如果有任何事情沒(méi)有按預(yù)期工作，我們就不再使用它，因?yàn)槲覀儾辉傩湃嗡?。一旦我們真的沒(méi)有任何選擇，我們就會(huì)完全放棄。
但是，當(dāng)幾乎不使用導(dǎo)航和搜索時(shí)，不一定是因?yàn)榫W(wǎng)站設(shè)計(jì)或構(gòu)建不佳。相反：內(nèi)容可能組織得非常好，以至于人們實(shí)際上很快就找到了他們需要的東西——甚至可能在首先訪問(wèn)網(wǎng)站之前，僅僅通過(guò)瀏覽谷歌的搜索結(jié)果。一旦他們這樣做了，就沒(méi)有太多理由留在網(wǎng)站上。
為了跟蹤用戶對(duì)導(dǎo)航（和搜索）的理解和使用情況，我們需要跟蹤用戶在手頭任務(wù)上的成功程度。您可以將其視為在較長(zhǎng)時(shí)間內(nèi)建立和研究的設(shè)計(jì) KPI 。值得收集有關(guān)以用戶為中心的指標(biāo)的見(jiàn)解
相關(guān)專題
熱門文章
-
交互體驗(yàn)設(shè)計(jì)和UI設(shè)計(jì)哪個(gè)更重要 -
怎么判斷網(wǎng)頁(yè)前端做的好壞
2024-01-13
-
AI那么火熱，是否會(huì)替代UI設(shè)計(jì)師
2023-11-30
-
-
-
標(biāo)簽云
案例欣賞
Youtube
網(wǎng)站訪問(wèn)速度
用戶
獨(dú)特設(shè)計(jì)
建站目標(biāo)
API的運(yùn)用
網(wǎng)站獲客
2022年網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)
導(dǎo)航欄
隱私政策如何寫
網(wǎng)站建設(shè)字體
網(wǎng)站建設(shè)設(shè)計(jì)師
設(shè)計(jì)氛圍
商業(yè)網(wǎng)站建設(shè)
重要性
客戶不知道自己做什么
通配符SSL
網(wǎng)頁(yè)設(shè)計(jì)
網(wǎng)站做文件分離到云存儲(chǔ)
杭州外貿(mào)網(wǎng)站建設(shè)
案例分享
便利店小程序
網(wǎng)站設(shè)計(jì)解決方案
營(yíng)銷網(wǎng)站如何轉(zhuǎn)化客戶
獲取報(bào)價(jià)
seo對(duì)網(wǎng)站的重要性
網(wǎng)站美觀
極簡(jiǎn)主義網(wǎng)站
醫(yī)保公告
跨境物流網(wǎng)站
網(wǎng)站制作步驟
設(shè)計(jì)攻略
洗發(fā)水網(wǎng)站
企業(yè)官網(wǎng)建設(shè)
視覺(jué)設(shè)計(jì)
紡織品外貿(mào)網(wǎng)站開(kāi)發(fā)建設(shè)
紡織企業(yè)網(wǎng)站
軟件公司網(wǎng)站
企業(yè)網(wǎng)站建設(shè)
數(shù)據(jù)分析
網(wǎng)站尺寸
網(wǎng)站黑鏈
購(gòu)物網(wǎng)站
網(wǎng)站判斷
聚合頁(yè)
滲透安全
ZOHO
網(wǎng)頁(yè)設(shè)計(jì)師
網(wǎng)站3D效果
體驗(yàn)從溝通開(kāi)始，讓我們聆聽(tīng)您的需求！
開(kāi)始您的數(shù)字化品牌體驗(yàn)！ 0571-85815193 期待您的來(lái)電！
[ 網(wǎng)站建設(shè)×品牌官網(wǎng)設(shè)計(jì)×大策略營(yíng)銷門戶×微信小程序開(kāi)發(fā)×微信公眾號(hào)開(kāi)發(fā)]
網(wǎng)站事業(yè)部產(chǎn)品經(jīng)理
免費(fèi)獲取項(xiàng)目策劃
項(xiàng)目開(kāi)發(fā)部產(chǎn)品經(jīng)理
免費(fèi)獲取項(xiàng)目策劃
