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