起點(diǎn)課堂會(huì)員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會(huì)特權(quán)
個(gè)人IP打造特權(quán)
30+門專項(xiàng)技能課
1300+專題課程
12場(chǎng)職場(chǎng)軟技能直播
12場(chǎng)求職輔導(dǎo)直播
12場(chǎng)專業(yè)技能直播
會(huì)員專屬社群
榮耀標(biāo)識(shí) 5種“返回”方法，幫你做好反向?qū)Ш?/h2>
如何設(shè)計(jì)好移動(dòng)端的反向?qū)Ш侥兀勘疚目偨Y(jié)了5種需要特別注意反向?qū)Ш降膱?chǎng)景以及相應(yīng)的解決辦法。
又是月初，又到了跟中國(guó)移動(dòng)簽訂合作協(xié)議的時(shí)間。但本月跟世界500強(qiáng)公司的續(xù)約卻發(fā)現(xiàn)了一點(diǎn)體驗(yàn)的問(wèn)題，有點(diǎn)不爽。
過(guò)程是這樣：在中國(guó)移動(dòng)10086客戶端的充值頁(yè)面選擇金額，然后在支付完成頁(yè)面點(diǎn)擊“返回”按鈕，竟然又回到了充值頁(yè)面。如下圖：
有同學(xué)說(shuō)了，在支付成功后，這次充值任務(wù)已經(jīng)完成，用戶的預(yù)期應(yīng)該是點(diǎn)擊“返回”回到應(yīng)用首頁(yè)，因?yàn)楹苌儆腥藭?huì)連續(xù)充值的。這難道不是產(chǎn)品汪需求考慮欠周到，導(dǎo)致影響了用戶體驗(yàn)？
再看一個(gè)頁(yè)面跳轉(zhuǎn)超出用戶預(yù)期的例子。
從微信首頁(yè)（A1）依次進(jìn)入訂閱號(hào)消息（A2）、訂閱號(hào)文章詳情頁(yè)（A3），在A3頁(yè)點(diǎn)擊訂閱號(hào)名稱后沒(méi)有打開(kāi)訂閱號(hào)主頁(yè)（A4），而是打開(kāi)微信首頁(yè)（A1）再自動(dòng)打開(kāi)訂閱號(hào)首頁(yè)（A4）。如下圖：
很明顯，用戶在A3頁(yè)面點(diǎn)擊訂閱號(hào)名稱，是希望進(jìn)入A4公眾號(hào)主頁(yè)的。為什么微信要違背用戶期望，自動(dòng)打開(kāi)一個(gè)“多余”的A1首面再跳轉(zhuǎn)到目標(biāo)頁(yè)？
上面的2個(gè)問(wèn)題的答案涉及到今天討論的內(nèi)容：移動(dòng)端產(chǎn)品的反向?qū)Ш健?/strong>
一、什么是反向?qū)Ш剑?/h2>
materia design文檔將導(dǎo)航分為3種：前進(jìn)導(dǎo)航、橫向?qū)Ш健⒎聪驅(qū)Ш?。前進(jìn)導(dǎo)航、橫向?qū)Ш椒謩e指的是頁(yè)面的層級(jí)前進(jìn)、水平前進(jìn)；都是頁(yè)面遞進(jìn)式的導(dǎo)航。而反向?qū)Ш绞侵赴磿r(shí)間順序或分層向后打開(kāi)頁(yè)面。三者結(jié)合，給用戶提供操控頁(yè)面跳轉(zhuǎn)的完整能力。
應(yīng)用是以頁(yè)面為單位去呈現(xiàn)內(nèi)容的。《用戶體驗(yàn)要素》 將應(yīng)用分為5層，第三層“結(jié)構(gòu)層”就是指頁(yè)面之間的結(jié)構(gòu)關(guān)系。毫無(wú)疑問(wèn)，無(wú)論是PC產(chǎn)品還是移動(dòng)產(chǎn)品，頁(yè)面流都是影響用戶體驗(yàn)的一個(gè)重要方面。反向?qū)Ш阶鳛槲ㄒ徊倏仨?yè)面后退的導(dǎo)航方式，需要我們審慎視之。
在PC時(shí)代，通過(guò)頁(yè)面常駐的導(dǎo)航欄+面包屑+瀏覽器的返回鍵，用戶可以很輕易地返回或者向上跳轉(zhuǎn)。所以，在設(shè)計(jì)產(chǎn)品的時(shí)候，只要設(shè)計(jì)好常駐導(dǎo)航欄和面包屑，反向?qū)Ш绞遣恍枰兕~外關(guān)注的。
但在移動(dòng)時(shí)代，反向?qū)Ш降牟僮餍问街挥幸环N：返回。沒(méi)有了常駐導(dǎo)航欄和面包屑，怎樣通過(guò)“返回”這個(gè)單一的動(dòng)作，讓用戶在不同的場(chǎng)景下分別“跳躍”地回退到不同的頁(yè)面，很多時(shí)候需要精心設(shè)計(jì)。
如果仍然保留PC時(shí)代的工作習(xí)慣，在設(shè)計(jì)完正向流程頁(yè)面之后，沒(méi)有梳理反向?qū)Ш降捻?yè)面流，就會(huì)讓用戶陷入不斷點(diǎn)擊返回甚至“迷路”的煩惱，例如上文提到的中國(guó)移動(dòng)客戶端的話費(fèi)充值的那種體驗(yàn)。
二、如何設(shè)計(jì)移動(dòng)端的反向?qū)Ш剑?/h2>
下文總結(jié)了5種需要特別注意反向?qū)Ш降膱?chǎng)景以及相應(yīng)的解決辦法。
1. 頁(yè)面層級(jí)深：用常用頁(yè)面隔離深層級(jí)內(nèi)容
假如微信在上面用戶的操作中沒(méi)有插入“首頁(yè)”，那么從A1到A4，再在A4訂閱號(hào)主頁(yè)點(diǎn)擊文章，頁(yè)面有5個(gè)層級(jí)。這也就意味著，用戶進(jìn)入公眾號(hào)閱讀文章后，至少要點(diǎn)4次“返回”，才能回到首頁(yè)聊天。如下圖：
按微信的線上方案，將最常用的頁(yè)面（也就是首頁(yè)）插到頁(yè)面流里，將頁(yè)面結(jié)構(gòu)改成了3級(jí)。這樣，從文章詳情頁(yè)回到首頁(yè)聊天，只需要點(diǎn)擊2次返回。如下圖：
所以，微信在進(jìn)入訂閱號(hào)主頁(yè)前自動(dòng)打開(kāi)首頁(yè)，可以讓用戶在瀏覽訂閱號(hào)文章時(shí)，可以方便地回到首頁(yè)聊天。
用首頁(yè)隔絕深層級(jí)的頁(yè)面，是減少頁(yè)面層級(jí)，方便用戶快速“返回”的有效方法。
例如：支付寶想在用戶掃碼支付完成之后，引導(dǎo)用戶使用余額寶支付，也采用了同樣的做法隔離了層級(jí)過(guò)深的內(nèi)容，讓余額寶（B5）以后的頁(yè)面可以快速返回首頁(yè)。
2. 任務(wù)鏈條長(zhǎng)：分解成若干個(gè)子任務(wù)
通過(guò)子流程的分段操作和分段保存，既方便用戶中途退出任務(wù)后的二次操作；也可以減少頁(yè)面層級(jí)，避免過(guò)多的“返回”操作。
招聘類產(chǎn)品的用戶簡(jiǎn)歷，需要用戶填寫(xiě)個(gè)人信息、若干段工作經(jīng)歷、項(xiàng)目經(jīng)歷等內(nèi)容，任務(wù)鏈條是比較長(zhǎng)的。如果采用一段式操作，不僅不便于修改某部分內(nèi)容，而且導(dǎo)致頁(yè)面層級(jí)過(guò)深。
一段式的表單任務(wù)：把頁(yè)面設(shè)計(jì)成4個(gè)以上的層級(jí)。如下圖：
同樣的任務(wù)分解為多個(gè)子任務(wù)。如下圖：
把任務(wù)分解后，頁(yè)面層級(jí)減少為2層，每個(gè)頁(yè)面都可以快速返回個(gè)人簡(jiǎn)歷頁(yè)面。同時(shí)，可以選擇某一個(gè)子任務(wù)單獨(dú)去完成。（上面的草圖只是為了說(shuō)明頁(yè)面關(guān)系）
3. 對(duì)內(nèi)容驅(qū)動(dòng)型產(chǎn)品，可以考慮使用內(nèi)容詳情頁(yè)同級(jí)消除
內(nèi)容驅(qū)動(dòng)型產(chǎn)品允許通過(guò)內(nèi)容自由跳轉(zhuǎn)頁(yè)面，或圍繞內(nèi)容本身定義導(dǎo)航。即是說(shuō)可以通過(guò)用戶的興趣標(biāo)簽、搜索、內(nèi)容分類、同一作者等維度的內(nèi)容列表與具體內(nèi)容相互鏈接。游戲，書(shū)籍和其他沉浸式應(yīng)用通常使用此導(dǎo)航樣式。頁(yè)面關(guān)系類似于這樣：
內(nèi)容型產(chǎn)品的特點(diǎn)是同一個(gè)頁(yè)面的入口可能很多。Android提供了“向上”返回上一層的功能。但是這種“向上”進(jìn)入的列表頁(yè)面很有可能是用戶沒(méi)點(diǎn)擊過(guò)的，會(huì)讓用戶產(chǎn)生錯(cuò)愕。如果要使用“向上”跳轉(zhuǎn)，產(chǎn)品必須圍繞著分類去組織內(nèi)容。正是由于對(duì)內(nèi)容的組織限制很大，幾乎沒(méi)有產(chǎn)品使用“向上”跳轉(zhuǎn)。
而使用系統(tǒng)的“返回”按鈕，用戶在詳情頁(yè)n次跳轉(zhuǎn)之后，又需要點(diǎn)擊n次才能回到首頁(yè)，而中途出現(xiàn)的內(nèi)容都是已經(jīng)看過(guò)的，所以不斷按返回只能讓用戶煩躁。
為減少這種無(wú)意義的返回操作，其實(shí)可以在進(jìn)入詳情頁(yè)B的時(shí)候，都判斷一下來(lái)源。如果來(lái)源是其他內(nèi)容的詳情頁(yè)A，那么就自動(dòng)將頁(yè)面A移出頁(yè)面棧（activity stack，可以認(rèn)為是瀏覽記錄）。從而保證在頁(yè)面棧里只有一個(gè)詳情頁(yè)。所以假如打開(kāi)的頁(yè)面流是：首頁(yè)——>詳情頁(yè)A——>詳情頁(yè)B——>詳情頁(yè)c，在詳情頁(yè)C點(diǎn)擊返回，會(huì)直接返回首頁(yè)。
bilibili和網(wǎng)易公開(kāi)課就是使用的這種做法。有興趣的可以體驗(yàn)一下。
4. 對(duì)內(nèi)容驅(qū)動(dòng)型產(chǎn)品，使用彈出菜單、底部導(dǎo)航欄等實(shí)現(xiàn)反向?qū)Ш?/strong>
這是蘋(píng)果的人機(jī)界面指南推薦的做法。在這里就不復(fù)制輪子了，有興趣的同學(xué)可以自己看指南。下面提供兩個(gè)例子闡述上面方法的意思。
（1）抽屜式/側(cè)邊式
點(diǎn)擊左上角的頭像，左側(cè)劃入功能入口。
（2）點(diǎn)聚式
點(diǎn)擊一個(gè)入口，圍繞其散開(kāi)，并展示出其中的功能入口。
5. 如果有獨(dú)立的內(nèi)容模塊，至少保證在瀏覽第二個(gè)頁(yè)面之后，出現(xiàn)關(guān)閉第三方模塊的固定按鈕
這里所指的獨(dú)立內(nèi)容模塊包含webview（例如微信公眾號(hào)、qq看點(diǎn)等）、小程序、插件式的第三方原生APP（支付寶里的淘票票）等等。對(duì)這個(gè)問(wèn)題，騰訊的qq和微信已經(jīng)完美解決，而支付寶還不是很重視。
三、總結(jié)
任何產(chǎn)品的信息都要靠頁(yè)面承載，所以頁(yè)面流就是信息流轉(zhuǎn)的通道。在移動(dòng)端，系統(tǒng)只提供了“返回”這一種操作，就很容易產(chǎn)生一條條斷頭路，迫使用戶只能一步一步地點(diǎn)擊“返回”回到主干道。
通過(guò)頁(yè)面流的再組織、任務(wù)的分解、導(dǎo)航欄的合理運(yùn)用、隨時(shí)關(guān)閉分流程等方法可以設(shè)計(jì)比系統(tǒng)默認(rèn)的“返回”效率更高的反向?qū)Ш剑瑴p少斷頭路的產(chǎn)生，或者縮短斷頭路的長(zhǎng)度。
本文由 @大貓喵 原創(chuàng)發(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
如何設(shè)計(jì)好移動(dòng)端的反向?qū)Ш侥兀勘疚目偨Y(jié)了5種需要特別注意反向?qū)Ш降膱?chǎng)景以及相應(yīng)的解決辦法。
又是月初，又到了跟中國(guó)移動(dòng)簽訂合作協(xié)議的時(shí)間。但本月跟世界500強(qiáng)公司的續(xù)約卻發(fā)現(xiàn)了一點(diǎn)體驗(yàn)的問(wèn)題，有點(diǎn)不爽。
過(guò)程是這樣：在中國(guó)移動(dòng)10086客戶端的充值頁(yè)面選擇金額，然后在支付完成頁(yè)面點(diǎn)擊“返回”按鈕，竟然又回到了充值頁(yè)面。如下圖：
有同學(xué)說(shuō)了，在支付成功后，這次充值任務(wù)已經(jīng)完成，用戶的預(yù)期應(yīng)該是點(diǎn)擊“返回”回到應(yīng)用首頁(yè)，因?yàn)楹苌儆腥藭?huì)連續(xù)充值的。這難道不是產(chǎn)品汪需求考慮欠周到，導(dǎo)致影響了用戶體驗(yàn)？
再看一個(gè)頁(yè)面跳轉(zhuǎn)超出用戶預(yù)期的例子。
從微信首頁(yè)（A1）依次進(jìn)入訂閱號(hào)消息（A2）、訂閱號(hào)文章詳情頁(yè)（A3），在A3頁(yè)點(diǎn)擊訂閱號(hào)名稱后沒(méi)有打開(kāi)訂閱號(hào)主頁(yè)（A4），而是打開(kāi)微信首頁(yè)（A1）再自動(dòng)打開(kāi)訂閱號(hào)首頁(yè)（A4）。如下圖：
很明顯，用戶在A3頁(yè)面點(diǎn)擊訂閱號(hào)名稱，是希望進(jìn)入A4公眾號(hào)主頁(yè)的。為什么微信要違背用戶期望，自動(dòng)打開(kāi)一個(gè)“多余”的A1首面再跳轉(zhuǎn)到目標(biāo)頁(yè)？
上面的2個(gè)問(wèn)題的答案涉及到今天討論的內(nèi)容：移動(dòng)端產(chǎn)品的反向?qū)Ш健?/strong>
一、什么是反向?qū)Ш剑?/h2>
materia design文檔將導(dǎo)航分為3種：前進(jìn)導(dǎo)航、橫向?qū)Ш健⒎聪驅(qū)Ш?。前進(jìn)導(dǎo)航、橫向?qū)Ш椒謩e指的是頁(yè)面的層級(jí)前進(jìn)、水平前進(jìn)；都是頁(yè)面遞進(jìn)式的導(dǎo)航。而反向?qū)Ш绞侵赴磿r(shí)間順序或分層向后打開(kāi)頁(yè)面。三者結(jié)合，給用戶提供操控頁(yè)面跳轉(zhuǎn)的完整能力。
應(yīng)用是以頁(yè)面為單位去呈現(xiàn)內(nèi)容的。《用戶體驗(yàn)要素》 將應(yīng)用分為5層，第三層“結(jié)構(gòu)層”就是指頁(yè)面之間的結(jié)構(gòu)關(guān)系。毫無(wú)疑問(wèn)，無(wú)論是PC產(chǎn)品還是移動(dòng)產(chǎn)品，頁(yè)面流都是影響用戶體驗(yàn)的一個(gè)重要方面。反向?qū)Ш阶鳛槲ㄒ徊倏仨?yè)面后退的導(dǎo)航方式，需要我們審慎視之。
在PC時(shí)代，通過(guò)頁(yè)面常駐的導(dǎo)航欄+面包屑+瀏覽器的返回鍵，用戶可以很輕易地返回或者向上跳轉(zhuǎn)。所以，在設(shè)計(jì)產(chǎn)品的時(shí)候，只要設(shè)計(jì)好常駐導(dǎo)航欄和面包屑，反向?qū)Ш绞遣恍枰兕~外關(guān)注的。
但在移動(dòng)時(shí)代，反向?qū)Ш降牟僮餍问街挥幸环N：返回。沒(méi)有了常駐導(dǎo)航欄和面包屑，怎樣通過(guò)“返回”這個(gè)單一的動(dòng)作，讓用戶在不同的場(chǎng)景下分別“跳躍”地回退到不同的頁(yè)面，很多時(shí)候需要精心設(shè)計(jì)。
如果仍然保留PC時(shí)代的工作習(xí)慣，在設(shè)計(jì)完正向流程頁(yè)面之后，沒(méi)有梳理反向?qū)Ш降捻?yè)面流，就會(huì)讓用戶陷入不斷點(diǎn)擊返回甚至“迷路”的煩惱，例如上文提到的中國(guó)移動(dòng)客戶端的話費(fèi)充值的那種體驗(yàn)。
二、如何設(shè)計(jì)移動(dòng)端的反向?qū)Ш剑?/h2>
下文總結(jié)了5種需要特別注意反向?qū)Ш降膱?chǎng)景以及相應(yīng)的解決辦法。
1. 頁(yè)面層級(jí)深：用常用頁(yè)面隔離深層級(jí)內(nèi)容
假如微信在上面用戶的操作中沒(méi)有插入“首頁(yè)”，那么從A1到A4，再在A4訂閱號(hào)主頁(yè)點(diǎn)擊文章，頁(yè)面有5個(gè)層級(jí)。這也就意味著，用戶進(jìn)入公眾號(hào)閱讀文章后，至少要點(diǎn)4次“返回”，才能回到首頁(yè)聊天。如下圖：
按微信的線上方案，將最常用的頁(yè)面（也就是首頁(yè)）插到頁(yè)面流里，將頁(yè)面結(jié)構(gòu)改成了3級(jí)。這樣，從文章詳情頁(yè)回到首頁(yè)聊天，只需要點(diǎn)擊2次返回。如下圖：
所以，微信在進(jìn)入訂閱號(hào)主頁(yè)前自動(dòng)打開(kāi)首頁(yè)，可以讓用戶在瀏覽訂閱號(hào)文章時(shí)，可以方便地回到首頁(yè)聊天。
用首頁(yè)隔絕深層級(jí)的頁(yè)面，是減少頁(yè)面層級(jí)，方便用戶快速“返回”的有效方法。
例如：支付寶想在用戶掃碼支付完成之后，引導(dǎo)用戶使用余額寶支付，也采用了同樣的做法隔離了層級(jí)過(guò)深的內(nèi)容，讓余額寶（B5）以后的頁(yè)面可以快速返回首頁(yè)。
2. 任務(wù)鏈條長(zhǎng)：分解成若干個(gè)子任務(wù)
通過(guò)子流程的分段操作和分段保存，既方便用戶中途退出任務(wù)后的二次操作；也可以減少頁(yè)面層級(jí)，避免過(guò)多的“返回”操作。
招聘類產(chǎn)品的用戶簡(jiǎn)歷，需要用戶填寫(xiě)個(gè)人信息、若干段工作經(jīng)歷、項(xiàng)目經(jīng)歷等內(nèi)容，任務(wù)鏈條是比較長(zhǎng)的。如果采用一段式操作，不僅不便于修改某部分內(nèi)容，而且導(dǎo)致頁(yè)面層級(jí)過(guò)深。
一段式的表單任務(wù)：把頁(yè)面設(shè)計(jì)成4個(gè)以上的層級(jí)。如下圖：
同樣的任務(wù)分解為多個(gè)子任務(wù)。如下圖：
把任務(wù)分解后，頁(yè)面層級(jí)減少為2層，每個(gè)頁(yè)面都可以快速返回個(gè)人簡(jiǎn)歷頁(yè)面。同時(shí)，可以選擇某一個(gè)子任務(wù)單獨(dú)去完成。（上面的草圖只是為了說(shuō)明頁(yè)面關(guān)系）
3. 對(duì)內(nèi)容驅(qū)動(dòng)型產(chǎn)品，可以考慮使用內(nèi)容詳情頁(yè)同級(jí)消除
內(nèi)容驅(qū)動(dòng)型產(chǎn)品允許通過(guò)內(nèi)容自由跳轉(zhuǎn)頁(yè)面，或圍繞內(nèi)容本身定義導(dǎo)航。即是說(shuō)可以通過(guò)用戶的興趣標(biāo)簽、搜索、內(nèi)容分類、同一作者等維度的內(nèi)容列表與具體內(nèi)容相互鏈接。游戲，書(shū)籍和其他沉浸式應(yīng)用通常使用此導(dǎo)航樣式。頁(yè)面關(guān)系類似于這樣：
內(nèi)容型產(chǎn)品的特點(diǎn)是同一個(gè)頁(yè)面的入口可能很多。Android提供了“向上”返回上一層的功能。但是這種“向上”進(jìn)入的列表頁(yè)面很有可能是用戶沒(méi)點(diǎn)擊過(guò)的，會(huì)讓用戶產(chǎn)生錯(cuò)愕。如果要使用“向上”跳轉(zhuǎn)，產(chǎn)品必須圍繞著分類去組織內(nèi)容。正是由于對(duì)內(nèi)容的組織限制很大，幾乎沒(méi)有產(chǎn)品使用“向上”跳轉(zhuǎn)。
而使用系統(tǒng)的“返回”按鈕，用戶在詳情頁(yè)n次跳轉(zhuǎn)之后，又需要點(diǎn)擊n次才能回到首頁(yè)，而中途出現(xiàn)的內(nèi)容都是已經(jīng)看過(guò)的，所以不斷按返回只能讓用戶煩躁。
為減少這種無(wú)意義的返回操作，其實(shí)可以在進(jìn)入詳情頁(yè)B的時(shí)候，都判斷一下來(lái)源。如果來(lái)源是其他內(nèi)容的詳情頁(yè)A，那么就自動(dòng)將頁(yè)面A移出頁(yè)面棧（activity stack，可以認(rèn)為是瀏覽記錄）。從而保證在頁(yè)面棧里只有一個(gè)詳情頁(yè)。所以假如打開(kāi)的頁(yè)面流是：首頁(yè)——>詳情頁(yè)A——>詳情頁(yè)B——>詳情頁(yè)c，在詳情頁(yè)C點(diǎn)擊返回，會(huì)直接返回首頁(yè)。
bilibili和網(wǎng)易公開(kāi)課就是使用的這種做法。有興趣的可以體驗(yàn)一下。
4. 對(duì)內(nèi)容驅(qū)動(dòng)型產(chǎn)品，使用彈出菜單、底部導(dǎo)航欄等實(shí)現(xiàn)反向?qū)Ш?/strong>
這是蘋(píng)果的人機(jī)界面指南推薦的做法。在這里就不復(fù)制輪子了，有興趣的同學(xué)可以自己看指南。下面提供兩個(gè)例子闡述上面方法的意思。
（1）抽屜式/側(cè)邊式
點(diǎn)擊左上角的頭像，左側(cè)劃入功能入口。
（2）點(diǎn)聚式
點(diǎn)擊一個(gè)入口，圍繞其散開(kāi)，并展示出其中的功能入口。
5. 如果有獨(dú)立的內(nèi)容模塊，至少保證在瀏覽第二個(gè)頁(yè)面之后，出現(xiàn)關(guān)閉第三方模塊的固定按鈕
這里所指的獨(dú)立內(nèi)容模塊包含webview（例如微信公眾號(hào)、qq看點(diǎn)等）、小程序、插件式的第三方原生APP（支付寶里的淘票票）等等。對(duì)這個(gè)問(wèn)題，騰訊的qq和微信已經(jīng)完美解決，而支付寶還不是很重視。
三、總結(jié)
任何產(chǎn)品的信息都要靠頁(yè)面承載，所以頁(yè)面流就是信息流轉(zhuǎn)的通道。在移動(dòng)端，系統(tǒng)只提供了“返回”這一種操作，就很容易產(chǎn)生一條條斷頭路，迫使用戶只能一步一步地點(diǎn)擊“返回”回到主干道。
通過(guò)頁(yè)面流的再組織、任務(wù)的分解、導(dǎo)航欄的合理運(yùn)用、隨時(shí)關(guān)閉分流程等方法可以設(shè)計(jì)比系統(tǒng)默認(rèn)的“返回”效率更高的反向?qū)Ш剑瑴p少斷頭路的產(chǎn)生，或者縮短斷頭路的長(zhǎng)度。
本文由 @大貓喵 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載
題圖來(lái)自 Unsplash ，基于 CC0 協(xié)議
關(guān)于3. 對(duì)內(nèi)容驅(qū)動(dòng)型產(chǎn)品，可以考慮使用內(nèi)容詳情頁(yè)同級(jí)消除
“如果來(lái)源是其他內(nèi)容的詳情頁(yè)A，那么就自動(dòng)將頁(yè)面A移出頁(yè)面棧（activity stack，可以認(rèn)為是瀏覽記錄）。從而保證在頁(yè)面棧里只有一個(gè)詳情頁(yè)。所以假如打開(kāi)的頁(yè)面流是：首頁(yè)——>詳情頁(yè)A——>詳情頁(yè)B——>詳情頁(yè)c，在詳情頁(yè)C點(diǎn)擊返回，會(huì)直接返回首頁(yè)。”
我用B站客戶端沒(méi)發(fā)現(xiàn)有這種設(shè)計(jì)？
我再次體驗(yàn)了一下，跟我寫(xiě)的是一致的。我用的版布是ios 4.25（3600）。
好文章，寫(xiě)的很深入詳細(xì)！
很久以前就跟同事?tīng)?zhēng)論過(guò)，H5頁(yè)面的關(guān)閉放到返回旁邊容易誤操作，不如放到右邊。可惜，直到如今，仍然是放在左邊的居多
總結(jié)的非常好，點(diǎn)贊！