做好網(wǎng)頁(yè)導(dǎo)航設(shè)計(jì)的三大成功法則
發(fā)布時(shí)間：2015/07/02
字體：大中小摘要：做好網(wǎng)頁(yè)導(dǎo)航設(shè)計(jì)的三大成功法則,導(dǎo)航區(qū)域設(shè)計(jì)的簡(jiǎn)單,信息架構(gòu),導(dǎo)航就是指導(dǎo)用戶去找尋網(wǎng)站上的信息，找到他們所需要的東西，當(dāng)然這只是我們大家普遍的一種認(rèn)知，其實(shí)對(duì)網(wǎng)站設(shè)計(jì)師而言，他們好像要考慮的東西更多，在最基本的設(shè)計(jì)思路和組織結(jié)構(gòu)上也要遵守一定的規(guī)律和原則，更要是能探求潛在的用戶需求。下面合肥網(wǎng)站建設(shè)的小編就來(lái)和大家探討一下對(duì)于做好網(wǎng)頁(yè)導(dǎo)航設(shè)計(jì)的成功法則有哪些吧！
導(dǎo)航就是指導(dǎo)用戶去找尋網(wǎng)站上的信息，找到他們所需要的東西，當(dāng)然這只是我們大家普遍的一種認(rèn)知，其實(shí)對(duì)網(wǎng)站設(shè)計(jì)師而言，他們好像要考慮的東西更多，在最基本的設(shè)計(jì)思路和組織結(jié)構(gòu)上也要遵守一定的規(guī)律和原則，更要是能探求潛在的用戶需求。下面合肥網(wǎng)站建設(shè)的小編就來(lái)和大家探討一下對(duì)于做好網(wǎng)頁(yè)導(dǎo)航設(shè)計(jì)的成功法則有哪些吧！
1、保持簡(jiǎn)單，打造簡(jiǎn)約風(fēng)格
網(wǎng)站的導(dǎo)航區(qū)域要盡可能設(shè)計(jì)的簡(jiǎn)單，因?yàn)閺?fù)雜而擁擠的導(dǎo)航欄設(shè)計(jì)會(huì)嚴(yán)重阻礙網(wǎng)站的整體可用性。但是這并不是說(shuō)信息也變得簡(jiǎn)單，我們可以將設(shè)計(jì)變得具有小小的欺騙性，將復(fù)雜的信息用簡(jiǎn)單的方式包裝起來(lái)。對(duì)于復(fù)雜而龐大的產(chǎn)品線，將每個(gè)項(xiàng)目的下拉菜單都分成幾段出來(lái)，這樣導(dǎo)航層級(jí)也變得清晰明了，在這樣的組織架構(gòu)之下，不僅讓用戶的體驗(yàn)更好了，而且對(duì)于網(wǎng)站而言也更加便于管理內(nèi)容。這不僅保持簡(jiǎn)單，也簡(jiǎn)化了復(fù)雜。
2、確定信息架構(gòu)
規(guī)劃一個(gè)大型網(wǎng)站，規(guī)劃好內(nèi)容是進(jìn)行導(dǎo)航設(shè)計(jì)之前的第一要?jiǎng)?wù)。而我們此處所說(shuō)的信息架構(gòu)，是合理的組織信息的展現(xiàn)形式，支撐起網(wǎng)站內(nèi)容的骨架。信息架構(gòu)的主要任務(wù)是為信息與用戶認(rèn)知之間構(gòu)建一座暢通的橋梁。從更高的位置來(lái)看待網(wǎng)站內(nèi)容有助于信息架構(gòu)的搭建。更重要的是，你得學(xué)會(huì)從用戶的角度來(lái)看待網(wǎng)站內(nèi)容。這也就意味著，有的時(shí)候你得站在正反兩個(gè)位置來(lái)看待同一個(gè)東西，不同視角下你會(huì)發(fā)現(xiàn)有的內(nèi)容的呈現(xiàn)方式非常反人類。
3、謹(jǐn)慎選擇方向
傳統(tǒng)意義上的電腦屏幕方向是橫向的，這也使得縱向下拉菜單，在很長(zhǎng)的一段時(shí)間里面成為了導(dǎo)航欄設(shè)計(jì)的主流方向。這樣的設(shè)計(jì)，平衡且少干擾，從設(shè)計(jì)的角度上來(lái)看是不錯(cuò)的選擇。作為虛擬現(xiàn)實(shí)設(shè)備制造商的Oculus，將導(dǎo)航設(shè)計(jì)成為橫向的非常符合他們的設(shè)備的自然邏輯。但是橫向的導(dǎo)航并不一定符合所有的網(wǎng)站的需求，這也是為什么你會(huì)看到那么多縱向?qū)Ш降木W(wǎng)站，尤其是在電商領(lǐng)域。彩色的標(biāo)簽被用來(lái)標(biāo)識(shí)不同的品類，縱向的導(dǎo)航設(shè)計(jì)，與現(xiàn)實(shí)世界中的導(dǎo)購(gòu)圖冊(cè)暗合。這樣的導(dǎo)航符合多品類，多內(nèi)容的信息架構(gòu)，橫向?qū)Ш接迷诖颂帟?huì)因?yàn)槠奉惡臀淖謨?nèi)容而產(chǎn)生混亂。一個(gè)良好的垂直方向的導(dǎo)航，要設(shè)計(jì)好并非易事，尤其是當(dāng)你的網(wǎng)站內(nèi)容非常多的時(shí)候。Jack Jones 的網(wǎng)站是一個(gè)很好的學(xué)習(xí)對(duì)象。網(wǎng)站導(dǎo)航中的小圖標(biāo)擁有不錯(cuò)的可讀性，簡(jiǎn)單的形狀包含了可觀的信息，整齊而有力。每點(diǎn)擊一個(gè)類別，菜單展開(kāi)，顯示子類，邏輯清晰。當(dāng)然，你還可以在Squarepusher 的網(wǎng)站看到相對(duì)不同尋常一些的縱向菜單設(shè)計(jì)。導(dǎo)航被設(shè)計(jì)成標(biāo)簽頁(yè)，訪客可以通過(guò)滾動(dòng)切換，這是一種更為線性的導(dǎo)航欄設(shè)計(jì)。
