網(wǎng)頁(yè)設(shè)計(jì)必知的導(dǎo)航設(shè)計(jì)三原則

2016-12-5    ui設(shè)計(jì)分享達(dá)人

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,?請(qǐng)點(diǎn)這里 

網(wǎng)站設(shè)計(jì)導(dǎo)航就如同為房子打基礎(chǔ)。如果地基不牢靠,再壯觀的設(shè)計(jì)也無(wú)法掩蓋建筑結(jié)構(gòu)的潛在風(fēng)險(xiǎn),其實(shí)網(wǎng)站也是如此,如果想讓網(wǎng)站擁有優(yōu)秀的用戶(hù)體驗(yàn),良好的轉(zhuǎn)化率,可觀的銷(xiāo)售額,你需要花費(fèi)相當(dāng)?shù)臅r(shí)間去了解你的用戶(hù)需求,精心設(shè)計(jì)網(wǎng)站的內(nèi)容,尋求可靠而直觀有效的內(nèi)容組織體系,而這些東西的外化體現(xiàn),就是網(wǎng)站的導(dǎo)航設(shè)計(jì)。今天我們就來(lái)分享下導(dǎo)航設(shè)計(jì)的三條重要原則:
(1)首先確定信息架構(gòu)。規(guī)劃一個(gè)大型網(wǎng)站,規(guī)劃好內(nèi)容是進(jìn)行導(dǎo)航設(shè)計(jì)之前的第一要?jiǎng)?wù)。一般情況下,你可以通過(guò)下面的問(wèn)題來(lái)完善整個(gè)架構(gòu):
·哪些頁(yè)面是這個(gè)網(wǎng)站必不可少的?
·從宏觀架構(gòu)上來(lái)看是否每個(gè)頁(yè)面都有其獨(dú)立的目的,它們的存在是否影響整體的連續(xù)性和可靠性?
·有哪些內(nèi)容是需要在將來(lái)持續(xù)提供并更新的?
·網(wǎng)站所需要涉及到的用戶(hù)群有哪些?(登錄用戶(hù)、訂閱用戶(hù)、廣告商等等)
·針對(duì)每種用戶(hù),網(wǎng)站所要達(dá)成的目標(biāo)是什么?
思考這些問(wèn)題能夠幫助你更好的完善網(wǎng)站的信息架構(gòu),為導(dǎo)航設(shè)計(jì)做好準(zhǔn)備。
(2)保持簡(jiǎn)單。絕大多數(shù)的網(wǎng)站瀏覽者可能會(huì)一致的認(rèn)同這一點(diǎn):網(wǎng)站的導(dǎo)航區(qū)域要盡可能設(shè)計(jì)的簡(jiǎn)單。的確,復(fù)雜而擁擠的導(dǎo)航欄設(shè)計(jì)會(huì)嚴(yán)重阻礙網(wǎng)站的整體可用性。
(3)謹(jǐn)慎選擇方向。傳統(tǒng)意義上的電腦屏幕方向是橫向的,這也使得縱向下拉菜單,在很長(zhǎng)的一段時(shí)間里面成為了導(dǎo)航欄設(shè)計(jì)的主流方向。這樣的設(shè)計(jì),平衡且少干擾,從設(shè)計(jì)的角度上來(lái)看是不錯(cuò)的選擇。
新工藝新技術(shù)的不斷涌現(xiàn),使得新的設(shè)計(jì)趨勢(shì)和新的挑戰(zhàn)源源不斷呈現(xiàn)在我們面前。響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)使得桌面上傳統(tǒng)的橫向?qū)Ш皆谝苿?dòng)端呈現(xiàn)的時(shí)候,更多是以縱向?qū)Ш降男问奖憩F(xiàn)出來(lái)。導(dǎo)航的設(shè)計(jì)不再被固定的方案所束縛,多種多樣的表現(xiàn)手法都可以產(chǎn)生不俗的效果。但是,設(shè)計(jì)和測(cè)試的迭代方法,最好還是圍繞著網(wǎng)站轉(zhuǎn)化率和統(tǒng)計(jì)數(shù)據(jù)來(lái)進(jìn)行。 

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn?)是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì)?、 cs界面設(shè)計(jì)?、 ipad界面設(shè)計(jì)?、 包裝設(shè)計(jì)? 圖標(biāo)定制?、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、?網(wǎng)站建設(shè)?、平面設(shè)計(jì)服務(wù) 

 

 

分享本文至:

日歷

鏈接

個(gè)人資料

存檔