萬劍歸宗!值得學(xué)習(xí)總結(jié)的網(wǎng)頁導(dǎo)航設(shè)計(jì)最佳實(shí)踐

發(fā)布時(shí)間:2024-03-17
譯者:@陳子木
優(yōu)質(zhì)的網(wǎng)頁設(shè)計(jì)通常都有著相當(dāng)不錯(cuò)的導(dǎo)航設(shè)計(jì)來支撐。如果你的網(wǎng)站有著有趣的內(nèi)容和受歡迎的視覺設(shè)計(jì),那么一個(gè)體驗(yàn)良好,可用性優(yōu)異的導(dǎo)航欄無疑是必須的??捎煤鸵子靡恢笔歉咝Ы换サ暮诵?,也是激發(fā)創(chuàng)意、創(chuàng)造高效設(shè)計(jì)和優(yōu)秀視覺設(shè)計(jì)的基礎(chǔ)。所以說,是時(shí)候重新審視你的菜單和導(dǎo)航設(shè)計(jì),盡量以簡約的方式將它們重新組織起來。
導(dǎo)航是必不可少的。高素質(zhì)是網(wǎng)站導(dǎo)航是讓網(wǎng)站從不錯(cuò)走向卓越的必經(jīng)之路。在今天,千變?nèi)f化的網(wǎng)頁導(dǎo)航設(shè)計(jì)開始趨于系統(tǒng)化、規(guī)則化,網(wǎng)頁導(dǎo)航的最佳實(shí)踐也并非虛無縹緲的都市傳說,而今天我們要聊的也就是這個(gè)。
完美導(dǎo)航設(shè)計(jì)的重要性
最佳實(shí)踐(best practice),是一個(gè)管理學(xué)概念,認(rèn)為存在某種技術(shù)或者方法使生產(chǎn)管理實(shí)踐的結(jié)果達(dá)到最優(yōu),并減少出錯(cuò)的可能性。也就是我們常說的“最佳解決方案”。
易于使用的網(wǎng)站導(dǎo)航是成功設(shè)計(jì)的典范,也是導(dǎo)航設(shè)計(jì)最佳實(shí)踐的核心組件。這類導(dǎo)航設(shè)計(jì)有著一致的鏈接和清晰的內(nèi)容劃分,可以引領(lǐng)著用戶探索到網(wǎng)站更深入的地方,以真正歡迎的姿態(tài)讓用戶待的更久。
與此同時(shí),如果你將整個(gè)操作流程設(shè)計(jì)為復(fù)雜的模式,那么這意味著可能需要一系列無關(guān)的操作來達(dá)成目標(biāo),用戶一旦無法快速找到目標(biāo),離開是必然的結(jié)果。
好的導(dǎo)航欄菜單的設(shè)計(jì)就像設(shè)計(jì)優(yōu)秀的交通標(biāo)識(shí),簡明清晰,指明方向,讓人可以更方便更直接地找到目標(biāo)。當(dāng)然,用戶需要了解的第一件事就是他們所處的位置,這樣可以確定下一步要做什么。這也是為什么將導(dǎo)航設(shè)計(jì)視為用戶體驗(yàn)的基本要素。
現(xiàn)如今,導(dǎo)航欄菜單的設(shè)計(jì)已經(jīng)和以往大不相同,其中許多都有著創(chuàng)意十足的原創(chuàng)設(shè)計(jì)。但是要挑選一款足夠漂亮但是又足夠高效的導(dǎo)航欄設(shè)計(jì)依然是一件非常困難的事情。
不過,導(dǎo)航欄的設(shè)計(jì)趨勢正在慢慢改變,從視覺主導(dǎo),逐步轉(zhuǎn)變?yōu)楝F(xiàn)代網(wǎng)頁導(dǎo)航最佳實(shí)踐。最典型的就是使用漢堡菜單來收納導(dǎo)航元素,一個(gè)點(diǎn)擊便可打開。
一致的結(jié)構(gòu)
為了不讓你的用戶感到迷惑,你應(yīng)當(dāng)引入簡約的元素和符合邏輯的結(jié)構(gòu)。用戶理應(yīng)不經(jīng)延遲、無需復(fù)雜操作就訪問到他們想要的的內(nèi)容。因此,務(wù)必保持簡單!不要讓用戶花時(shí)間去思考怎么找內(nèi)容,如何操作才夠快。實(shí)現(xiàn)這一點(diǎn)最好的辦法是將內(nèi)容進(jìn)行劃分和組織,讓它們根據(jù)不同的主題分割成不同的列表,從最寬泛的品類逐步梳理到最精確最具體的品類。按照字母順序排列、目錄索引、關(guān)鍵詞和術(shù)語表也會(huì)有助于內(nèi)容的劃分和索引。
沒有導(dǎo)航欄和菜單,用戶會(huì)怎么辦?導(dǎo)航欄和菜單是用戶訪問網(wǎng)站之后會(huì)立刻下意識(shí)尋找的組件,它們展現(xiàn)了一系列可供選擇的操作和入口,這也意味它們將會(huì)領(lǐng)著用戶前往內(nèi)容。
可用性
漢堡菜單是一個(gè)控制容器,它至少包含了兩個(gè)項(xiàng)目,并且通過點(diǎn)擊按鈕來觸發(fā)。
菜單通常包含不同的項(xiàng)目,這些項(xiàng)目通常會(huì)觸發(fā)不同的動(dòng)作或者操作,進(jìn)而導(dǎo)向不同的元素、應(yīng)用或者網(wǎng)站。最好的導(dǎo)航菜單設(shè)計(jì)會(huì)根據(jù)當(dāng)前的位置和狀態(tài),動(dòng)態(tài)顯示相關(guān)內(nèi)容,提醒用戶。
項(xiàng)目
每個(gè)導(dǎo)航菜單都有個(gè)基本限制,那就是每個(gè)操作或者條目,通常都會(huì)用一行或者單個(gè)文本來進(jìn)行描述。并且,這個(gè)描述(或者說名稱)要足夠清晰,足以說明它的屬性、功能或效果。
因此,通常這個(gè)描述用的句子或者單詞都很短,但是也可以有圖標(biāo)或者額外的解釋、快捷方式來對它的概念進(jìn)行說明、強(qiáng)化。
靜態(tài)的導(dǎo)航菜單是最常見的一種,設(shè)計(jì)師會(huì)將最常觸發(fā)的按鈕置于開始的位置。
動(dòng)態(tài)的導(dǎo)航菜單則不然,最近用過的項(xiàng)目會(huì)被置于優(yōu)先位置,并且會(huì)根據(jù)訪問者的行為修改順序。
上一個(gè):結(jié)婚戒指帶哪個(gè)手指
下一個(gè):php redis實(shí)現(xiàn)全頁緩存系統(tǒng)

紅米筆記本電腦如何重裝系統(tǒng)win10的教程圖解(紅米筆記本電腦系統(tǒng)怎么重裝win10)
冰柜一級能效和二級哪個(gè)好(冰柜一級能效和二級能效的區(qū)別在哪)
ad9280中文資料和設(shè)計(jì)實(shí)例
主機(jī)開著顯示器顯示無信號,電腦打開主機(jī)后顯示器顯示沒有信號
ssl證書狀態(tài)檢查的是什么 申請SSL證書需要幾個(gè)步驟
六安市有哪些特色美食之旅路線和美景之旅路線推薦
多個(gè)wifi信號合并方法有哪些(多個(gè)wifi信號合并方法是什么)
怎么查域名的ip地址 域名和IP地址究竟是什么關(guān)系
盜竊罪成立條件有哪些
ktv點(diǎn)歌系統(tǒng)軟件電腦版(電腦ktv點(diǎn)歌臺(tái)軟件)
十八禁 网站在线观看免费视频_2020av天堂网_一 级 黄 色 片免费网站_绝顶高潮合集Videos