2023年UX細(xì)節(jié)設(shè)計思路-必經(jīng)流程簡化

UX細(xì)節(jié)設(shè)計思路——必經(jīng)流程簡化優(yōu)秀UX細(xì)節(jié)創(chuàng)新設(shè)計讓用戶感到便利、貼心、牢靠、平安、愉悅。UX細(xì)節(jié)創(chuàng)新設(shè)計并非都來自一剎那的靈光乍現(xiàn)，創(chuàng)新力量也不是少數(shù)人只可意會不行言傳的一種天賦，優(yōu)秀的UX細(xì)節(jié)創(chuàng)新設(shè)計其實有章可循，創(chuàng)新力量是可以通過后天培育提升的，更多內(nèi)容可參閱《宏大的小細(xì)節(jié)》一書。

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

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

這種簡化包含兩種類型：

剔除可預(yù)見用戶操作中不必要的操作流程合并可預(yù)見用戶操作中必操作的流程簡潔行之有效的方法就是操作流程記錄法，記錄下不同場景用戶達(dá)成某一項目標(biāo)的完整流程，在流程各節(jié)點(diǎn)中查找可以推斷用戶意圖的節(jié)點(diǎn)，跳過不必要的流程，或者合并必要流程。

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

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

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

為了省掉用戶手動輸入短信驗證碼的麻煩，一些App供應(yīng)了獵取驗證短信并自動填寫短信驗證碼的功能，如日韓、東南亞特別流行的談天軟件LINE。

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

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

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

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

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

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

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

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

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

除了為用戶帶來便利的細(xì)節(jié)設(shè)計力量外，嚴(yán)謹(jǐn)是比此類細(xì)節(jié)創(chuàng)新更重要的品質(zhì)，之所以不能設(shè)計成填寫手機(jī)號便可自動登錄，主要緣由有以下兩點(diǎn)：

不是全部設(shè)備都能勝利獵取到讀取短信權(quán)限（比如用戶設(shè)置了不允許App獵取自己的短信信息），一旦短信獵取失敗，而用戶又無法手動填寫，那么整個注冊流程便卡住了，無法連續(xù)下去，這將是嚴(yán)峻的設(shè)計錯誤。用戶注冊時并不肯定使用當(dāng)前手機(jī)，即用其他手機(jī)接收驗證短信，或者正在使用iTouch、iPad等根本就無法接收短信的設(shè)備進(jìn)行注冊，同樣會導(dǎo)致整個注冊流程無法連續(xù)。當(dāng)然，假如能夠妥當(dāng)處理好這些問題，一鍵注冊登錄也未嘗不是一個優(yōu)秀的細(xì)節(jié)設(shè)計。

02設(shè)計案例

1.MIUI

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

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

MIUI收到短信驗證碼后供應(yīng)復(fù)制驗證碼按鈕

2.搜狗輸入法

正常狀況下，各類括號（如大括號、小括號、中括號）、書名號、引號等標(biāo)點(diǎn)符號都是成對消失的，既然必定成對消失，那輸入正括號后，自動輸入反括號，并將光標(biāo)跳回到括號間，這樣輸入既便利，也能防止遺忘輸入反括號。搜狗輸入法就這么機(jī)靈地干了！

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

3.Google

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

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

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

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

在Google中搜尋“GoldenRatio（黃金比例）”

4.淘寶

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

于是手機(jī)淘寶制造性地創(chuàng)造了“淘口令”?？稍S多用戶還是習(xí)慣使用截圖給好友共享商品，可收到截圖的微信伴侶可就有點(diǎn)麻煩了，想要訪問這個商品，要么要求好友重新發(fā)淘口令，要么依據(jù)截圖內(nèi)容去淘寶搜尋，不論怎樣，都是一件挺麻煩的事情。

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

手機(jī)淘寶App商品詳情頁界面

5.Waymate.de

http://Waymate.