“逆向?qū)Ш健斌w驗(yàn)探究
逆向?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è)面的全局操控。
前兩種導(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ù)期。
2. 多任務(wù)流:增加公共頁(yè),縮短進(jìn)程
線性的任務(wù)流中,層層返回不僅操作繁瑣,也無(wú)法滿足快速返回、跳頁(yè)修改的訴求。信貸授信過(guò)程需要用戶完成的任務(wù)包括身份驗(yàn)證、資料補(bǔ)充、照片上傳、活體驗(yàn)證等;按照這種方式,跨環(huán)節(jié)的修改是低效的。
新的聚合方案,增加公共頁(yè),縮短用戶操作的線性進(jìn)程。
操作之前對(duì)任務(wù)有預(yù)期,操作之后又能隨時(shí)單獨(dú)修改,體現(xià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í)返回。
這種定向方式看似不太符合操作規(guī)則,但從用戶角度思考,比較符合心理預(yù)期。
連接主站與旁支的場(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)欠佳。
微信在接入新聞板塊的詳情頁(yè)提供了更好的解決方案:返回與跳離區(qū)域分開(kāi),基于用戶滑動(dòng)行為顯示或隱藏返回功能。讓高頻的“前進(jìn)返回”與低頻的“跳回”,互補(bǔ)干擾。
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)景的差異化。
3. 突破層級(jí),給予一鍵直達(dá)
對(duì)于微信長(zhǎng)文閱讀場(chǎng)景,用戶很容易被微信聊天打斷。為了盡量減少二者切換的時(shí)間間隔,長(zhǎng)文提供用戶手動(dòng)浮窗功能。直接突破層級(jí)的限制,任何場(chǎng)景下都能一鍵直達(dá),徹底解決返回問(wèn)題。圓形浮窗的顏色漸變也會(huì)時(shí)刻提醒及時(shí)閱讀。
實(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)容到微信,微信提供返回知乎的快捷浮層。
產(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é)中的作用。
作者: 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é)議
很棒!
????
漲姿勢(shì),謝謝作者
好文
哈,恰巧最近正在思考逆向?qū)Ш剑瑢W(xué)習(xí)了
贊
真奇妙
時(shí)間篩選
愛(ài)思考的pm
贊
棒
這個(gè)思路有意思
有收獲,謝謝作者