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

13 評(píng)論 1970316 瀏覽 619 收藏 9 分鐘

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

逆向?qū)Ш剑卜Q反向?qū)Ш健W犯菰矗@個(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í)漸進(jìn)。逆向?qū)Ш絼t負(fù)責(zé)對(duì)反向軌跡進(jìn)行定義和實(shí)施,三者結(jié)合,實(shí)現(xiàn)對(duì)移動(dòng)頁(yè)面的全局操控。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

內(nèi)容型產(chǎn)品,當(dāng)用戶從列表頁(yè)下沉至文章詳情頁(yè),并在詳情頁(yè)間流轉(zhuǎn)。“返回”行為認(rèn)定:同級(jí)詳情內(nèi)容已被閱讀,無(wú)需二次展示。逆向?qū)Ш綍?huì)引導(dǎo)用戶直接返回上一層級(jí),而不是逐級(jí)返回。

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

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

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

連接主站與旁支的場(chǎng)景切換

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

1. 偵測(cè)行為,輔助快速跳離

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

導(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 ,公眾號(hào):葉魯設(shè)計(jì)思考(ID:yehloo-design)

來(lái)源:https://mp.weixin.qq.com/s/7pzpxIT_-nCPZfUGWi_PHg

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

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

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

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

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

    回復(fù)
  3. 好文

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

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

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

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

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

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

      回復(fù)