如何減少操作步驟？我總結(jié)了這3個(gè)方法！

我們都希望自己的產(chǎn)品可以給用戶提供好的體驗(yàn)，但是做了一段時(shí)間發(fā)現(xiàn)，視覺層面的優(yōu)化對產(chǎn)品用戶體驗(yàn)的提升力度是有限的。這就要求設(shè)計(jì)師需要想的更深入一點(diǎn)，對功能流程進(jìn)行瘦身。其中減少操作步驟可以很好的提升產(chǎn)品的易用性，本篇文章就來說一說建設(shè)網(wǎng)站中減少操作步驟的三大方法（場景）。

首先我們來說空頁面，為什么先拿它開刀？就是因?yàn)樗缚铡拱??？枕撁嫦鄬τ诔B(tài)頁面來說，沒有向用戶展示足夠重要的信息和內(nèi)容。當(dāng)然這里我不是分析如何去設(shè)計(jì)好空頁面，關(guān)于這個(gè)網(wǎng)上有很多教程，我自己之前也寫過。這篇文章我更愿意去討論如何去刪減空頁面場景。與其考慮怎么把空頁面做的好看，不如換種思路，把空頁面場景給去掉。因?yàn)闊o論再怎么美化，空頁面對用戶體驗(yàn)的流暢性來說都是一種傷害。

舉個(gè)例子，咕咚是一款我常用的運(yùn)動類 app。在我的頁中有一個(gè)功能是「訓(xùn)練計(jì)劃」，如果用戶當(dāng)前沒有訓(xùn)練計(jì)劃，就會展示這樣的一個(gè)空頁面，用戶點(diǎn)擊查看按鈕可以查看全部的訓(xùn)練課程，自行添加自己想要的課程。我之前一直覺得這種處理方式?jīng)]有什么不妥，直到我看到了英語流利說。在英語流利說中，有一個(gè)類似的場景，但是處理方式卻完全不一樣的。

用戶如果沒有添加課程，那么課程入口就會直接展示一個(gè)去添加課程的鏈接。英語流利說刪去了空頁面，我個(gè)人非常贊同這種做法。因?yàn)槿绻皇窍敫嬷脩裟?dāng)前沒有添加過課程，為什么非要通過一整個(gè)頁面來傳達(dá)這個(gè)信息，這樣未免太過于奢侈?！缚諣顟B(tài)」告訴用戶當(dāng)前沒有進(jìn)行任何操作，「去添加」告訴用戶操作路徑。「空狀態(tài)」是非必需的，因?yàn)橛脩艨吹搅恕溉ヌ砑印拱粹o也能明白「空狀態(tài)」。

按照這條思路，在咕咚中如果用戶當(dāng)前沒有訓(xùn)練計(jì)劃，在我的頁可以給用戶展示「發(fā)現(xiàn)/添加訓(xùn)練課程」的文案，用戶點(diǎn)擊直接進(jìn)入全部課程頁。

并且在空頁面中，無論那個(gè)跳轉(zhuǎn)按鈕做的再好看，它的轉(zhuǎn)化率也不可能達(dá)到100%的。所以適當(dāng)?shù)膭h減空頁面場景，不僅可以減少用戶操作步驟還可以提升轉(zhuǎn)化率。

設(shè)計(jì)圈有一句俗語：don’t make me think，其實(shí)我更傾向于把 think 改成 choose，因?yàn)闆]有 choose 哪來的 think。一旦所面臨的選項(xiàng)越多，用戶就越難做出決策。就好比很多條件非常優(yōu)秀的人最后都成了單身狗，因?yàn)樘艋搜?。所以為了避免用戶在使用我們產(chǎn)品過程中陷入「挑花了眼」的局面，我們應(yīng)該考慮去弱化甚至隱藏一些選擇場景。

選擇場景可以分為兩種：殊途同歸和分道揚(yáng)鑣。

殊途同歸：從 A 出發(fā)，遇到一個(gè)岔路口，告訴你現(xiàn)在有 3 條路可以選，不管選擇哪條都會到達(dá) B。

分道揚(yáng)鑣：從 A 出發(fā)，遇到一個(gè)岔路口，告訴你現(xiàn)在有 3 條路可以選，選擇不同的路會到達(dá)不同的目的地 B、C、D。

對于殊途同歸的場景來說，既然無論選擇哪條路徑都能到達(dá)同樣的目的地，那么說明這個(gè)選擇場景不是必需的，我們可以考慮隱藏。怎么隱藏？提供一個(gè)默認(rèn)路徑（狀態(tài)）。

以實(shí)名認(rèn)證為例，常見的實(shí)名認(rèn)證方法可以是輸入姓名身份證號、上傳身份證正反面照片或者人臉識別。一般的流程是，用戶點(diǎn)擊實(shí)名認(rèn)證，進(jìn)入下一個(gè)頁面，在這個(gè)頁面中讓用戶選擇驗(yàn)證方式。其實(shí)我們可以考慮直接給用戶一個(gè)默認(rèn)的認(rèn)證方式，為了防止用戶對當(dāng)前的方式不滿意，再提供一個(gè)選擇其他認(rèn)證方式的鏈接，這樣的設(shè)置對于沒有進(jìn)行二次選擇的用戶來說等于減少了一個(gè)步驟。

其實(shí)殊途同歸的場景很容易讓用戶產(chǎn)生誤解。例如在蝦米音樂我要下一首歌曲，點(diǎn)擊下載 icon，出現(xiàn)一個(gè)底部動作欄，讓我選擇下載的音質(zhì)，選擇完成之后進(jìn)入付費(fèi)流程。

在這樣的一個(gè)流程中，我以為花了這兩塊錢只能下載選擇的音質(zhì)。后來我發(fā)現(xiàn)，當(dāng)完成付款之后，這三種音質(zhì)都是可以下載的。既然付費(fèi)了這三種音質(zhì)都是可以下載的，為什么還要讓用戶去選擇音質(zhì)？如果只是讓用戶感知這首歌有 3 種音質(zhì)可供下載，可以在付款頁面中予以展示。付完款之后，再提供這樣的一個(gè)選擇場景，讓用戶下載自己喜歡的音質(zhì)。過于前置的選擇場景會讓用戶產(chǎn)生誤解。

所謂「定制化」就是給用戶權(quán)限根據(jù)自己的實(shí)際需求去調(diào)整產(chǎn)品的界面布局，內(nèi)容模塊和視覺樣式等。例如我們可以根據(jù)自己的喜好去更換網(wǎng)易云音樂的界面主題，當(dāng)然這種定制化無法減少操作步驟。在支付寶中，用戶可以自行添加常用的功能，這樣就不需要每次都去相應(yīng)的模塊中找，非常的方便，這樣的定制化處理才真正的減少了用戶操作步驟。

為了讓大家直觀的感受一下差距，我舉一個(gè)反例。我的南京首頁雖然可以自由定制常用的功能，但是無法更改模塊的順序。

這種做法明顯是不合理的，因?yàn)槊總€(gè)用戶的需求是不一樣的。對于一個(gè)每天搭公交車上班的人來說，交通模塊中可能只有公交出行和有滴打車(偶爾起床起遲了)對他來說是有意義的。除此之外，他可能更希望去關(guān)注社保、公積金的查詢，水電煤繳費(fèi)功能。但是社保和公積金在政務(wù)模塊，排在第五位，用戶必須滑動才能看到。所以說我的南京首頁的定制化屬于「偽定制化」，無法真正滿足用戶多樣的需求，更不要說減少操作步驟了