安利四個特殊的導航形式

0 評論 862 瀏覽 0 收藏 7 分鐘

在數(shù)字化時代的浪潮中,導航設計已成為提升用戶體驗的關鍵。除了常見的頂部、側邊和混合導航,設計師們不斷探索創(chuàng)新,以適應多變的業(yè)務需求和內容架構。本文將帶您探索四種特殊的導航形式,它們不僅解決了特定的設計挑戰(zhàn),也為導航設計提供了全新的視角和思路。讓我們一起深入了解這些創(chuàng)新的導航解決方案,為用戶打造更加直觀、高效的交互體驗。

在導航菜單當中,除了我們常在工作當中提到的 頂部導航、側邊導航、混合導航之外,也會有一些特殊的導航形式。

有的是在系統(tǒng)當中為了去解決某種業(yè)務場景,有的是內容架構不合理需要進行擴充,今天就來給大家盤點一下最近看到的特殊導航形式,在導航設計上給大家提供更多的解決方案與思路。

下鉆導航

下鉆導航,就是需要通過下鉆的方式,將導航的深度進行加深。它主要解決在特殊情況下,對于導航內容進行的臨時擴充。

通常會使用在混合導航當中,因為混合導航已經很難再進行深度的擴展,就只能使用特殊的辦法來解決問題。

比如在導航菜單當中,只有我的客戶需要有三級導航,并且需要展現(xiàn)「重要客戶、普通客戶、客戶標簽 等」導航信息時,就可以使用下鉆的方式對內容進行臨時的補充。

在設計上,主要表現(xiàn)在點擊下鉆導航菜單過后,會將原有的導航面板進行替換,呈現(xiàn)下鉆的導航結構,用于給到用戶進行選擇。

比如在支付寶的商家平臺當中,常規(guī)的導航內容我們都可以通過混合導航的方式進行解決,只有在運營中心當中的激勵政策、市場服務、其他 當中,由于本身內容較多因此沒辦法進行二級導航的平鋪展示,所以就只能通過下鉆的方式展現(xiàn)頁面。

邊欄導航

邊欄其實是一種導航擴充的思路,比如現(xiàn)在導航的整體內容結構過于復雜,這時候我就可以使用邊欄的方式進行導航模塊的呈現(xiàn)。它會在你的屏幕右側單獨開辟一個新的區(qū)域,這樣就能夠呈現(xiàn)較大的數(shù)據(jù)內容。

比如在 Edge 瀏覽器當中,我們就能夠通過邊欄訪問部分網(wǎng)頁,這樣就能實現(xiàn)內容的雙屏展示。特別是邊欄打開 Kimi,整體效率會特別的高。

當然在 B 端產品當中,也會有類似的交互,比如明道云產品當中,也會將其 消息、通訊錄 作為邊欄,提供給用戶進行快速的訪問。

除了完整的布局當中會有邊欄之外,也會有一些特殊頁面可以使用邊欄進行拓展。比如紛享銷客就在其詳情頁當中使用邊欄呈現(xiàn)更還多維的信息,算是除了 Tab 之外有一種信息內容形式的補充。

自定義導航

其實準確來說,應該叫做導航的自定義功能,因為導航本身涉及到的內容就會比較特殊,每一個人都會有自己的導航訴求,所以可以使用自定義的方式來進行自主的選擇。

通常自定義導航會存在有兩個特點:

1.系統(tǒng)非常龐大,功能模塊眾多,在設計上就會有較多的掣肘地方,因此難以有一個完美的解決方案。

2.用戶的角色很難進行抽象。就很難用那么 2-3 個角色來對系統(tǒng)當中整體的導航進行歸類,這時候只能將這個權限開放給到用戶,讓他們進行自定義。

關于自定義導航的部分,已經有非常多 B 端產品進行普及,這里我簡單羅列一下我知道的導航,大家也可以在評論區(qū)進行補充:Salesforce、Coding、ONES、騰訊云、薪人薪事…

客戶端導航

客戶端導航在我看來就是為了兼容客戶端應用所涉及出來的樣子,它整體結構基本上以側邊導航為主,通過側邊導航一層層進行多級內容的延展。

這類型產品都會有一些相似的地方,都是想通過瀏覽器進行封裝,進而產出一個客戶端版本。所以在設計之初,很多內容都是為了應用封裝考慮,讓它看起來像是一個客戶端。

比如 Notion、Follow、Figma 很多產品都是按照這個思路進行的設計。

當然,這是我搜集的比較特殊的導航形式,你有遇到過哪些特殊的情況,可以在評論區(qū)補充~

本文由人人都是產品經理作者【CE青年】,微信公眾號:【CE青年Youthce】,原創(chuàng)/授權 發(fā)布于人人都是產品經理,未經許可,禁止轉載。

題圖來自Unsplash,基于 CC0 協(xié)議。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!