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

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

一、空頁(yè)面

首先我們來(lái)說(shuō)空頁(yè)面，為什么先拿它開(kāi)刀？就是由于它「空」啊?？枕?yè)面相對(duì)于常態(tài)頁(yè)面來(lái)說(shuō)，沒(méi)有向用戶展示充足緊張的信息和內(nèi)容。當(dāng)然這里我不是分析如何去設(shè)計(jì)好空頁(yè)面，關(guān)于這個(gè)網(wǎng)上有許多教程，我本身之前也寫過(guò)。這篇文章我更樂(lè)意去討論如何去刪減空頁(yè)面場(chǎng)景。與其考慮怎么把空頁(yè)面做的悅目，不如換種思路，把空頁(yè)面場(chǎng)景給去掉。由于無(wú)論再怎么美化，空頁(yè)面對(duì)用戶體驗(yàn)的流暢性來(lái)說(shuō)都是一種危險(xiǎn)。

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

用戶假如沒(méi)有添加課程，那么課程入口就會(huì)直接展示一個(gè)去添加課程的鏈接。英語(yǔ)流利說(shuō)刪去了空頁(yè)面，我小我特別很是附和這種做法。由于假如只是想告知用戶您當(dāng)前沒(méi)有添加過(guò)課程，為什么非要通過(guò)一整個(gè)頁(yè)面來(lái)傳達(dá)這個(gè)信息，如許未免太過(guò)于奢侈。「空狀況」告訴用戶當(dāng)前沒(méi)有進(jìn)行任何操作，「去添加」告訴用戶操作路徑?！缚諣顩r」是非必需的，由于用戶看到了「去添加」按鈕也能曉暢「空狀況」。

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

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

二、優(yōu)化選擇場(chǎng)景

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

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

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

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

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

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

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

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

三、定制化

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

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

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

總結(jié)

以上就是我對(duì)削減操作步驟的分析和總結(jié)，假如你有什么不同的建媾和看法，迎接留言或者加群討論。

迎接關(guān)注作者的微信公眾號(hào)：「王M爭(zhēng)」

圖片素材作者：Lucas Marqs