“逆向?qū)Ш健斌w驗(yàn)探究

13 評論 1970617 瀏覽 619 收藏 9 分鐘

逆向?qū)Ш匠顺袚?dān)常規(guī)意義的“返回”外,在實(shí)戰(zhàn)中又扮演著什么角色、發(fā)揮哪些作用呢?這是本文闡述的主要內(nèi)容,一起來看看~

逆向?qū)Ш?,也稱反向?qū)Ш?。追根溯源,這個(gè)概念官方定義出自Material Design里,從用戶行為維度,分成三類:Lateral navigation(橫向?qū)Ш剑?、Forward navigation(前進(jìn)導(dǎo)航)以及Reverse navigation(逆向?qū)Ш剑?/p>

橫向?qū)Ш胶颓斑M(jìn)導(dǎo)航分別指引用戶操作的水平漸進(jìn)和層級漸進(jìn)。逆向?qū)Ш絼t負(fù)責(zé)對反向軌跡進(jìn)行定義和實(shí)施,三者結(jié)合,實(shí)現(xiàn)對移動(dòng)頁面的全局操控。

“逆向?qū)Ш健斌w驗(yàn)探究

前兩種導(dǎo)航相對比較熟悉,逆向?qū)Ш揭蚱洳僮鞯臒o意識性和展示的隱蔽性等特征,很少被提及。逆向?qū)Ш匠顺袚?dān)常規(guī)意義的“返回”外,在實(shí)戰(zhàn)中又扮演著什么角色、發(fā)揮哪些作用呢,這是本章闡述的主要內(nèi)容。

承擔(dān)APP內(nèi)信息的高效流動(dòng)

導(dǎo)航是頁面信息流通的管道,逆向?qū)Ш絼t是節(jié)點(diǎn)控制的疏通閥。

1. 導(dǎo)流式推送:前置目標(biāo)頁,增強(qiáng)預(yù)期

Push消息是為app導(dǎo)流的重要手段。點(diǎn)擊云音樂push后,云音樂首頁會有短暫的前置出現(xiàn),隨后才進(jìn)入播放詳情頁。不同應(yīng)用,push調(diào)起過程中前置出現(xiàn)的頁面是不同的,有首頁、有列表頁、也有活動(dòng)頁。目的是告訴用戶,如果從詳情頁退回,會前往何處,提供心理預(yù)期。

“逆向?qū)Ш健斌w驗(yàn)探究

2. 多任務(wù)流:增加公共頁,縮短進(jìn)程

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

“逆向?qū)Ш健斌w驗(yàn)探究

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

“逆向?qū)Ш健斌w驗(yàn)探究操作之前對任務(wù)有預(yù)期,操作之后又能隨時(shí)單獨(dú)修改,體現(xiàn)效率。

“逆向?qū)Ш健斌w驗(yàn)探究

3.?同質(zhì)內(nèi)容:跳過同級頁,層級向上

內(nèi)容型產(chǎn)品,當(dāng)用戶從列表頁下沉至文章詳情頁,并在詳情頁間流轉(zhuǎn)?!胺祷亍毙袨檎J(rèn)定:同級詳情內(nèi)容已被閱讀,無需二次展示。逆向?qū)Ш綍龑?dǎo)用戶直接返回上一層級,而不是逐級返回。

“逆向?qū)Ш健斌w驗(yàn)探究

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

“逆向?qū)Ш健斌w驗(yàn)探究

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

主站APP與接入應(yīng)用間的場景切換,逆向?qū)Ш绞强旖葜T。

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

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

出發(fā)點(diǎn)很好,但返回行為并不意味著用戶一定想跳離,“返回”“關(guān)閉”的熱區(qū)位置,很容易讓用戶在移動(dòng)場景下誤操作直接關(guān)閉,體驗(yàn)欠佳。

“逆向?qū)Ш健斌w驗(yàn)探究

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

“逆向?qū)Ш健斌w驗(yàn)探究

2. 動(dòng)態(tài)呈現(xiàn),提供雙向鏈接

與情況1類似,QQ閱讀頂部提供快速返回好友列表的逆向?qū)Ш饺肟?,用戶可直接跳出閱讀場景。但與之對應(yīng)的,列表頁頂部同樣提供快速跳回閱讀場景的鏈接。這種雙向引導(dǎo)很快的將閱讀場景與實(shí)時(shí)聊天相互貫通。更用心的是,如果閱讀頁層層返回聊天列表,聊天頁頂部的快速鏈接是不再出現(xiàn)的,體現(xiàn)了場景的差異化。

“逆向?qū)Ш健斌w驗(yàn)探究

3. 突破層級,給予一鍵直達(dá)

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

“逆向?qū)Ш健斌w驗(yàn)探究

實(shí)現(xiàn)跨應(yīng)用的路徑銜接

應(yīng)對跨應(yīng)用間的跳轉(zhuǎn)返回問題,新版的iOS中,增加了左上角的返回標(biāo)識,盡管有些妥協(xié)的味道,但確實(shí)能幫助用戶快速返回原場景。一些應(yīng)用更會在場景跳轉(zhuǎn)的結(jié)尾,給予用戶快速回跳的機(jī)會,比如:知乎分享內(nèi)容到微信,微信提供返回知乎的快捷浮層。

“逆向?qū)Ш健斌w驗(yàn)探究

產(chǎn)品中的信息由頁面支撐,頁面中信息流動(dòng)由導(dǎo)航承載。導(dǎo)航設(shè)計(jì)過程中除了考慮層級結(jié)構(gòu)的合理搭建、操作步驟的恰當(dāng)分解、引導(dǎo)模式的巧妙運(yùn)用,逆向?qū)Ш竭@個(gè)偏隱藏化的功能的針對性使用也尤為重要。

導(dǎo)航的漸進(jìn)指引,基本都有其強(qiáng)規(guī)則屬性;而反向指引,則更多的要從用戶預(yù)期及操作閉環(huán)角度的思考,發(fā)揮其靈活可配置的特點(diǎn),提升流程體驗(yàn)和數(shù)據(jù)轉(zhuǎn)化。

最后,用一張圖概況本次內(nèi)容——逆向?qū)Ш皆诓煌w驗(yàn)環(huán)節(jié)中的作用。

“逆向?qū)Ш健斌w驗(yàn)探究

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

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

本文由 @ yehlooliu 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 很棒!

    回復(fù)
    1. ????

      回復(fù)
  2. 漲姿勢,謝謝作者

    回復(fù)
  3. 好文

    回復(fù)
  4. 哈,恰巧最近正在思考逆向?qū)Ш?,學(xué)習(xí)了

    回復(fù)
  5. 回復(fù)
  6. 真奇妙

    回復(fù)
  7. 時(shí)間篩選

    回復(fù)
  8. 愛思考的pm

    回復(fù)
  9. 回復(fù)
  10. 回復(fù)
  11. 這個(gè)思路有意思

    回復(fù)
    1. 有收獲,謝謝作者

      回復(fù)