超詳介紹這7種方法「導航設計的七種方法」

一、標籤式導航

標籤式導航可以說現在是很大部分的app都會使用的導航之一,因為它很好的將各個功能進行了清楚的劃分,而且用戶在使用過程中,只需要簡單的操作就會進入到自己想進的界面。能夠讓用戶直接看到自己產品的主要功能。但是我們建議在使用這種導航的同時,我們要剋制自己的數量,標籤欄導航(底部),一般不會超過5個。比如微信、企鵝、網易雲音樂等。

同時在此基礎上也演化了很多類似的的導航方式。

超實用的7種導航方式

在上圖大家可以看到,有的產品因為功能聚合不了,但又不想捨棄,就會做成將中間的功能作為一個集合,點擊則會出現更多的功能,像微博,今日頭條都是這樣進行設計的。今日頭條不僅採用了底部標籤欄的方式,而且也附加了頂部的標籤作為耳機導航,這樣做的好處是用戶能夠更快的找到自己想要的信息。

對於標籤欄的總結:優點-1能夠讓用戶快速掌握產品的主要功能。2、用戶能夠快速找到自己想要的信息。3、學習成本低。4、開發成本低廉。

缺點-1、佔用了部分界面的空間,在小屏上尤為明顯。

二、列表式導航

列表式的導航,在現在的應用設計發展中,越來越多承載的是級次功能的收納與說明的責任。當然也是很常見的。

超實用的7種導航方式

列表式的導航,條理清晰,但是功能的次重感不是很強烈,數量也會相對龐大一些,用戶在尋找的時候會花費一些時間。但現在的列表式導航,不再是所有進行向下排列了,也會根據列表的類型進行分類,然後再進行分類,這裡注意的是,排列需求(類型和功能雙方面進行考慮)

那麼它的優點:1、能夠容納相對較多的解釋說明信息,讓用戶知道這個功能具體是做什麼的。2、符合用戶從上倒下的瀏覽習慣。3、開發成本也比較容易。

缺點:1、樹木過多的時候,用戶找起來比較頭疼。2、當用戶進入時,用戶想用其他功能,則需要完全退出才能進入下一個功能,相對封閉,不夠流通。

三、九宮格導航

九宮格導航在現在的主流的應用,被用作主要導航的已經不多見,一般出現在旅遊類的app中,或者座位次級導航,存在於二級頁面或者當前頁面的下部,主要作用就是引導用戶進入一個新的功能區。

超實用的7種導航方式

比如支付寶中的九宮格,美圖秀秀,。

優點:1、能夠清晰的展現每個功能。2、能夠一次性展示更多入口。

缺點:1、重點功能不突出。2、各個功能入口跳轉不夠靈活,當進入較深層級時,需要一步步退出,才能進入下一個功能入口。

四、抽屜式導航

抽屜式導航一般適用於,只有一個主要功能,其功能要麼不重要要麼開啟次數很少的應用。類似於qq 、滴滴打車、網易郵箱(此圖來自網絡)等。

超實用的7種導航方式

優點:1、節省了很多空間,使得產品變得輕量起來。2、能夠很好的將主要功能與次要功能分開。

缺點:1、在起初是不太讓用戶發現的,加大了用戶的學習成本。2、打斷了用戶對當前任務的一致性。

值得注意的是,在採用這類導航的同時,要保證過度動畫的簡潔 和高效。

五、下拉導航

下拉導航現在一般存在於條件的篩選。例如美團 百度 等。

超實用的7種導航方式

如圖可見,

缺點:1、它會遮擋用戶正在操作的內容,當內容較為繁複的時候,則顯得優點腫脹。優點:1、節省了頁面空間,操作便捷,無需跳出當前頁面來進行選擇。

六、輪播導航

輪播導航一般存在於頁面內,可以滑動的導航條,或者其他形式。(圖片來自網絡)

超實用的7種導航方式

輪播的導航形式和九宮格相差不多,不過他的排列方式是單向的,要麼是橫向,要麼是豎列排布。一般採用這種導航方式,他的內容功能大致類似。

優點:用戶能夠快速通過這種導航方式,瀏覽這一個類別的信息,不會迷失。

缺點就是:結構單一,也相對比較佔用空間。

七、隱喻式導航

隱喻式導航一般用於遊戲中,用來指導用戶進行做任務(專業性質和產品情節比較嚴重。)

總結

一個好的導航,能夠極大限度的激活產品的活力,為產品帶來流暢的用戶體驗,能讓用戶感受到產品的態度。因此我們在做導航設計的時候要充分考慮產品的使用場景,來進行選擇使用。

現在的產品也都不再局限於單個導航的選擇,往往選擇多個導航去滿足不同場景額需求,導航之間,除了一些非常“死板”的界限,慢慢的也在融合與交替。我們交互設計師,在這其中也要做到融會貫通,這樣才會為用戶提供更好的用戶體驗。

原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-hant/n/303962.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
投稿專員的頭像投稿專員
上一篇 2024-12-31 12:09
下一篇 2024-12-31 12:09

相關推薦

發表回復

登錄後才能評論