程序繁瑣、復(fù)雜度高的產(chǎn)品用起來往往用戶體驗(yàn)不佳，針對這種問題，產(chǎn)品經(jīng)理該如何解決呢？本文筆者分析總結(jié)了4個(gè)方法，與大家分享。

你有沒有過這種體驗(yàn)，一些新升級的產(chǎn)品，剛用起來感覺沒什么。但是一旦用過一段時(shí)間以后，再回頭看原來的產(chǎn)品，就會覺得哪哪都不好用。但如果別人問起你來，你又說不清楚這個(gè)產(chǎn)品到底好在什么地方？

我以前剛從安卓機(jī)換代到 iPhone 的時(shí)候，就有很明顯的感受。別人要是問起來，iPhone 到底好在哪里。這個(gè)時(shí)候，我通常都只能回答到，iPhone 屏幕更大，像素更高，使用更流暢，體驗(yàn)更好。

后來看到一堆一堆的安卓機(jī)開始堆性能的時(shí)候，這個(gè)時(shí)候，我才發(fā)現(xiàn)性能真的只是蘋果優(yōu)勢的冰山一角。

蘋果真正的優(yōu)勢，在于它的簡單。它把復(fù)雜的流程留給自己，把簡單的操作留給用戶。

舉個(gè)簡單的例子，最近剛買了 iWatch。原先僅僅認(rèn)為這就是個(gè)小屏幕手機(jī)，順帶記錄下運(yùn)動數(shù)據(jù)，沒有抱有任何期待。但是當(dāng)我?guī)е?iWatch 打開 Mac 時(shí)，Mac 提示我，可以自動識別 iWatch 免輸入密碼解鎖電腦時(shí)，我就意識到，這的確是蘋果的手表。

它總是在想辦法減少我的操作復(fù)雜度，幫我節(jié)約時(shí)間。

無論是 iPhone X 的劉海屏刷臉解鎖，還是 iWatch 的抬手對話喚醒Siri，還是 Airpods 的自動連接。蘋果產(chǎn)品一以貫之的思路，就是幫助用戶省略不必要的操作，提升用戶體驗(yàn)。

你可能注意不到這些細(xì)節(jié)，但是它卻實(shí)實(shí)在在幫你省了時(shí)間。這也是為什么你用了蘋果的產(chǎn)品，再用其他品牌時(shí)，會產(chǎn)生不好用的感覺。

那么，我們該如何借鑒蘋果的設(shè)計(jì)經(jīng)驗(yàn)?zāi)?？有哪些方法能夠幫用戶減少操作復(fù)雜度呢？

四個(gè)操作步驟

一般來說，為了完成某個(gè)任務(wù)，達(dá)成某個(gè)目標(biāo)，人們在PC和移動手機(jī)上的操作過程，可以分為以下這么幾步：

1. 移動：通過移動鼠標(biāo)或者手指，選定目標(biāo)；
2. 點(diǎn)擊：點(diǎn)擊目標(biāo)內(nèi)容；
3. 輸入：輸入具體信息；
4. 反饋：等待反饋，獲得自己想要的結(jié)果。

在這個(gè)過程中，每一步都需要用戶做出思考和行動，每一步都在消耗用戶的精力和體力。如果我們想要減少操作的復(fù)雜度，對應(yīng)的會有這么幾種方式：

1. 減少移動
2. 減少點(diǎn)擊
3. 減少輸入
4. 清晰反饋

每個(gè)方式都有對應(yīng)的一些具體策略，接下來詳細(xì)為大家介紹：

1. 減少移動

常用的人機(jī)交互方式是觸摸和鼠標(biāo)，當(dāng)我們想點(diǎn)擊界面上的某個(gè)元素時(shí)，要么需要移動手指，要么需要移動鼠標(biāo)。移動的距離越遠(yuǎn)，自然越耗時(shí)。

關(guān)于移動距離與時(shí)間的關(guān)系，前人總結(jié)了一個(gè)定律——費(fèi)茨定律。

費(fèi)茨定律：到達(dá)目標(biāo)的時(shí)間是到達(dá)目標(biāo)的距離與目標(biāo)大小的函數(shù)，具體公式為 T = a + b log2(D/W+1)。其中，D為設(shè)備當(dāng)前位置和目標(biāo)位置的距離，W為目標(biāo)的大小。

我們不細(xì)究公式本身，通過一個(gè)圖示，大家就能理解：

設(shè)備離目標(biāo)距離越長（D），移動到目標(biāo)所用時(shí)間也就越長；目標(biāo)越大（W），移動所用時(shí)間也就越短。

案例1：移動距離要小

連續(xù)操作時(shí)，按鈕之間的距離要近。例如 Mac 或 Windows 桌面點(diǎn)擊右鍵后，會在鼠標(biāo)的邊上直接顯示菜單。目的就是為了讓用戶方便操作。

案例2：目標(biāo)區(qū)域要大

界面上的可視區(qū)域 ≠ 可點(diǎn)擊區(qū)域，可視區(qū)域可以做得比較小，但是可點(diǎn)擊區(qū)域可以做大。這樣用戶就不需要精準(zhǔn)選擇目標(biāo)區(qū)域，擔(dān)心半天點(diǎn)不中了。例如下圖所示，整個(gè)紅框范圍內(nèi)，都可以點(diǎn)擊，而不僅僅是文字內(nèi)容本身可點(diǎn)。

案例3：避免頁面跳轉(zhuǎn)，增加額外移動

這一點(diǎn)對于很多B端產(chǎn)品而言非常重要，如果可以在頁面內(nèi)完成操作，盡量不要跳轉(zhuǎn)到新頁面，這樣能提升用戶的處理效率。

當(dāng)然，如果我們可以去掉移動的操作，像 iPhone Siri 那樣進(jìn)行語音控制，就更為省事了。

2. 減少點(diǎn)擊

點(diǎn)擊是最常見的頁面交互方式，也是相當(dāng)耗費(fèi)時(shí)間精力的操作方式。很多點(diǎn)擊都是沒有必要存在的，如果能還原用戶的使用過程，細(xì)細(xì)梳理每個(gè)點(diǎn)擊的必要性，節(jié)約掉一些無效操作，用戶的體驗(yàn)會得到明顯提升。

例如 iWatch 抬手對話喚起 Siri，省略了喚醒 Siri 的點(diǎn)擊，就是在優(yōu)化體驗(yàn)。這是個(gè)細(xì)致的工作，本質(zhì)上是在堆人力和時(shí)間，但的確非常有價(jià)值。

下面通過一些案例，幫助大家理解這類優(yōu)化方法。

案例1：支付密碼自動驗(yàn)證

早期支付寶進(jìn)行支付操作的時(shí)候，輸入密碼后還需要點(diǎn)擊確認(rèn)。這其實(shí)是個(gè)慣性思維，設(shè)計(jì)者把它當(dāng)成了常規(guī)的賬號密碼輸入。但是考慮到這個(gè)密碼是固定位數(shù)的，所以確認(rèn)按鈕并沒有起到什么真的作用。

只要識別到用戶填寫完了全部密碼位數(shù)，就可以直接進(jìn)行校驗(yàn)，這樣就節(jié)省了一次確定操作。在高頻使用支付過程時(shí)，能大幅提升用戶體驗(yàn)。

案例2：視頻自動續(xù)播

很多視頻播放軟件，會自動記錄用戶上次播放的進(jìn)度，這樣就省去了用戶自己手動找播放進(jìn)度的復(fù)雜操作，為用戶節(jié)約了很多時(shí)間

案例3：允許定制界面

很多信息流APP的頻道特別多，因而它們都為用戶提供了定制化功能。

例如為自己喜歡的頻道排序，將感興趣的頻道放到前面。這樣就省去了每次翻幾頁到最后去找頻道的痛苦。當(dāng)興趣內(nèi)容比較多的時(shí)候，都可以考慮允許用戶定制。

3. 減少輸入

很多人機(jī)交互過程涉及到信息輸入。如果讓用戶一次填寫過多的信息，會給用戶很大的心理壓力，用戶很可能一走了之。

相反，如果只讓用戶填寫必須的內(nèi)容，并且做好輔助工作，用戶就會感覺非常愉悅。

案例1：替代輸入

輸入文字，其實(shí)是最麻煩的方式。相比之下，語音輸入的成本很低，人們更樂于使用。很多產(chǎn)品會提供一個(gè)語音輸入功能，或者語音轉(zhuǎn)文字功能，就是出于這樣的考慮。

用微信的時(shí)候，經(jīng)常就能收到這種語音信息，現(xiàn)在很多下沉社交和咨詢產(chǎn)品，也都在利用這種語音溝通方式。

當(dāng)然，如果可以通過圖像識別，完全不用動手動嘴，那更省事，用戶也更為喜歡。下圖就是一個(gè)財(cái)經(jīng)類APP，能夠通過拍照的方式，把銀行卡信息錄入，省去了用戶手填信息的麻煩。

案例2：輔助輸入

根據(jù)輸入歷史進(jìn)行聯(lián)想輸入，或者根據(jù)輸入內(nèi)容，自動預(yù)測，都是不錯(cuò)的輔助輸入方法。

很多產(chǎn)品的搜索欄，都會自動預(yù)測用戶的目標(biāo)，并實(shí)時(shí)進(jìn)行提示。這樣用戶不需要輸入完整，就能看到想要的結(jié)果，省去了打字的麻煩。

當(dāng)然，也有一些產(chǎn)品，會預(yù)測用戶的后續(xù)行為，并給出整體打包方案。例如 Google Chrome 會允許用戶選定關(guān)鍵詞，一鍵搜索。

這種操作完全省略了打開搜索框、打字等麻煩行為，降低了使用成本。

案例3：避免二次輸入

我們在填寫一些表單的時(shí)候，最害怕的結(jié)果就是保存的信息丟失了。然而，一些產(chǎn)品在校驗(yàn)信息的時(shí)候，如果發(fā)現(xiàn)錯(cuò)誤，會清空整個(gè)表單。這對于用戶來說，無異于晴天霹靂。

這種大表單，最好是拆分步驟一步一步填寫，一方面能避免一次清空全部的惡劣影響，另一方面也能減少用戶的心理壓力。

當(dāng)然，話說回來，用戶提交完表單后，一定要盡可能保存下用戶的填寫記錄，二次填寫的時(shí)候，只需要修改補(bǔ)充即可。

小結(jié)一下，在所有需要輸入信息的地方，不妨留心思考以下問題，優(yōu)化產(chǎn)品體驗(yàn)：

1. 這個(gè)信息的輸入是否重要，能否取消；
2. 能否幫助用戶更容易的輸入信息；
3. 目前用戶輸入的過程中，是否遇到明顯阻礙，有沒有相關(guān)的用戶吐槽。

4. 清晰反饋

用戶做任何操作，都希望獲得一個(gè)結(jié)果。要么達(dá)成自己的目標(biāo)，完成任務(wù)。要么任務(wù)失敗，有提示信息。如果沒有任何反饋，用戶往往會很疑惑，甚至認(rèn)為系統(tǒng)出錯(cuò)了。

當(dāng)然，也不需要每次完成任務(wù)，都給用戶一個(gè)強(qiáng)彈窗提示，例如“打開頁面成功，恭喜！”，這樣會非常干擾正常使用過程。

通過一些簡單的動效和提示性文案，讓用戶明白發(fā)生了什么，該做什么新的操作，就是非常好的反饋。

下面是常見的幾種反饋方式：

（1）消失與展現(xiàn)的過渡動效

頁面元素的增加或者刪除，就需要用動效提示用戶，否則一閃而過的操作后，用戶完全不知道什么發(fā)生了變化，很容易懷疑自己是否做了正確的事情。

增加一些交互動效，能夠緩解用戶的焦慮，讓他們明確發(fā)生了什么。

對于B端產(chǎn)品來說，這個(gè)反饋尤其重要，因?yàn)锽端產(chǎn)品往往涉及大量的列表操作。下面是一些具體案例：

1）內(nèi)容增加

2）內(nèi)容刪除：

（2）及時(shí)反饋處理進(jìn)度

一些操作如果特別耗時(shí)，是一定需要告知用戶處理狀態(tài)的，否則用戶很可能一走了之。

例如常見的加載動效、進(jìn)度條等等

（3）失敗的反饋

以前發(fā)短信的時(shí)代，我們經(jīng)常會擔(dān)心消息發(fā)失敗了，別人沒收到。以至于有時(shí)候，重要信息我們會發(fā)多條。

但是自從用了微信以后，這個(gè)擔(dān)心就沒有了。一方面當(dāng)然是因?yàn)殡S著科技進(jìn)步，網(wǎng)絡(luò)狀況在慢慢變好。另一方面也是因?yàn)槲⑿畔l(fā)送的反饋機(jī)制做得很棒。一旦真的發(fā)送失敗，微信就會很明確的提示用戶。

（4）提前容錯(cuò)

出錯(cuò)的代價(jià)如果很高的話，需要提前提示用戶，避免出錯(cuò)。

例如 iPhone 在更新系統(tǒng)之前，系統(tǒng)都會判斷用戶的電池電量，如果不足50%，就會提示用戶充電。否則在更新到一半的時(shí)候，突然沒電了，手機(jī)可能直接變板磚，風(fēng)險(xiǎn)非常大。

刻意增加復(fù)雜度

當(dāng)然，話說回來。不是所有時(shí)候都需要簡化步驟。有時(shí)候?yàn)榱诉_(dá)成目標(biāo)，一些產(chǎn)品甚至?xí)鲃釉O(shè)計(jì)一些復(fù)雜功能。

例如為了避免用戶誤操作，iPhone 把關(guān)機(jī)設(shè)定為了滑動關(guān)機(jī)，不影響正常功能的前提下，盡可能避免誤操作。

總結(jié)

與產(chǎn)品進(jìn)行交互，做出一些操作動作，是非常消耗時(shí)間和精力的。如果可以按照用戶的操作過程，細(xì)致優(yōu)化各個(gè)環(huán)節(jié)，減少不必要的步驟，就能讓用戶感覺到省時(shí)省力，提升使用體驗(yàn)。

一般來說，我們有這么幾種優(yōu)化方式，例如減少移動、減少點(diǎn)擊、減少輸入、清晰反饋。當(dāng)然，有時(shí)候我們也需要權(quán)衡功能需求，主動增加一些復(fù)雜度。

請你思考

你感覺哪些產(chǎn)品或者服務(wù)是非常復(fù)雜的，如果減少步驟的話，你覺得應(yīng)該如何設(shè)計(jì)？

參考資料：

• https://ant.design/docs/spec/introduce-cn
• https://zh.wikipedia.org/wiki/%E8%B4%B9%E8%8C%A8%E6%B3%95%E5%88%99

#相關(guān)閱讀#

《尊重內(nèi)隱記憶，用戶不迷茫》

《提升用戶體驗(yàn)的訣竅：減少記憶負(fù)荷》

《PPT做得不好看？是你不懂知覺組織原理》

《利用錨定效應(yīng)，讓用戶接受你的定價(jià)》

《巧用“認(rèn)知失調(diào)”，讓用戶愛上你的產(chǎn)品》

《將“損失厭惡”賦能給產(chǎn)品》

《讓用戶上癮的秘密武器——隨機(jī)次數(shù)獎(jiǎng)勵(lì)》

作者：劉子勛，微信公眾號：子勛說。搜狐高級產(chǎn)品經(jīng)理，北師大心理學(xué)碩士，一個(gè)深愛心理學(xué)的產(chǎn)品汪，致力于讓科學(xué)心理學(xué)成為人人會用的工具

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

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