全栈工程师?
嗯.....目前并不是!

“逆嚮導航”體驗探究

逆嚮導航除了承擔常規意義的“返回”外,在實戰中又扮演着什麼角色、發揮哪些作用呢?這是本文闡述的主要內容,一起來看看~

逆嚮導航,也稱反嚮導航。追根溯源,這個概念官方定義出自Material Design里,從用戶行為維度,分成三類:Lateral navigation(橫嚮導航)、Forward navigation(前進導航)以及Reverse navigation(逆嚮導航)。

橫嚮導航和前進導航分別指引用戶操作的水平漸進和層級漸進。逆嚮導航則負責對反向軌跡進行定義和實施,三者結合,實現對移動頁面的全局操控。

“逆嚮導航”體驗探究

前兩種導航相對比較熟悉,逆嚮導航因其操作的無意識性和展示的隱蔽性等特徵,很少被提及。逆嚮導航除了承擔常規意義的“返回”外,在實戰中又扮演着什麼角色、發揮哪些作用呢,這是本章闡述的主要內容。

承擔APP內信息的高效流動

導航是頁面信息流通的管道,逆嚮導航則是節點控制的疏通閥。

1. 導流式推送:前置目標頁,增強預期

Push消息是為app導流的重要手段。點擊雲音樂push后,雲音樂首頁會有短暫的前置出現,隨後才進入播放詳情頁。不同應用,push調起過程中前置出現的頁面是不同的,有首頁、有列表頁、也有活動頁。目的是告訴用戶,如果從詳情頁退回,會前往何處,提供心理預期。

“逆嚮導航”體驗探究

2. 多任務流:增加公共頁,縮短進程

線性的任務流中,層層返回不僅操作繁瑣,也無法滿足快速返回、跳頁修改的訴求。信貸授信過程需要用戶完成的任務包括身份驗證、資料補充、照片上傳、活體驗證等;按照這種方式,跨環節的修改是低效的。

“逆嚮導航”體驗探究

新的聚合方案,增加公共頁,縮短用戶操作的線性進程。

“逆嚮導航”體驗探究操作之前對任務有預期,操作之後又能隨時單獨修改,體現效率。

“逆嚮導航”體驗探究

3. 同質內容:跳過同級頁,層級向上

內容型產品,當用戶從列表頁下沉至文章詳情頁,並在詳情頁間流轉。“返回”行為認定:同級詳情內容已被閱讀,無需二次展示。逆嚮導航會引導用戶直接返回上一層級,而不是逐級返回。

“逆嚮導航”體驗探究

這種定向方式看似不太符合操作規則,但從用戶角度思考,比較符合心理預期。

“逆嚮導航”體驗探究

連接主站與旁支的場景切換

主站APP與接入應用間的場景切換,逆嚮導航是快捷之門。

1. 偵測行為,輔助快速跳離

主站APP接入獨立小應用或第三方模塊已成為大眾做法;比如:小度商城模塊接入百度網盤,當用戶在小度商城中流轉,出現返回行為,導航就會展示“關閉”“X”等快捷通道,提供一鍵返回百度網盤功能。

出發點很好,但返回行為並不意味着用戶一定想跳離,“返回”“關閉”的熱區位置,很容易讓用戶在移動場景下誤操作直接關閉,體驗欠佳。

“逆嚮導航”體驗探究

微信在接入新聞板塊的詳情頁提供了更好的解決方案:返回與跳離區域分開,基於用戶滑動行為顯示或隱藏返回功能。讓高頻的“前進返回”與低頻的“跳回”,互補干擾。

“逆嚮導航”體驗探究

2. 動態呈現,提供雙向鏈接

與情況1類似,QQ閱讀頂部提供快速返回好友列表的逆嚮導航入口,用戶可直接跳出閱讀場景。但與之對應的,列表頁頂部同樣提供快速跳回閱讀場景的鏈接。這種雙向引導很快的將閱讀場景與實時聊天相互貫通。更用心的是,如果閱讀頁層層返回聊天列表,聊天頁頂部的快速鏈接是不再出現的,體現了場景的差異化。

“逆嚮導航”體驗探究

3. 突破層級,給予一鍵直達

對於微信長文閱讀場景,用戶很容易被微信聊天打斷。為了盡量減少二者切換的時間間隔,長文提供用戶手動浮窗功能。直接突破層級的限制,任何場景下都能一鍵直達,徹底解決返回問題。圓形浮窗的顏色漸變也會時刻提醒及時閱讀。

“逆嚮導航”體驗探究

實現跨應用的路徑銜接

應對跨應用間的跳轉返回問題,新版的iOS中,增加了左上角的返回標識,儘管有些妥協的味道,但確實能幫助用戶快速返回原場景。一些應用更會在場景跳轉的結尾,給予用戶快速回跳的機會,比如:知乎分享內容到微信,微信提供返回知乎的快捷浮層。

“逆嚮導航”體驗探究

產品中的信息由頁面支撐,頁面中信息流動由導航承載。導航設計過程中除了考慮層級結構的合理搭建、操作步驟的恰當分解、引導模式的巧妙運用,逆嚮導航這個偏隱藏化的功能的針對性使用也尤為重要。

導航的漸進指引,基本都有其強規則屬性;而反向指引,則更多的要從用戶預期及操作閉環角度的思考,發揮其靈活可配置的特點,提升流程體驗和數據轉化。

最後,用一張圖概況本次內容——逆嚮導航在不同體驗環節中的作用。

“逆嚮導航”體驗探究

作者: yehlooliu ,公眾號:葉魯設計思考(ID:yehloo-design)

來源:https://mp.weixin.qq.com/s/7pzpxIT_-nCPZfUGWi_PHg

版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《“逆嚮導航”體驗探究》
文章链接:https://www.pmbear.com/%e9%80%86%e5%9a%ae%e5%b0%8e%e8%88%aa%e9%ab%94%e9%a9%97%e6%8e%a2%e7%a9%b6/
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

大前端WP主题 更专业 更方便

联系我们联系我们