（浙江理工大學(xué) 藝術(shù)與設(shè)計學(xué)院 310000）

一、導(dǎo)航的本質(zhì)

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

導(dǎo)航的結(jié)構(gòu)多種多樣，那么導(dǎo)航的本質(zhì)是什么？我們可以用一個購物的APP來舉例。橫向?qū)Ш绞侵冈谕患墑e之間的信息傳播流動。用戶可以在該應(yīng)用程序中的底部信息之間來回移動，這種就類似于底部TAB。前向?qū)Ш絼t是指在應(yīng)用程序內(nèi)從同一條信息傳播路徑中前進到另一個頁面。而逆向?qū)Ш骄褪侵赴匆欢ǖ臅r間順序，在一個應(yīng)用程序內(nèi)或跨不同的應(yīng)用程序按照邏輯后退應(yīng)用程序界面。例如從商品詳情頁返回首頁或從搜索進入詳情頁面時，用戶可以從商品詳情頁直接返回搜索，可以直接跳轉(zhuǎn)到首頁。

導(dǎo)航就是頁面信息循環(huán)流通的一個通道，其有較強的規(guī)則屬性，通過操作前的預(yù)知性，讓用戶更好的預(yù)見操作內(nèi)容，從未減輕對信息的認(rèn)知負(fù)擔(dān)。

二、什么是逆向?qū)Ш?/h2>

逆向?qū)Ш?，也稱反向?qū)Ш剑嫦驎r間導(dǎo)航和層級向上導(dǎo)航，是指打開頁面的方式是按一定的時間順序或是分層次的向后打開。追本溯源，這個概念的官方定義出自谷歌推出的一個全新的設(shè)計語言：Material Design材料設(shè)計語言，從用戶的行為維度來分總共包括三類：Lateral navigation（橫向?qū)Ш剑?、Forward navigation（前進導(dǎo)航），以及Reverse navigation（逆向?qū)Ш剑Ｄ嫦驅(qū)Ш絼t是定義交互流程的反向軌跡，三種交互流程導(dǎo)航方式相結(jié)合，就可以實現(xiàn)對移動頁面的全局操控。如果在交互設(shè)計時，設(shè)計師完全從正向設(shè)計一個APP的交互流程框架（即前進導(dǎo)航），而沒有梳理其逆向?qū)Ш降捻撁媪鳎脩艟托枰M行不斷的點擊返回甚至是“迷路”的煩惱，同時也在很大程度上降低了用戶體驗。

在交互導(dǎo)航中，前進導(dǎo)航和橫向?qū)Ш竭@兩種交互導(dǎo)航方式相對來說比較常見且在設(shè)計時更容易顧及到，但逆向?qū)Ш絽s會被經(jīng)常性的忽略。顧名思義逆向?qū)Ш骄褪前催壿嫹祷兀ò磳蛹壏祷?，按時間返回）和按場景返回。除了承擔(dān)常規(guī)意義上的“返回”之外，逆向?qū)Ш皆诮换チ鞒躺线€起著其他重要的作用。

三、逆向?qū)Ш皆O(shè)計作用

導(dǎo)航是頁面之間信息循環(huán)流通的一個通道，而逆向?qū)Ш讲粌H承載著APP內(nèi)信息的高效流動也是控制信息流通節(jié)點的關(guān)卡所在。

（一）導(dǎo)流作用

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

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

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

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

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

圖1

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

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

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

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

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

逆向?qū)Ш揭矊崿F(xiàn)了跨應(yīng)用的路徑銜接，一些應(yīng)用更會在場景跳轉(zhuǎn)的結(jié)尾給予用戶快速回跳的機會，比如：學(xué)習(xí)強國或是網(wǎng)易云音樂分享內(nèi)容到微信，微信會提供返回至上一應(yīng)用程序的快捷浮層。

四、總結(jié)

任何產(chǎn)品的信息內(nèi)容以及功能的架構(gòu)，都需要靠頁面來流通，應(yīng)用程序中的每一頁面都承載著不同的信息，而頁面中信息的流動又要靠交互導(dǎo)航來承載。

在交互流程導(dǎo)航設(shè)計的過程中除了要考慮層級結(jié)構(gòu)的搭建，節(jié)點的組織，清晰的交互方式還有操作步驟的適當(dāng)分解之外，對于逆向?qū)Ш狡[藏化的功能設(shè)計的考慮也尤為重要，需要針對性設(shè)計。水平漸進式或?qū)蛹夁f進式的指引導(dǎo)航，更多都是從平臺的特性，產(chǎn)品的功能，信息的組織來出發(fā)考慮，基本其背后都有著一定的規(guī)則約束；而逆向?qū)Ш降闹敢?，更多的是需要從用戶的心理預(yù)期角度或是操作場景來進行思考，這樣才可能提升交互流程體驗和應(yīng)用程序內(nèi)信息的數(shù)據(jù)轉(zhuǎn)化速度。

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