如何簡(jiǎn)化操作流程？來(lái)看這篇超周全的總結(jié)！

王M爭(zhēng)：關(guān)于提拔用戶(hù)體驗(yàn)的方法論特別很是多，其中一個(gè)比較常見(jiàn)的就是簡(jiǎn)化操作流程。我們對(duì)此特別很是認(rèn)識(shí)，但是我很少看到有文章體系的去論述該如何去簡(jiǎn)化操作流程。這里我就做一個(gè)簡(jiǎn)單的分析，假如大家看完之后有所收獲或啟發(fā)，不勝幸運(yùn)。

一、什么是操作流程？

操作流程指的是用戶(hù)為了達(dá)到某個(gè)目標(biāo)所必要經(jīng)歷的操作和場(chǎng)景轉(zhuǎn)換。舉個(gè)生活中的例子，小時(shí)候我爸帶我去業(yè)務(wù)廳交電話(huà)費(fèi)。當(dāng)時(shí)交話(huà)費(fèi)的操作流程為：從家騎自行車(chē)去業(yè)務(wù)廳，排隊(duì)，查詢(xún)?cè)捹M(fèi)，交錢(qián)，騎車(chē)回家。所必要經(jīng)歷的場(chǎng)景轉(zhuǎn)換是從家到業(yè)務(wù)廳，再回家。

而產(chǎn)品設(shè)計(jì)中的「操作」我們可以理解成交互體例，「場(chǎng)景轉(zhuǎn)換」理解成參與的頁(yè)面數(shù)。所以簡(jiǎn)化操作流程可以劃分為兩個(gè)方向：優(yōu)化交互體例，削減不需要的場(chǎng)景轉(zhuǎn)換（頁(yè)面）。

二、優(yōu)化交互體例

交互體例的優(yōu)化我們可以從兩個(gè)方面來(lái)入手：削減用戶(hù)點(diǎn)擊次數(shù)和降低操作難度。讓用戶(hù)在更少的點(diǎn)擊次數(shù)下完成操作，其實(shí)就是提拔信息的錄入和反饋服從。一些新技術(shù)的應(yīng)用可以幫助我們實(shí)現(xiàn)這個(gè)目的。

例如如今綁定銀行卡的時(shí)候，一些產(chǎn)品給用戶(hù)提供了拍照識(shí)別卡號(hào)的功能，用戶(hù)就不必要手動(dòng)輸入卡號(hào)。如許可以削減用戶(hù)的點(diǎn)擊次數(shù)，而且還降低了用戶(hù)手動(dòng)輸入錯(cuò)誤的風(fēng)險(xiǎn)。此外還有一些指紋付出，刷臉登錄如許生物識(shí)別功能，這些新技術(shù)的應(yīng)用可以極大的提拔用戶(hù)的交互服從。所以設(shè)計(jì)師對(duì)新技術(shù)的持續(xù)關(guān)注是特別很是有需要的。

當(dāng)然并不意味著我們必要用心于對(duì)新技術(shù)的尋求。許多時(shí)候只要消化好現(xiàn)有的技術(shù)，同樣可以?xún)?yōu)化產(chǎn)品體驗(yàn)。例如，在性別錄入的時(shí)候，這里設(shè)計(jì)師選擇的下拉列表的樣式，但是我覺(jué)得使用單選框會(huì)更加合適，由于統(tǒng)共就兩個(gè)選項(xiàng)。選擇單選框可以削減用戶(hù)的點(diǎn)擊次數(shù)。

從上面這個(gè)例子我們可以發(fā)現(xiàn)有些組件在功能上是有相互重疊的部分。一旦一個(gè)功能可以由多個(gè)組件來(lái)完成，那么我們必須找出最優(yōu)方案。所以交互設(shè)計(jì)師和產(chǎn)品經(jīng)理的一個(gè)基本功就是明確每個(gè)的組件的最適用場(chǎng)景，在原型圖中予以明確。

以上圍繞的重點(diǎn)是削減點(diǎn)擊次數(shù)，接下來(lái)我們重要說(shuō)降低操作難度。我們?cè)倏匆粋€(gè)案例，曩昔用戶(hù)想刪微信摯友，會(huì)從底部彈出一個(gè)對(duì)話(huà)框確認(rèn)一下操作。但是新版的「確認(rèn)操作」直接在原新聞欄這里展示。其實(shí)改版前后用戶(hù)的點(diǎn)擊次數(shù)都是一樣的，但是新版的反饋具有更強(qiáng)的指向性，用戶(hù)的目光（細(xì)致力）不會(huì)發(fā)生轉(zhuǎn)移。

上面說(shuō)到了用戶(hù)的目光，這里跟大家分享一下人類(lèi)眼球?qū)τ谝曈X(jué)信息的處理過(guò)程：

• 基本信息提取，并處理多個(gè)特性；
• 根據(jù)目的必要，篩選關(guān)注內(nèi)容；
• 保存關(guān)鍵目標(biāo)，聯(lián)想相干描述。

其中第一階段中的基本信息涵蓋了外形、顏色、位置、輪廓等。每次用戶(hù)收到一個(gè)反饋，進(jìn)入一個(gè)新的界面，都要重新去獲取這些信息。為提拔了用戶(hù)對(duì)視覺(jué)信息的處理服從，我們可以提供雷同的外形、顏色、位置、輪廓等，這就是同等性原則可以削減用戶(hù)的學(xué)習(xí)/操作成本的緣故原由。以上面的例子為例，底部對(duì)話(huà)框的反饋樣式，用戶(hù)要重新識(shí)別位置和外形，而新版的反饋樣式則不會(huì)出現(xiàn)這種情況，更加易用。

三、削減場(chǎng)景轉(zhuǎn)換

我們?cè)跒橐粋€(gè)義務(wù)繪制流程圖的時(shí)候，應(yīng)該避免讓用戶(hù)跳轉(zhuǎn)過(guò)多的頁(yè)面，由于多跳轉(zhuǎn)一個(gè)頁(yè)面就意味著多流失一部分用戶(hù)，就像漏斗一樣。

前幾天有個(gè)同伙在微信群里問(wèn)了一個(gè)題目：新用戶(hù)在注冊(cè)完成的時(shí)候，我們是否應(yīng)該讓用戶(hù)去設(shè)置登錄密碼，類(lèi)似的還有付出密碼設(shè)置題目。

為了回答這個(gè)題目，我專(zhuān)程下了兩款競(jìng)品，都是教你怎么做菜的。這里分別說(shuō)是產(chǎn)品A和產(chǎn)品B，這兩款產(chǎn)品都支撐第三方登錄，而且登錄后都要求用戶(hù)去綁定手機(jī)號(hào)。但是產(chǎn)品B給用戶(hù)提供了「跳過(guò)」按鈕，用戶(hù)可以選擇不綁定。

首先得承認(rèn)我對(duì)這兩款產(chǎn)品都不太了解，直接評(píng)論好壞的話(huà)會(huì)有失偏頗，而且設(shè)計(jì)無(wú)所謂好壞。僅從我小我角度來(lái)說(shuō)，不支撐在這里讓用戶(hù)就去設(shè)置密碼或者去綁定手機(jī)號(hào)。由于用戶(hù)剛注冊(cè)完，還沒(méi)有享受到你提供的服務(wù)，你就考慮用戶(hù)再次登錄和購(gòu)買(mǎi)的場(chǎng)景了，說(shuō)不定用戶(hù)看到這個(gè)設(shè)置界面直接就走人了。由于如今產(chǎn)品同質(zhì)化征象特別很是的緊張，你的產(chǎn)品可以有許多替換品。

從上面這個(gè)例子，我們也可以發(fā)如今操作流程設(shè)計(jì)階段，我們特別很是有需要去進(jìn)行義務(wù)分析，去明確高條理的義務(wù)和低條理的義務(wù)。每一個(gè)義務(wù)映射到設(shè)計(jì)層級(jí)，可能是一個(gè) icon，也可能是一個(gè)頁(yè)面。以下圖為例，同樣的購(gòu)票界面，這里的重要義務(wù)是選座。而替換場(chǎng)次屬于次要義務(wù)，但它展示情勢(shì)只是一個(gè) icon，沒(méi)有打亂整個(gè)界面的布局，也沒(méi)有過(guò)度分散用戶(hù)的細(xì)致力，在這里我覺(jué)得是特別很是合適的。

假如低條理的義務(wù)必要新增一個(gè)頁(yè)面來(lái)完成，而新增的頁(yè)面又有讓用戶(hù)大量流失的風(fēng)險(xiǎn)，我小我的建議是舍去。產(chǎn)品設(shè)計(jì)過(guò)程中設(shè)計(jì)師必要去做許多決定，其中許多都不是非黑即白的選擇。每一個(gè)選項(xiàng)都有其背后的意義，我們只能去做更吻合當(dāng)前階段產(chǎn)品利益的選擇。

當(dāng)然并不是只有進(jìn)行義務(wù)分析才可以削減場(chǎng)景轉(zhuǎn)換，通過(guò)簡(jiǎn)單的小細(xì)節(jié)修改也可以達(dá)到目的。以微信為例，當(dāng)用戶(hù)編輯狀況預(yù)備發(fā)同伙圈，假如點(diǎn)擊了「取消」，我們會(huì)發(fā)現(xiàn)會(huì)彈出一個(gè)對(duì)話(huà)框，讓用戶(hù)選擇「保留」或「不保留」。如許的處理有一個(gè)題目，假如用戶(hù)是誤點(diǎn)擊了「取消」，那么他只能點(diǎn)擊「保留」，然后退出再進(jìn)入編輯狀況。我看了一下 QQ 和微博，他們用的是從底部彈出的動(dòng)作欄，用戶(hù)假如是誤操作，只要點(diǎn)擊「取消」就可以了。如許彈框的一個(gè)小轉(zhuǎn)變，就可以避免了用戶(hù)再次返回到原界面，削減了場(chǎng)景的轉(zhuǎn)換。

總結(jié)

以上就是我從優(yōu)化交互體例，削減場(chǎng)景轉(zhuǎn)換這兩個(gè)方面對(duì)簡(jiǎn)化操作流程的一個(gè)分析。假如你有不同的想法，迎接留言或者添加我小我微信討論交流。

迎接關(guān)注作者的微信公眾號(hào)：「王M爭(zhēng)」

圖片素材作者：Paul Olek