直播中
折疊式導(dǎo)航圖標(biāo)有好的一面,也有壞的一面。關(guān)于這個(gè)小巧的網(wǎng)站元素,總是充滿(mǎn)了爭(zhēng)議。有時(shí)我認(rèn)為它很簡(jiǎn)潔精致,有時(shí)我認(rèn)為它不易識(shí)別。
雖然折疊式導(dǎo)航圖標(biāo)大受歡迎,但對(duì)于是否將它放到網(wǎng)站上仍然存在很大的爭(zhēng)議。就像之前分享的創(chuàng)建網(wǎng)站的4種滾動(dòng)類(lèi)型以及何時(shí)使用它們一樣。每次我們著手一個(gè)新項(xiàng)目時(shí),我都會(huì)和團(tuán)隊(duì)成員討論一番再?zèng)Q定是否使用它。
雖然我喜歡折疊式導(dǎo)航圖標(biāo)的簡(jiǎn)便性和它提供的干凈的布居,但是仍然有一些潛在的可用性問(wèn)題困擾著我。這就是為什么我對(duì)它充滿(mǎn)爭(zhēng)議。
折疊式導(dǎo)航圖標(biāo)的優(yōu)勢(shì)與劣勢(shì)
優(yōu)勢(shì)1:設(shè)計(jì)簡(jiǎn)潔的界面
通過(guò)使用折疊式導(dǎo)航圖標(biāo)提供的額外空間能夠創(chuàng)建一個(gè)更干凈、更美觀(guān)、更具現(xiàn)代感的設(shè)計(jì)。我喜歡簡(jiǎn)約的設(shè)計(jì)外觀(guān),沒(méi)有雜亂的、層層疊疊的元素。
它能夠鼓勵(lì)設(shè)計(jì)團(tuán)隊(duì)真正考慮并做出某些內(nèi)容和可用性決策。因?yàn)檎郫B式導(dǎo)航圖標(biāo)隱藏了應(yīng)有盡有的菜單空間,你必須確定哪些是重要的,足以成為主導(dǎo)航的一部分。
擁有有限的導(dǎo)航空間能夠幫助團(tuán)隊(duì)關(guān)注網(wǎng)站目標(biāo)、用戶(hù)正在做什么以及設(shè)計(jì)者希望用戶(hù)做什么。
劣勢(shì)1:一些用戶(hù)將面臨的使用困難
對(duì)于一些用戶(hù)來(lái)說(shuō),這個(gè)帶有三行堆疊線(xiàn)條的小圖標(biāo)仍然不是很熟悉。如果你管理或創(chuàng)建的網(wǎng)站的用戶(hù)明顯年齡較大,或者不經(jīng)常使用移動(dòng)設(shè)備,那么折疊式導(dǎo)航圖標(biāo)可能會(huì)讓人感到困惑。
部分用戶(hù)可能永遠(yuǎn)不會(huì)點(diǎn)擊圖標(biāo),導(dǎo)致停止瀏覽網(wǎng)站。雖然這個(gè)工具可以方便那些“技術(shù)用戶(hù)”使用,但它并不適合所有用戶(hù)。如果你的網(wǎng)站設(shè)計(jì)的主要用戶(hù)年齡層級(jí)偏大或傾向于使用PC設(shè)備,應(yīng)該謹(jǐn)重考慮是否使用它。
優(yōu)勢(shì)2:兼容移動(dòng)用戶(hù)模式
當(dāng)初的少數(shù)網(wǎng)站開(kāi)始使用折疊式導(dǎo)航圖標(biāo)時(shí),很多人都以為它永遠(yuǎn)不會(huì)流行起來(lái),事實(shí)并非如此。
在手機(jī)網(wǎng)站建設(shè)上,使用它來(lái)表示隱藏的導(dǎo)航是被普遍接受的。大多數(shù)移動(dòng)用戶(hù)都知道它是什么以及它是如何工作的。這個(gè)用戶(hù)模式也很好地解決了移動(dòng)導(dǎo)航的問(wèn)題,這些微小的導(dǎo)航名稱(chēng)很難被點(diǎn)擊。通過(guò)彈出式或滑出式的導(dǎo)航,設(shè)計(jì)師們?cè)诿總€(gè)導(dǎo)航元素周?chē)粝铝烁嗟目臻g,甚至設(shè)計(jì)了大范圍的獨(dú)立導(dǎo)航鏈接,使其不僅具有按鈕的外觀(guān),而且具有很高的可用性。
劣勢(shì)2:容易產(chǎn)生一種填充過(guò)度的傾向
因?yàn)檎郫B式導(dǎo)航看起來(lái)像是完整的頁(yè)面,所以容易產(chǎn)生一種用信息過(guò)度填充它的傾向。我不想在你的導(dǎo)航頁(yè)面上再上下滾動(dòng)查找信息了。所以要選擇一些重要的導(dǎo)航信息向用戶(hù)展示,不要過(guò)度填充它!因?yàn)橛脩?hù)不想在打開(kāi)后再對(duì)內(nèi)容和目標(biāo)進(jìn)行大量決策。每個(gè)網(wǎng)站都應(yīng)該有幾個(gè)頁(yè)面是用戶(hù)優(yōu)先查找和訪(fǎng)問(wèn)的,這些頁(yè)面應(yīng)該放置在折疊式導(dǎo)航里。