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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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