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