10個縮短流程的“經典”案例

2 評論 7182 瀏覽 21 收藏 12 分鐘

導語:在日常生活中,我們總能聽到這樣的抱怨聲:操作流程太復雜了吧?都好幾個步驟了,怎么還沒弄完啊。基于此,本文作者分享了一些簡化流程的案例,歡迎大家討論~

一、一鍵操作(一步完成多個操作)

先看一個案例:通過名稱搜索關注公眾號,并回復“關鍵詞”領取獎勵;或者使用微信掃帶參數的二維碼并關注公眾號,自動發放并領取獎勵。

如果你想用微信掃碼關注公眾號,需要怎么做?長按保存二維碼 > 打開微信 > 掃碼關注,對吧。但是如果把保存二維碼和打開微信結合在一起呢?如下圖(忘記在哪看過這個例子了,只能憑印象自己做個):

將保持二維碼和打開微信合二為一,是不是簡單許多?同理,如果你想通過搜索公眾號的名稱來關注呢?是不是下面這樣:

10個縮短流程的“經典”案例

再舉個更形象的例子,不知道各位在打農藥的時候,一個個點擊領取每日任務獎勵會不會很煩(左圖)?尤其是點擊領取后還得關閉一個彈窗。

如果像這樣加個“一鍵領取”那該多簡單,見右圖:

10個縮短流程的“經典”案例

此外還有一鍵登錄、一鍵分享等等,都是為了縮短流程、方便用戶使用。

小結:能一箭三雕何必單戀一枝,賠本的買賣咱可不干??,因此需根據實際情況,操作成本能降低則降低。

二、智能填寫

智能填寫是根據已經確定的信息幫用戶自動操作,如自動識別、歷史信息自動錄入等等。

下面這個案例是郵寄自動識別填寫:當收件人給你發了他的姓名、電話和地址,如果你一個個輸入是不是很麻煩?沒關系,現在你只需復制他發給你的信息,系統就自動幫你識別并填寫了。

10個縮短流程的“經典”案例

還有拍照識別并錄入信息、歷史信息自動錄入等案例就不一一列出了。

小結:對于實用功能型產品,能幫用戶做的絕不讓用戶自己做。

三、推薦

已經確定的信息可以自動幫用戶填寫,那么沒確定的呢?常見的就是推薦了,如模糊搜索/聯想詞(如左圖),推測你可能需要搜索的內容;還有根據習慣推薦,比如我上次(或者經常)分享圖片給這兩個ID,這次分享時優先給你推薦(如右圖)。

10個縮短流程的“經典”案例

小結:核心思想是預測用戶的最終目的并給出合理推薦。

四、彈窗引導用戶勾選協議

使用某個產品或進行某項可能發生糾紛的操作,一般需要用戶同意相關協議。以登錄為例,常見的做法有登錄即同意,如圖:

10個縮短流程的“經典”案例

這種做法被多數應用使用,一般情況是沒有什么問題的。但如果被抽檢到,法務要求必須讓用戶手動確認的話就得使用降級方案了,例如默認不勾選,如果用戶沒有勾選協議而直接點登錄,toast提示用戶:

10個縮短流程的“經典”案例

使用toast提示實現簡單,但操作是(以云音樂的一鍵登錄為例):閱讀toast > 找到協議并勾選 > 再次點擊“一鍵登錄” > 登錄成功,一共4步。

如果我們換一種方式,直接用模態彈窗會怎樣(如下圖)?操作流程就變成:閱讀并點擊同意登錄 > 登錄成功,一共2步,是不是流程上就縮短了2步:

10個縮短流程的“經典”案例

給云音樂設計了這個流程也不知道會不會被采用。

小結:這種方式適用于非核心操作、但在用戶忽略時必須提示完成的場景。

五、支付寶上傳身份證

進行實名認證的時候一般需要上傳身份證正反面,常見的交互形式是先點擊上傳正面、上傳成功返回、再點擊上傳反面,如下圖:

10個縮短流程的“經典”案例

而支付寶上傳身份證,調用相機后先拍正面,然后直接就拍反面,在當前頁面就把這兩個操作完成,流程較短,如圖:

10個縮短流程的“經典”案例

但是為什么我們常見的還是正反面分開傳,而不是在相機頁面直接完成呢?個人猜測是節省成本,分開傳直接調用通用組件,不愿重新開發,而像支付寶那種需要單獨開發相拍攝頁面(相機組件)。

小結:能在當前頁面做的就順便做了,不要讓用戶在東市買了駿馬,還得跑到西市買鞍韉,直接在東市都買了就行,即一站式服務。

六、需要輸入時自動帶出鍵盤

下面這個案例,點擊“簡介”后你覺得進入頁面1還是2?

10個縮短流程的“經典”案例

簡介,在入口就能完全看到,那么用戶點進去大概率是想修改,因此直接拉起鍵盤更為合理。

七、為減少頁面跳轉而使用彈窗,或者合并頁面

常見的彈窗都是一些提示、簡單的選擇,但是也有一些“不安分”的家伙把需要大量錄入信息的功能也做成彈窗的形式,比如這個新增收貨地址的交互:

10個縮短流程的“經典”案例

這樣做有什么好處呢?我猜測主要是減少頁面跳轉,讓用戶從心理上感覺流程更可控制。因為操作前后的狀態在當前頁面是能夠識別的,如果頻繁地切換頁面,用戶不容易定位自己當前在哪里。

為減少頁面切換、提升頁面的到達率(也是經常考核的一個指標),還有一種方式就是合并頁面。比如這個回收流程(下圖),之前的估價結果和確認訂單頁是分開的。

合并后縮短了流程,確認訂單的到達率提升了1w%(這不廢話嗎,合并相當于把下一個頁面提前展示,肯定提高啊),訂單提交成功率也同時提升1K%(數據已脫敏)。

10個縮短流程的“經典”案例

八、自動充值

自動充值,這個功能真的很方便。就拿我自己來說,父母住在省會的第199環外,每次都是趕集的時候去鎮上順便交電費,很麻煩。于是我開通自動繳費,每次電費低于50就自動充,從此我都忘了還有交電費這個說法。

10個縮短流程的“經典”案例

九、后續操作前置

如果我們想把內容分享出去,常見的是不是先點擊分享,然后選擇分享方式(下圖1、2)?再看第3張圖,直接把分享方式露出(前置)是不是減少了一步操作?

10個縮短流程的“經典”案例

我用這兩個例子對比其實是不太合適的,前面那個在頁面中沒有太多空間放置分享方式,所以調用分享組件是比較合適的;而后面那個全部露出也是完全合理的。

我只是想通過后面的案例來說明:如果把后續操作前置能簡化流程,何樂而不為呢?

十、語音交互

想象一下你早上起床即將上班:

  • 場景1:你穿好了衣服,然后解鎖手機,打開天氣應用,一看今天雨夾冰雹,于是你決定帶個堅固點的雨傘;
  • 場景2:你一邊穿衣服一邊詢問語音助手:“Hi,老王,今天天氣怎樣?”,老王恭敬地回答:“北京市今天雨夾冰雹,出行記得帶把堅固的雨傘哦”。

你是選擇場景1呢,還是老王?當然是老王對吧,穿衣服的同時就知道了天氣,很省時間,而我經常就是這么干的。

同理還有人臉識別、指紋識別等等。從數字到圖形界面、從機械按鍵到觸屏,交互方式的變革,其核心驅動力還是技術,我把語音交互也提出來就是想說明技術帶來的便捷性。

最后,如果你留意到了其他簡化流程的方式,歡迎留言討論~

 

本文由 @阿談談設計 原創發布于人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

給作者打賞,鼓勵TA抓緊創作!
更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 分享的內容很實用,點個贊!

    回復
    1. 謝謝??

      回復