關(guān)于提升用戶體驗(yàn)的方法論非常多，其中一個(gè)比較常見的就是簡(jiǎn)化操作流程。我們對(duì)此非常熟悉，但是我很少看到有文章系統(tǒng)的去論述該如何去簡(jiǎn)化操作流程。這里我就做一個(gè)簡(jiǎn)單的分析，如果大家看完之后有所收獲或啟發(fā)，不勝榮幸。

一、什么是操作流程？

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

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

二、優(yōu)化交互方式

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

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

當(dāng)然并不意味著我們需要埋頭于對(duì)新技術(shù)的追求。很多時(shí)候只要消化好現(xiàn)有的技術(shù)，同樣可以優(yōu)化產(chǎn)品體驗(yàn)。例如，在性別錄入的時(shí)候，這里設(shè)計(jì)師選擇的下拉列表的樣式，但是我覺得使用單選框會(huì)更加合適，因?yàn)榭偣簿蛢蓚€(gè)選項(xiàng)。選擇單選框可以減少用戶的點(diǎn)擊次數(shù)。

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

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

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

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

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

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

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

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

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

首先得承認(rèn)我對(duì)這兩款產(chǎn)品都不太了解，直接評(píng)論好壞的話會(huì)有失偏頗，而且設(shè)計(jì)無所謂好壞。僅從我個(gè)人角度來說，不支持在這里讓用戶就去設(shè)置密碼或者去綁定手機(jī)號(hào)。因?yàn)橛脩魟傋?cè)完，還沒有享受到你提供的服務(wù)，你就考慮用戶再次登錄和購(gòu)買的場(chǎng)景了，說不定用戶看到這個(gè)設(shè)置界面直接就走人了。因?yàn)楝F(xiàn)在產(chǎn)品同質(zhì)化現(xiàn)象非常的嚴(yán)重，你的產(chǎn)品可以有很多替代品。

從上面這個(gè)例子，我們也可以發(fā)現(xiàn)在操作流程設(shè)計(jì)階段，我們非常有必要去進(jìn)行任務(wù)分析，去明確高層次的任務(wù)和低層次的任務(wù)。每一個(gè)任務(wù)映射到設(shè)計(jì)層級(jí)，可能是一個(gè) icon，也可能是一個(gè)頁面。以下圖為例，同樣的購(gòu)票界面，這里的主要任務(wù)是選座。而更換場(chǎng)次屬于次要任務(wù)，但它展示形式只是一個(gè) icon，沒有打亂整個(gè)界面的布局，也沒有過度分散用戶的注意力，在這里我覺得是非常合適的。

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

當(dāng)然并不是只有進(jìn)行任務(wù)分析才可以減少場(chǎng)景轉(zhuǎn)換，通過簡(jiǎn)單的小細(xì)節(jié)修改也可以達(dá)到目的。以微信為例，當(dāng)用戶編輯狀態(tài)準(zhǔn)備發(fā)朋友圈，如果點(diǎn)擊了「取消」，我們會(huì)發(fā)現(xiàn)會(huì)彈出一個(gè)對(duì)話框，讓用戶選擇「保留」或「不保留」。

這樣的處理有一個(gè)問題：如果用戶是誤點(diǎn)擊了「取消」，那么他只能點(diǎn)擊「保留」，然后退出再進(jìn)入編輯狀態(tài)。

我看了一下 QQ 和微博，他們用的是從底部彈出的動(dòng)作欄，用戶如果是誤操作，只要點(diǎn)擊「取消」就可以了。這樣彈框的一個(gè)小變化，就可以避免了用戶再次返回到原界面，減少了場(chǎng)景的轉(zhuǎn)換。

總結(jié)

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

#專欄作家#

王M爭(zhēng)（微信公眾號(hào)：王M爭(zhēng)），人人都是經(jīng)理專欄作家，資深互聯(lián)網(wǎng)人。

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

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