儘管如今移動端的屏幕正呈現出越變越大的趨勢,但最優的位置仍然寸土寸金,如何利用好這些黃金區域,並且爲“一頭霧水”的用戶指點迷津,這纔是交互設計師的工作重心。
如果你是一名交互設計新手,這篇文章也許能讓你很有收穫。其實移動端導航的交互並沒有看起來那麼複雜,只要能理清其中的關係,對導航的類型及用戶心理有基本的瞭解,這樣的設計成果物會讓客戶更滿意。
導航無論在網頁還是移動端都起着不可替代的引導作用,用戶一旦不能輕鬆的使用導航功能功能,就會馬上對網站失去興趣,跳轉出去是必然的結果。因此,在開始交互設計之前做好充足的準備功課很有必要。
以下是AnyForWeb結合自身總結的經驗分享,希望對剛剛加入交互設計行列的新人們有所幫助。
使用頻率較高的移動導航類型
標籤導航
標籤導航是最爲普遍的導航形式之一,一般位於屏幕的頂部或底部,便於用戶在功能上不斷的切換,因此比較適用於內容區分不夠明確的導航名稱,但因爲屏幕大小受限,類目數量一般控制在5個以內。
而基於移動端的使用性質較強,頂部標籤導航的用戶體驗不如放在底部的標籤導航。頂部導航更利於閱讀,底部導航更利於點擊使用。
抽屜導航
抽屜導航屬於隱藏式導航,從用戶角度來說是比較好的導航體驗,一個好的導航就應該“召之即來,揮之即去”。相較於標籤導航,抽屜式導航設計幾乎沒有分類數量上的限制,用戶可以通過點擊漢堡圖標來展開導航列表。
宮格導航
宮格導航在導航的類型中屬於比較美觀的一種導航方式,但對於新用戶的引導意義很小,主要問題在於具體內容沒有在導航中有很明確的體現,只是作爲網站入口的形式出現。
移動端導航設計友情小貼士
突出要素
導航在移動應用的重要程度已經無可置疑,正因如此,用最精簡清楚的表達方式來闡述內容是用戶們最需要的效果。另外,在導航的使用中,用戶對視覺設計的要求會有所降低,是否具有高操作性纔是他們真正在意的問題。
保持前後一致
在移動導航的交互效果方面,設計師切記要保持前後一致。當用戶已經習慣了一種操作方式後,不要讓用戶再次經歷學習熟悉的過程。此外,在導航中加入一些箭頭標識和色彩區別來作出引導,也不失爲一種用戶喜歡的行爲。
內外結構具有通用性
導航可以分佈在移動端的各個界面中,設計風格可以根據界面風格而稍作調整變化,但導航的基本結構應中始終保持一致。
所有的設計都不能“依葫蘆畫瓢”,移動應用的導航設計也不例外。導航交互類型沒有最佳方案,各有利弊,設計師需要把握每個類型的優劣勢,再根據項目實際選擇變通最適合的導航方式。
本文最初由AnyForWeb UDC前端發佈,如需查看詳情,請點擊《AnyForWeb分享:如何用移動端導航的魅力來征服用戶》
AnyForWeb和AnyForWeb UDC的官方微博微信現已正式開通,歡迎大家關注!
新浪微博:@AnyForWeb、@AnyForWeb UDC
微信關注請掃:
AnyForWeb AnyForWeb UDC