AnyForWeb分享:如何用移動端導航的魅力來征服用戶

儘管如今移動端的屏幕正呈現出越變越大的趨勢,但最優的位置仍然寸土寸金,如何利用好這些黃金區域,並且爲“一頭霧水”的用戶指點迷津,這纔是交互設計師的工作重心。

 

如果你是一名交互設計新手,這篇文章也許能讓你很有收穫。其實移動端導航的交互並沒有看起來那麼複雜,只要能理清其中的關係,對導航的類型及用戶心理有基本的瞭解,這樣的設計成果物會讓客戶更滿意。

 

導航無論在網頁還是移動端都起着不可替代的引導作用,用戶一旦不能輕鬆的使用導航功能功能,就會馬上對網站失去興趣,跳轉出去是必然的結果。因此,在開始交互設計之前做好充足的準備功課很有必要。

 

以下是AnyForWeb結合自身總結的經驗分享,希望對剛剛加入交互設計行列的新人們有所幫助。

 

使用頻率較高的移動導航類型

 

標籤導航

 

 

標籤導航是最爲普遍的導航形式之一,一般位於屏幕的頂部或底部,便於用戶在功能上不斷的切換,因此比較適用於內容區分不夠明確的導航名稱,但因爲屏幕大小受限,類目數量一般控制在5個以內。

 

而基於移動端的使用性質較強,頂部標籤導航的用戶體驗不如放在底部的標籤導航。頂部導航更利於閱讀,底部導航更利於點擊使用。

 

抽屜導航

 

 

 



抽屜導航屬於隱藏式導航,從用戶角度來說是比較好的導航體驗,一個好的導航就應該“召之即來,揮之即去”。相較於標籤導航,抽屜式導航設計幾乎沒有分類數量上的限制,用戶可以通過點擊漢堡圖標來展開導航列表。

 

宮格導航

 


 

宮格導航在導航的類型中屬於比較美觀的一種導航方式,但對於新用戶的引導意義很小,主要問題在於具體內容沒有在導航中有很明確的體現,只是作爲網站入口的形式出現。

 

移動端導航設計友情小貼士

 

突出要素

 

導航在移動應用的重要程度已經無可置疑,正因如此,用最精簡清楚的表達方式來闡述內容是用戶們最需要的效果。另外,在導航的使用中,用戶對視覺設計的要求會有所降低,是否具有高操作性纔是他們真正在意的問題。

 

保持前後一致

 

在移動導航的交互效果方面,設計師切記要保持前後一致。當用戶已經習慣了一種操作方式後,不要讓用戶再次經歷學習熟悉的過程。此外,在導航中加入一些箭頭標識和色彩區別來作出引導,也不失爲一種用戶喜歡的行爲。

 

內外結構具有通用性

 

導航可以分佈在移動端的各個界面中,設計風格可以根據界面風格而稍作調整變化,但導航的基本結構應中始終保持一致。

 

AnyForWeb總結

 

所有的設計都不能“依葫蘆畫瓢”,移動應用的導航設計也不例外。導航交互類型沒有最佳方案,各有利弊,設計師需要把握每個類型的優劣勢,再根據項目實際選擇變通最適合的導航方式。

 

本文最初由AnyForWeb UDC前端發佈,如需查看詳情,請點擊《AnyForWeb分享:如何用移動端導航的魅力來征服用戶》

 

AnyForWeb和AnyForWeb UDC的官方微博微信現已正式開通,歡迎大家關注!

 

新浪微博@AnyForWeb@AnyForWeb UDC

微信關注請掃

                    

      AnyForWeb                          AnyForWeb UDC

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章