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