編輯導(dǎo)語：當(dāng)可以預(yù)判用戶可能的一系列操作時，交互設(shè)計上應(yīng)該將這系列流程做簡化處理，即必經(jīng)流程簡化。本文作者對這個設(shè)計思路進行了分析，一起來看一下吧。

優(yōu)秀UX細節(jié)創(chuàng)新設(shè)計讓用戶感到方便、貼心、可靠、安全、愉悅。UX細節(jié)創(chuàng)新設(shè)計并非都來自一剎那的靈光乍現(xiàn)， 創(chuàng)新能力也不是少數(shù)人只可意會不可言傳的一種天賦，優(yōu)秀的UX細節(jié)創(chuàng)新設(shè)計其實有章可循，創(chuàng)新能力是可以通過后天培養(yǎng)提升的，更多內(nèi)容可參閱《偉大的小細節(jié)》一書。

本文分享技巧——必經(jīng)流程簡化。

必經(jīng)流程簡化的設(shè)計思路：當(dāng)可以預(yù)判用戶可能的一系列操作時，交互設(shè)計上應(yīng)該將這系列流程做簡化處理。

這種簡化包含兩種類型：

1. 剔除可預(yù)見用戶操作中不必要的操作流程
2. 合并可預(yù)見用戶操作中必操作的流程

簡單行之有效的辦法就是操作流程記錄法，記錄下不同場景用戶達成某一項目標的完整流程，在流程各節(jié)點中尋找可以判斷用戶意圖的節(jié)點，跳過不必要的流程，或者合并必要流程。

操作記錄法設(shè)計產(chǎn)品Tips：

• 畫出完整流程圖，不僅有助于察覺可以優(yōu)化的地方，嚴謹?shù)牧鞒谭治鲆彩前l(fā)現(xiàn)設(shè)計漏洞的重要手段。
• 不要局限于自身產(chǎn)品流程設(shè)計，用戶完成一項功能可能需要在不同的網(wǎng)站和App中切換操作，要將這些操作也納入設(shè)計范圍。

01 設(shè)計講解 – 登錄注冊

注冊/登錄是網(wǎng)站、手機App必備的基本功能。隨著移動互聯(lián)網(wǎng)的普及，為防止惡意注冊賬戶，許多網(wǎng)站、手機App在注冊時都會使用手機號作為賬戶，并需要通過短信驗證才可生效。

為了省掉用戶手動輸入短信驗證碼的麻煩，一些App提供了獲取驗證短信并自動填寫短信驗證碼的功能，如日韓、東南亞非常流行的聊天軟件LINE。

目前國內(nèi)的一些App也支持這樣的功能，如“愛鮮蜂”。愛鮮蜂是一個較為特別的案例，本文以愛鮮蜂為例進行講解。

LINE獲取到驗證短信后會自動填寫短信驗證碼：

愛鮮蜂注冊頁面及MIUI短信提示框

第二張截圖的主體是愛鮮蜂的注冊界面，當(dāng)輸入手機號點擊獲取驗證碼后，愛鮮蜂會讀取短信，并將短信中的驗證碼自動填寫到驗證碼輸入框中；而界面的頂部則是MIUI的短信提示框，它也根據(jù)短信內(nèi)容判斷出這是一條短信驗證碼，點擊右邊復(fù)制按鈕，即可復(fù)制驗證碼，直接粘貼至驗證碼輸入框內(nèi)即可。

單純站在愛鮮蜂注冊功能的設(shè)計者的角度，一個完整的注冊流程只需要包含如下環(huán)節(jié)：

乍一看并沒有可以優(yōu)化的空間，這里先闡明功能實現(xiàn)的設(shè)計思維與需求解決設(shè)計思維的區(qū)別，前者只要求功能設(shè)計運轉(zhuǎn)正常合理即可，而后者除了需要完成前者所需要實現(xiàn)的功能外，還需有代入感，把自己當(dāng)成用戶，設(shè)計時就不能只局限于自己所提供的服務(wù)了。

基于需求解決的設(shè)計思維，一個完整、順利的注冊流程應(yīng)該是：在輸入手機號與填寫驗證碼之間，用戶還會需要切換到短信功能、記住驗證碼或者復(fù)制驗證碼、返回到“愛鮮蜂”App 中，然后才是輸入或粘貼驗證碼。

流程中，切換到短信功能、記住驗證碼或者復(fù)制驗證碼、返回到“愛鮮蜂”App中、輸入或粘貼驗證碼是用戶必須要做的事情，此時為了優(yōu)化用戶體驗，技術(shù)人員可以用技術(shù)手段，幫用戶完成這部分操作（讀取手機短信內(nèi)容、識別短信中的驗證碼、復(fù)制驗證碼并粘貼到驗證碼輸入框中）。

那我們再往前思考，既然自動幫用戶填寫好驗證碼，為什么不直接幫助用戶完成驗證并登錄呢？可以先思考幾分鐘再看后面的內(nèi)容。

除了為用戶帶來方便的細節(jié)設(shè)計能力外，嚴謹是比此類細節(jié)創(chuàng)新更重要的品質(zhì)，之所以不能設(shè)計成填寫手機號便可自動登錄，主要原因有以下兩點：

1. 不是所有設(shè)備都能成功獲取到讀取短信權(quán)限（比如用戶設(shè)置了不允許App獲取自己的短信信息），一旦短信獲取失敗，而用戶又無法手動填寫，那么整個注冊流程便卡住了，無法繼續(xù)下去，這將是嚴重的設(shè)計錯誤。
2. 用戶注冊時并不一定使用當(dāng)前手機，即用其他手機接收驗證短信， 或者正在使用iTouch、iPad等根本就無法接收短信的設(shè)備進行注冊，同樣會導(dǎo)致整個注冊流程無法繼續(xù)。

當(dāng)然，如果能夠妥善處理好這些問題，一鍵注冊登錄也未嘗不是一個優(yōu)秀的細節(jié)設(shè)計。

02 設(shè)計案例

1. MIUI

前面愛鮮蜂注冊頁面頂部的短信提示框同樣是基于用戶的行為預(yù)判的優(yōu)秀細節(jié)設(shè)計，MIUI系統(tǒng)能夠識別收到的短信是不是驗證短信，如果是驗證短信，則短信提示框右側(cè)提供一個復(fù)制驗證碼的按鈕，用戶點擊該按鈕，MIUI會提取短信中的驗證碼復(fù)制到手機的剪貼板中，并提示：MIUI已經(jīng)幫您復(fù)制好短信驗證碼，直接粘貼即可。

這樣用戶就不必切換至短信功能中閱讀或復(fù)制驗證碼，在當(dāng)前操作界面中即可完成驗證碼的復(fù)制、粘貼。

MIUI收到短信驗證碼后提供復(fù)制驗證碼按鈕

2. 搜狗輸入法

正常情況下，各類括號（如大括號、小括號、中括號）、書名號、引號等標點符號都是成對出現(xiàn)的，既然必然成對出現(xiàn)，那輸入正括號后，自動輸入反括號，并將光標跳回到括號間，這樣輸入既方便，也能防止忘記輸入反括號。搜狗輸入法就這么機智地干了！

使用搜狗輸入法輸入正括號后，會自動補全反括號，并將光標跳轉(zhuǎn)至括號之間。

3. Google

必經(jīng)流程簡化的另外一種情況是必要流程合并。當(dāng)一位設(shè)計師需要按照黃金比例設(shè)計一個作品時，正常的流程是：打開搜索引擎>搜索黃金比例>找到有黃金比例具體數(shù)值的網(wǎng)頁>點擊去復(fù)制黃金比例數(shù)值>切換到計算器計算所需要的對應(yīng)數(shù)值（雅虎、必應(yīng)、NAVER及國內(nèi)各大搜索引擎皆可體驗）。

Google 對此作了體驗優(yōu)化，當(dāng)用戶使用Google搜索“Golden Ratio（黃金比例）” 時，搜索結(jié)果會彈出一個計算器，搜索結(jié)果中直接展示黃金比例數(shù)值，如果需要計算，就直接繼續(xù)操作吧！

分析起來，Google先是幫助用戶直接將所需要的黃金比例數(shù)據(jù)提取出來，省去用戶一個個網(wǎng)頁去查找的煩惱。而后是考慮到了用戶可能會使用該數(shù)值進行計算，又直接提供了一個計算器，方便用戶直接計算。

更進一步，Google將兩者合并到一個界面中，用戶可能只需要一個黃金比例數(shù)值，并不受影響啊，不是么！

在Google中搜索“Golden Ratio（黃金比例）”

4. 淘寶

同樣也是必要流程合并的細節(jié)創(chuàng)新，這個細節(jié)創(chuàng)新多少有點兒無奈— App出于商業(yè)和安全性的考慮，微信屏蔽了手機淘寶App的分享鏈接，從手機淘寶并不能直接分享鏈接給微信好友。

于是手機淘寶創(chuàng)造性地發(fā)明了“淘口令”?？珊芏嘤脩暨€是習(xí)慣使用截圖給好友分享商品，可收到截圖的微信朋友可就有點麻煩了，想要訪問這個商品，要么要求好友重新發(fā)淘口令，要么根據(jù)截圖內(nèi)容去淘寶搜索，不論怎樣，都是一件挺麻煩的事情。

當(dāng)手機淘寶發(fā)現(xiàn)用戶使用手機淘寶對商品詳情頁進行截圖時，會彈出一個對話框出來告訴你“已經(jīng)為您生成淘口令”，用戶可以選擇將截屏和淘口令一并發(fā)給好友，這樣就避免了好友再次詢問淘口令或者使用截圖內(nèi)容去搜索的麻煩。

手機淘寶App商品詳情頁界面

5. Waymate.de

http://Waymate.de是德國一家專門做旅行路線規(guī)劃的網(wǎng)站，當(dāng)使用 Waymate.de 搜索一個行程時，加載過程中會顯示計劃時間目的地的天氣狀況，提供給用戶參考，如果用戶正好需要查詢，則省去再查詢天氣的操作，即便用戶并不需要這一信息，對用戶的操作也無任何影響。

Waymate.de行程加載頁面

作者：文哲，微信公眾號：偉大的小細節(jié)，《偉大的小細節(jié)》作者。

本文由 @Stanley 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自 Unsplash，基于 CC0 協(xié)議