10個縮短流程的“經典”案例
導語:在日常生活中,我們總能聽到這樣的抱怨聲:操作流程太復雜了吧?都好幾個步驟了,怎么還沒弄完啊。基于此,本文作者分享了一些簡化流程的案例,歡迎大家討論~
一、一鍵操作(一步完成多個操作)
先看一個案例:通過名稱搜索關注公眾號,并回復“關鍵詞”領取獎勵;或者使用微信掃帶參數的二維碼并關注公眾號,自動發(fā)放并領取獎勵。
如果你想用微信掃碼關注公眾號,需要怎么做?長按保存二維碼 > 打開微信 > 掃碼關注,對吧。但是如果把保存二維碼和打開微信結合在一起呢?如下圖(忘記在哪看過這個例子了,只能憑印象自己做個):
將保持二維碼和打開微信合二為一,是不是簡單許多?同理,如果你想通過搜索公眾號的名稱來關注呢?是不是下面這樣:
再舉個更形象的例子,不知道各位在打農藥的時候,一個個點擊領取每日任務獎勵會不會很煩(左圖)?尤其是點擊領取后還得關閉一個彈窗。
如果像這樣加個“一鍵領取”那該多簡單,見右圖:
此外還有一鍵登錄、一鍵分享等等,都是為了縮短流程、方便用戶使用。
小結:能一箭三雕何必單戀一枝,賠本的買賣咱可不干?,因此需根據實際情況,操作成本能降低則降低。
二、智能填寫
智能填寫是根據已經確定的信息幫用戶自動操作,如自動識別、歷史信息自動錄入等等。
下面這個案例是郵寄自動識別填寫:當收件人給你發(fā)了他的姓名、電話和地址,如果你一個個輸入是不是很麻煩?沒關系,現(xiàn)在你只需復制他發(fā)給你的信息,系統(tǒng)就自動幫你識別并填寫了。
還有拍照識別并錄入信息、歷史信息自動錄入等案例就不一一列出了。
小結:對于實用功能型產品,能幫用戶做的絕不讓用戶自己做。
三、推薦
已經確定的信息可以自動幫用戶填寫,那么沒確定的呢?常見的就是推薦了,如模糊搜索/聯(lián)想詞(如左圖),推測你可能需要搜索的內容;還有根據習慣推薦,比如我上次(或者經常)分享圖片給這兩個ID,這次分享時優(yōu)先給你推薦(如右圖)。
小結:核心思想是預測用戶的最終目的并給出合理推薦。
四、彈窗引導用戶勾選協(xié)議
使用某個產品或進行某項可能發(fā)生糾紛的操作,一般需要用戶同意相關協(xié)議。以登錄為例,常見的做法有登錄即同意,如圖:
這種做法被多數應用使用,一般情況是沒有什么問題的。但如果被抽檢到,法務要求必須讓用戶手動確認的話就得使用降級方案了,例如默認不勾選,如果用戶沒有勾選協(xié)議而直接點登錄,toast提示用戶:
使用toast提示實現(xiàn)簡單,但操作是(以云音樂的一鍵登錄為例):閱讀toast > 找到協(xié)議并勾選 > 再次點擊“一鍵登錄” > 登錄成功,一共4步。
如果我們換一種方式,直接用模態(tài)彈窗會怎樣(如下圖)?操作流程就變成:閱讀并點擊同意登錄 > 登錄成功,一共2步,是不是流程上就縮短了2步:
給云音樂設計了這個流程也不知道會不會被采用。
小結:這種方式適用于非核心操作、但在用戶忽略時必須提示完成的場景。
五、支付寶上傳身份證
進行實名認證的時候一般需要上傳身份證正反面,常見的交互形式是先點擊上傳正面、上傳成功返回、再點擊上傳反面。
而支付寶上傳身份證,調用相機后先拍正面,然后直接就拍反面,在當前頁面就把這兩個操作完成,流程較短。
但是為什么我們常見的還是正反面分開傳,而不是在相機頁面直接完成呢?個人猜測是節(jié)省成本,分開傳直接調用通用組件,不愿重新開發(fā),而像支付寶那種需要單獨開發(fā)相拍攝頁面(相機組件)。
小結:能在當前頁面做的就順便做了,不要讓用戶在東市買了駿馬,還得跑到西市買鞍韉,直接在東市都買了就行,即一站式服務。
六、需要輸入時自動帶出鍵盤
下面這個案例,點擊“簡介”后你覺得進入頁面1還是2?
簡介,在入口就能完全看到,那么用戶點進去大概率是想修改,因此直接拉起鍵盤更為合理。
七、為減少頁面跳轉而使用彈窗,或者合并頁面
常見的彈窗都是一些提示、簡單的選擇,但是也有一些“不安分”的家伙把需要大量錄入信息的功能也做成彈窗的形式,比如這個新增收貨地址的交互:
這樣做有什么好處呢?我猜測主要是減少頁面跳轉,讓用戶從心理上感覺流程更可控制。因為操作前后的狀態(tài)在當前頁面是能夠識別的,如果頻繁地切換頁面,用戶不容易定位自己當前在哪里。
為減少頁面切換、提升頁面的到達率(也是經??己说囊粋€指標),還有一種方式就是合并頁面。比如這個回收流程(下圖),之前的估價結果和確認訂單頁是分開的。
合并后縮短了流程,確認訂單的到達率提升了1w%(這不廢話嗎,合并相當于把下一個頁面提前展示,肯定提高?。?,訂單提交成功率也同時提升1K%(數據已脫敏)。
八、自動充值
自動充值,這個功能真的很方便。就拿我自己來說,父母住在省會的第199環(huán)外,每次都是趕集的時候去鎮(zhèn)上順便交電費,很麻煩。于是我開通自動繳費,每次電費低于50就自動充,從此我都忘了還有交電費這個說法。
九、后續(xù)操作前置
如果我們想把內容分享出去,常見的是不是先點擊分享,然后選擇分享方式(下圖1、2)?再看第3張圖,直接把分享方式露出(前置)是不是減少了一步操作?
我用這兩個例子對比其實是不太合適的,前面那個在頁面中沒有太多空間放置分享方式,所以調用分享組件是比較合適的;而后面那個全部露出也是完全合理的。
我只是想通過后面的案例來說明:如果把后續(xù)操作前置能簡化流程,何樂而不為呢?
十、語音交互
想象一下你早上起床即將上班:
- 場景1:你穿好了衣服,然后解鎖手機,打開天氣應用,一看今天雨夾冰雹,于是你決定帶個堅固點的雨傘;
- 場景2:你一邊穿衣服一邊詢問語音助手:“Hi,老王,今天天氣怎樣?”,老王恭敬地回答:“北京市今天雨夾冰雹,出行記得帶把堅固的雨傘哦”。
你是選擇場景1呢,還是老王?當然是老王對吧,穿衣服的同時就知道了天氣,很省時間,而我經常就是這么干的。
同理還有人臉識別、指紋識別等等。從數字到圖形界面、從機械按鍵到觸屏,交互方式的變革,其核心驅動力還是技術,我把語音交互也提出來就是想說明技術帶來的便捷性。
最后,如果你留意到了其他簡化流程的方式,歡迎留言討論~
本文由 @阿談談設計 原創(chuàng)發(fā)布于人人都是產品經理。未經許可,禁止轉載
題圖來自Unsplash,基于CC0協(xié)議
學習
分享的內容很實用,點個贊!
謝謝??