交互流程中逆向導航設計研究

（浙江理工大學 藝術與設計學院 310000）

一、導航的本質

界面中的大量信息通過不同重要級的排序后，分布在不同的交互界面。交互流程導航是用戶游走于不同頁面之間的一個信息通道，如果這個信息通道設計的過于復雜，就會像迷宮一樣難以使用，也會降低用戶體驗感。

導航的結構多種多樣，那么導航的本質是什么？我們可以用一個購物的APP來舉例。橫向導航是指在同一級別之間的信息傳播流動。用戶可以在該應用程序中的底部信息之間來回移動，這種就類似于底部TAB。前向導航則是指在應用程序內從同一條信息傳播路徑中前進到另一個頁面。而逆向導航就是指按一定的時間順序，在一個應用程序內或跨不同的應用程序按照邏輯后退應用程序界面。例如從商品詳情頁返回首頁或從搜索進入詳情頁面時，用戶可以從商品詳情頁直接返回搜索，可以直接跳轉到首頁。

導航就是頁面信息循環流通的一個通道，其有較強的規則屬性，通過操作前的預知性，讓用戶更好的預見操作內容，從未減輕對信息的認知負擔。

二、什么是逆向導航

逆向導航，也稱反向導航，包括逆向時間導航和層級向上導航，是指打開頁面的方式是按一定的時間順序或是分層次的向后打開。追本溯源，這個概念的官方定義出自谷歌推出的一個全新的設計語言：Material Design材料設計語言，從用戶的行為維度來分總共包括三類：Lateral navigation（橫向導航）、Forward navigation（前進導航），以及Reverse navigation（逆向導航）。逆向導航則是定義交互流程的反向軌跡，三種交互流程導航方式相結合，就可以實現對移動頁面的全局操控。如果在交互設計時，設計師完全從正向設計一個APP的交互流程框架（即前進導航），而沒有梳理其逆向導航的頁面流，用戶就需要進行不斷的點擊返回甚至是“迷路”的煩惱，同時也在很大程度上降低了用戶體驗。

在交互導航中，前進導航和橫向導航這兩種交互導航方式相對來說比較常見且在設計時更容易顧及到，但逆向導航卻會被經常性的忽略。顧名思義逆向導航就是按邏輯返回（按層級返回，按時間返回）和按場景返回。除了承擔常規意義上的“返回”之外，逆向導航在交互流程上還起著其他重要的作用。

三、逆向導航設計作用

導航是頁面之間信息循環流通的一個通道，而逆向導航不僅承載著APP內信息的高效流動也是控制信息流通節點的關卡所在。

（一）導流作用

某些APP首頁會利用push模塊來吸引流量，push消息是為APP導流的重要手段。進入云音樂推送消息后，主頁會將在進入播放詳細信息之前進行簡短的預先顯示。對于不同的應用，其push消息預先顯示的頁面也是不同的，可能出現首頁、活動頁和列表頁等。目的是給用戶提供心理預期，如果用戶從詳情頁返回，可能會前往何處，給予用戶一個緩和時間。

（二）不同場景之間切換的橋梁

存在多任務處理的場景，在QQ中QQ看點作為一個獨立的功能模塊，QQ閱讀頂部除了提供常規的返回控件外，還有一個快速返回至列表頁的返回按鈕，用戶可以跳過閱讀場景直接回到首頁。更貼心的是，在好友列表頂部，提供了返回閱讀列表的鏈接，從而實現閱讀場景和實時聊天之間的快速銜接，直接突破了層級之間的限制，在閱讀場景下能高效處理多任務，解決返回這個問題。還有知乎專欄文章的返回，搜索結果吊起百度貼吧帖子后的返回以及豆瓣小組帖子返回。在這種情況下用戶可能做邏輯返回，但也可能是想要返回到專欄等，所以提供了兩種返回入口，并存。

（三）返回直接越過同級頁面

對于內容驅動的產品，平臺可以通過用戶的收藏標簽、搜索、內容分類等多維度的內容列表和其具體內容之間進行鏈接，這種瀏覽行為是非線性的導航的模式，一般在很多的資訊類軟件里很常見。

圖1

但從而也就反映出了一些問題——同一個頁面的入口有很多，那該怎么返回？返回到哪個頁面才是正確的，是符合用戶心里預期的？類似于用戶在詳情頁里點擊文章鏈接進入之后，需要返回的時候，只能層層返回，但這時候打開的詳情頁面是瀏覽過的，不僅沒有多大價值，還會影響用戶體驗，讓用戶產生一種膩煩心理，很可能使得用戶將此App立即卸載永遠拉入黑名單。

嗶哩嗶哩在處理這種返回問題上就處理的很好，為了減少這種無意義的返回操作，它把從任何入口進入的詳情頁面都認為是一種瀏覽記錄。當用戶需要返回時，它可以直接跳返到App首頁。這看起來是越過了同級頁面，從傳統意義的交互流程上來說好像也是不太符合規范的，但是在這種場景下，對于信息的處理可以越過同級頁面直接回到首頁。當用戶從列表頁跳轉至文章詳情頁并流轉其中時，“返回”行為就會認定此時用戶已經閱讀完同級詳情內容，逆向導航就會引導用戶直接返回至上一層級頁面。這種方式看似不太符合交互的一個操作規則，但從用戶角度來看，這種方式會更符合用戶心理預期。

（四）主站與第三方的場景切換之門

逆向導航也是主應用程序與接入的第三方應用程序間場景切換的快捷之門。百度網盤中接入了小度商城這一模塊，當用戶在小度商城中瀏覽，一旦出現返回這一行為指令時，其導航就會提供一鍵返回百度網盤的功能，通常以頂部的“X”等視覺符號出現。這種出發點是很好的，但是出現返回這一動作指令也并不意味著用戶一定是想跳離這個層級的，所以此時“返回”的這一熱區位置就不合時宜，用戶在移動場景下會出現手誤操作直接關閉，這一體驗欠佳。

微信也是一個很好的例子，用戶在閱讀文章時可能會被微信聊天push打斷，若是此時回到聊天界面回復信息再返回閱讀文章的話，就需要點擊多次回到閱讀文章頁面。那么為了減少聊天與閱讀文章這二者切換的時間間隔，其提供了一個浮窗功能，并且浮窗的視覺效果也會時刻提醒用戶及時閱讀。這樣就直接突破了層級之間的限制，可以實時聊天，打破了次元壁，在任何場景下用戶都可以一鍵直達，徹底解決交互流程上的返回問題。

逆向導航也實現了跨應用的路徑銜接，一些應用更會在場景跳轉的結尾給予用戶快速回跳的機會，比如：學習強國或是網易云音樂分享內容到微信，微信會提供返回至上一應用程序的快捷浮層。

四、總結

任何產品的信息內容以及功能的架構，都需要靠頁面來流通，應用程序中的每一頁面都承載著不同的信息，而頁面中信息的流動又要靠交互導航來承載。

在交互流程導航設計的過程中除了要考慮層級結構的搭建，節點的組織，清晰的交互方式還有操作步驟的適當分解之外，對于逆向導航偏隱藏化的功能設計的考慮也尤為重要，需要針對性設計。水平漸進式或層級遞進式的指引導航，更多都是從平臺的特性，產品的功能，信息的組織來出發考慮，基本其背后都有著一定的規則約束；而逆向導航的指引，更多的是需要從用戶的心理預期角度或是操作場景來進行思考，這樣才可能提升交互流程體驗和應用程序內信息的數據轉化速度。

信息是為了用戶而呈現的，要想成為一名優秀的交互設計師必須要站在用戶的角度上來看待思考問題，具有同理心，理解用戶在使用這個功能的時候可能發生的一些情況，并及時提出解決方案。