近幾年，產(chǎn)品體驗這個詞在經(jīng)常出現(xiàn)在大家的討論內(nèi)容里，大家都知道，好的產(chǎn)品體驗可以帶來更多的用戶瀏覽人數(shù)，差的產(chǎn)品體驗在操作上的懵逼度上，大概就是瀏覽個幾秒鐘就可以關閉了。從事網(wǎng)頁幾年，多多少少接觸了很多個案例，從中也總結(jié)下幾點個人想法。今天來分享下對導航設計的見解及利弊端的體驗。

一、傳統(tǒng)展示導航

傳統(tǒng)的導航是把所有的欄目都展示出來，這樣方便用戶可以直接點擊到想要的欄目，基本符合的瀏覽群眾是屬于傳統(tǒng)派，或者快效的應用在平臺上網(wǎng)頁的設計。弊端就是在響應式設計上就受限了，可能在平板上和手機上就顯得擁擠了，視覺觀感差。
 

 
二、隱藏式按鈕導航設計

為了解決上述的問題，我們也采取了按鈕把欄目的內(nèi)容隱藏上來，這樣解決了頁面擁擠，也為頁面留下簡潔的視覺感。也比較適合現(xiàn)在普遍大眾在手機應用上的操作習慣。


 
三、頂部固定滑動導航
 

 
側(cè)的導航第一屏給人的感覺很新穎，適合設計創(chuàng)意為主的網(wǎng)站。
弊端就是不能超過太多欄目，盡量保持在一屏內(nèi)，不然重新下拉第二屏其實是蠻費力的一個體驗感觀，當然如果比較上了年紀的估計一開始也不知道從哪點，所以這個應用的年齡群眾最好偏年輕些的瀏覽群體
 
四、圖標化導航
 

 
活潑貼切的圖標化設計導航給人第一眼的感覺很形象，不過這個得考察圖標的形象化是否符合導航欄目的內(nèi)容了，不然給人牛頭蛇尾的不貼切感也是很不好的。此類網(wǎng)站多應用于兒童樂趣活潑跳躍性多些的網(wǎng)站風格。
 
五、圖片化導航


這類導航設計是直接把導航應用在首頁設計上了，這樣突出了網(wǎng)站里的架構，信息表達能力強些，讓用戶的點擊欲望會強烈些，至少在選擇上提供了明確的點擊信息。弊端就是不能更多的展示其他信息，不過這些信息在內(nèi)頁里面去體現(xiàn)也無妨。
 
六、融入式導航



融入導航設計的方法比較對圖片的選擇要求高點，不過這樣也是一個不錯的創(chuàng)意方式。大部分這樣的導航設計比較應用在品牌化的高端網(wǎng)站，對設計的把控需要高點才能設計出好的首屏效果，弊端就是比較受限起圖片的選擇。
 
小結(jié):
導航往往在第一屏第一眼就有所體驗了，目前導航的設計也是千層百出，不過也是萬變不離其宗，什么樣的網(wǎng)站定位也決定了導航的設計方向，例如商城網(wǎng)站以推廣為主最好是全部欄目都展示出來。企業(yè)品牌官網(wǎng)以簡潔設計為主。導航雖然看起來占據(jù)的版面比較小，當設計往往考驗的就是對細節(jié)的把控。作為設計師這也是需要對導航的設計趨勢時刻注意到的。

作者：方維網(wǎng)絡陳曉琳