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

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

一、什么是操作流程？

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

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

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

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

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

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

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

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

上面說到了用戶的目光，這里跟大家分享一下人類眼球?qū)τ谝曈X信息的處理過程：

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

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

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

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

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

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

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

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

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

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

總結(jié)

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

迎接關(guān)注作者的微信公眾號：「王M爭」

圖片素材作者：Paul Olek