15854960619
反向?qū)Ш降母拍罟俜蕉x出自Material Design：
從用戶行為維度，分成三類：Lateral navigation（橫向?qū)Ш剑orward 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ì)頁面的全局操控（來源見圖）
PC產(chǎn)品，通過頁面常駐的導(dǎo)航欄+面包屑+瀏覽器的返回鍵，用戶可以很輕易地返回或者向上跳轉(zhuǎn)。相較之下，Mob端的反向?qū)Ш叫枰M(jìn)行更多的設(shè)計(jì)。
因此，本文主要討論Mob端。
根據(jù)觸發(fā)的方式，筆者將反向?qū)Ш椒譃橛脩粲|發(fā)和系統(tǒng)觸發(fā)兩類。
APP是通過一個(gè)個(gè)頁面來進(jìn)行信息傳遞的。用戶在使用過程中，會(huì)主動(dòng)中斷頁面流，進(jìn)行回退。
從理論上來說，用戶進(jìn)行的N+1步操作，都有回到第N步，或者<N步的需求。這是一個(gè)合格的產(chǎn)品，需要滿足的基本需求。
系統(tǒng)觸發(fā)的頁面回退，如提交失敗、系統(tǒng)異常、網(wǎng)絡(luò)異常等，相對(duì)是可預(yù)期的情況。當(dāng)頁面因?yàn)榫W(wǎng)絡(luò)或后端等原因，出現(xiàn)崩潰或錯(cuò)誤提示時(shí)，需要給用戶提供“返回”或者“關(guān)閉”的選項(xiàng)。
如果用戶此時(shí)只能選擇殺進(jìn)程，那么體驗(yàn)就太糟糕了。（反面例子見下圖）
反向?qū)Ш皆O(shè)計(jì)的要點(diǎn)，可以從邏輯和體驗(yàn)兩方面來考慮：
不管是由用戶還是系統(tǒng)觸發(fā)，都必須保留回退的通路。
使用過程中不能給用戶留下死胡同、斷頭路。這是反向?qū)Ш皆O(shè)計(jì)最基本的要求。
在完成第一步的基礎(chǔ)上，需要對(duì)反向?qū)Ш阶龈嗟乃伎肌?/p>
例如，當(dāng)用戶進(jìn)入比較深的頁面，并不一定希望按照順序依次返回。
例如，當(dāng)任務(wù)流結(jié)束的時(shí)候，用戶更期待返回“首頁”,而不是“上一步”。
討論之前，我們先把反向?qū)Ш椒譃閮深悾阂活愂琼撁鎸蛹?jí)相同；一類是頁面層級(jí)不同。
在這種情況下，用戶并沒有跳轉(zhuǎn)頁面，“返回”只需要回到當(dāng)前頁面即可。
如付款時(shí)彈出密碼頁，需要修改支付金額，返回支付信息填寫頁：
如打開側(cè)邊欄之后再收起：
這種情況的反向?qū)Ш?，并不需要PM額外的設(shè)計(jì)，只要UI設(shè)計(jì)師把控具體的交互方式就好，比如手勢(shì)返回、觸摸空白處收起等方式。
需要注意的是，最好給用戶提供足夠明確的“退回方式”，如在“觸摸空白處收起”的基礎(chǔ)上，保留“取消”或“收起”按鈕。
用戶在使用產(chǎn)品的時(shí)候，其過程就是探索未知之地。如果有清晰的指示牌，會(huì)帶來安心感，即使他不一定每次都需要憑借指示牌去認(rèn)路。
當(dāng)用戶進(jìn)行了頁面之間的跳轉(zhuǎn)時(shí)，反向?qū)Ш降脑O(shè)計(jì)就變得復(fù)雜了，需要我們花更多的心思。
90%的情況下，我們可以用 “從哪來回哪去“的方式滿足需求。
但是在B端產(chǎn)品中，容易出現(xiàn)鏈條很長的任務(wù)流。用戶需要一個(gè)頁面一個(gè)頁面地操作，最后完成提交或者保存。如果用戶進(jìn)入層級(jí)太深，“逐層返回“的方式就不太人道了。
或者，在某些情境下，從N+1回到N，并不符合用戶的心理預(yù)期。
當(dāng)我們?cè)谟懻撨@種情況的時(shí)候，實(shí)際上討論的是整個(gè)產(chǎn)品的頁面結(jié)構(gòu)該如何設(shè)計(jì)。
產(chǎn)品經(jīng)理
