用戶首次遇到的界面需要符合應(yīng)用的設(shè)計(jì)預(yù)期。如果你不想你的用戶在第一次使用后便卸載APP，那么你現(xiàn)在需要做的是，引導(dǎo)用戶完成關(guān)鍵任務(wù)或者引導(dǎo)用戶去其他地方獲取到相關(guān)聯(lián)的信息?？傊?，你需要在用戶初次使用的時(shí)候鼓勵(lì)用戶，把他們引到正確的地方。

新用戶引導(dǎo)是成功建立用戶與產(chǎn)品之間關(guān)系的重要環(huán)節(jié)，你只有一次機(jī)會(huì)給用戶制造第一印象。在本文中，我們將聊聊如何采用空數(shù)據(jù)的形式對(duì)新用戶進(jìn)行引導(dǎo)。

什么叫空數(shù)據(jù)？

內(nèi)容本身是大部分APP的主要價(jià)值體現(xiàn)，例如信息內(nèi)容類APP、待辦事項(xiàng)類APP、數(shù)據(jù)分析類APP等等。這就是我們需要考慮空數(shù)據(jù)設(shè)計(jì)的重要原因。

APP有些界面內(nèi)容是空的，它需要新用戶花費(fèi)一步或者多步，去創(chuàng)造內(nèi)容，這種情況非常適合做引導(dǎo)設(shè)計(jì)。除了提供新用戶對(duì)內(nèi)容的預(yù)知，空數(shù)據(jù)設(shè)計(jì)也會(huì)教用戶如何使用你的APP。空數(shù)據(jù)設(shè)計(jì)只是用戶引導(dǎo)中的一部分，但是合適的引導(dǎo)能夠讓用戶確信在做正確的事情。

Expensify中的空數(shù)據(jù)設(shè)計(jì)告訴了用戶怎樣開始使用。

空數(shù)據(jù)對(duì)于引導(dǎo)用戶的價(jià)值

借著“用戶初次使用”空狀態(tài)為有利契機(jī)，來引導(dǎo)用戶創(chuàng)建內(nèi)容。

?1.引導(dǎo)用戶

首先，空數(shù)據(jù)界面應(yīng)該幫助用戶理解當(dāng)前所在的上下文情境，告訴用戶即將發(fā)生什么。展示此類信息的常用方法是：告訴用戶將會(huì)有什么內(nèi)容或者會(huì)長(zhǎng)什么樣，或者給予明確的指示。

2.迅速采取行動(dòng)

大部分空數(shù)據(jù)會(huì)告訴用戶，當(dāng)前空狀態(tài)是什么，為什么會(huì)沒有內(nèi)容。更進(jìn)一步、更有效的做法是告訴用戶接下來能做什么。引導(dǎo)用戶很重要，但空數(shù)據(jù)設(shè)計(jì)的真正成功在于鼓勵(lì)、引導(dǎo)用戶迅速采取行動(dòng)。

3.創(chuàng)造愉悅的用戶體驗(yàn)

APP本身需要為用戶提供解決問題的有效方法，確保容易學(xué)習(xí)、易于使用，也應(yīng)該是賞心悅目的?？諗?shù)據(jù)也是一個(gè)很不錯(cuò)的機(jī)會(huì)，去拉近與用戶的關(guān)系，幫助用戶理解APP獨(dú)特的氣質(zhì)與個(gè)性。

如何設(shè)計(jì)一個(gè)理想的空數(shù)據(jù)界面

我們?cè)谠O(shè)計(jì)中已經(jīng)考慮到要吸引用戶，但這還不夠，空數(shù)據(jù)的巨大魅力常常在設(shè)計(jì)開發(fā)過程中被忽略，這是因?yàn)槲覀冏隽艘粋€(gè)布局很好，圖形超贊的界面，似乎很完美，但我們的目標(biāo)更應(yīng)該放在促進(jìn)用戶行動(dòng)上。在可用性的基礎(chǔ)上，空數(shù)據(jù)設(shè)計(jì)可以發(fā)揮驚人的創(chuàng)造力。

1.避免死胡同

最糟糕的空數(shù)據(jù)設(shè)計(jì)是，讓用戶感覺進(jìn)入了死胡同。這樣容易讓用戶感到不安，在混亂中可能會(huì)導(dǎo)致用戶盲目的去尋找出口。以Modspot發(fā)帖界面為例，第一張圖片是當(dāng)前最新版本的空數(shù)據(jù)設(shè)計(jì)，非常有效、并且巧妙地減少了用戶的疑慮，告訴了用戶開始發(fā)帖的動(dòng)作入口。

Modspot的案例有效地利用了空數(shù)據(jù)引導(dǎo)用戶促發(fā)行為。

下面的圖片是同樣界面的另一種版本，很明顯，用戶只能看到無效的空數(shù)據(jù)狀態(tài)，沒有指引，也沒有示意，如同走進(jìn)死胡同！

Modspot的反面案例很清晰的表明忽略空數(shù)據(jù)設(shè)計(jì)是多么糟糕。

?2.確保界面簡(jiǎn)潔直觀

好的空數(shù)據(jù)設(shè)計(jì)當(dāng)然要保持界面的簡(jiǎn)潔，要盡可能干凈利落的把內(nèi)容傳達(dá)給用戶，減少認(rèn)知干擾。在設(shè)計(jì)上，必須綜合考慮文案描述和示意圖（表意清晰，描述簡(jiǎn)潔、容易理解），才能有好的效果。

Dropbox的iOS版本

3.確保內(nèi)容易于理解

空數(shù)據(jù)界面不僅僅要考慮視覺審美，也要幫助用戶理解上下文。盡管空數(shù)據(jù)是用戶教學(xué)與引導(dǎo)的一小部分，但是我們完全可以最大化的發(fā)揮其作用與價(jià)值，為用戶創(chuàng)造新內(nèi)容指引方向。

以Google Photos的空數(shù)據(jù)設(shè)計(jì)為例，優(yōu)美的圖形和合理的布局讓人看起來不錯(cuò)，但是這種設(shè)計(jì)并不能幫助用戶理解上下文的意思，也不能為用戶解釋以下2個(gè)問題：

• 什么叫相冊(cè)？
• 怎樣才能創(chuàng)建一個(gè)相冊(cè)？

Google Photos的的iOS版本

?4.突出APP的個(gè)性與風(fēng)格

給用戶留下好的第一印象不僅僅是界面的可用性，也要考慮到視覺風(fēng)格。讓用戶感覺到你的APP是讓人印象深刻，使用起來又很舒服的。至少與同類產(chǎn)品相比，能感覺到有那么一點(diǎn)點(diǎn)與眾不同，對(duì)整個(gè)產(chǎn)品體驗(yàn)的預(yù)期也會(huì)有一點(diǎn)點(diǎn)不同。以下圖?Khaylo Workout空數(shù)據(jù)設(shè)計(jì)來說，為整個(gè)產(chǎn)品的性情做了風(fēng)格生的設(shè)定。

Khaylo Workout的iOS版本

5.鼓勵(lì)用戶采取行動(dòng)

為了讓用戶再次使用的時(shí)候，不會(huì)依舊面對(duì)空數(shù)據(jù)，我們首先要做的是說服用戶盡快行動(dòng)起來。我們不僅僅要在用戶與應(yīng)用界面交互的時(shí)候告訴其將要獲取什么好處，更要引導(dǎo)用戶按其所需行動(dòng)起來。

讓我們看下Facebook的Messenger模塊，當(dāng)用戶第一次到達(dá)這個(gè)界面時(shí)，會(huì)看到Messenger這款產(chǎn)品的優(yōu)勢(shì)-可以發(fā)送包含圖片與視頻的訊息，并且速度跟短信一樣的快。除此之外，用戶還知道有多少Facebook好友已經(jīng)在使用了。一旦用戶點(diǎn)擊了“開始安裝”按鈕，這就意味了空狀態(tài)因此消失的可能性。安裝按鈕如此清晰明了，用戶又何樂而不為呢？

Facebook的iOS版本

?6.盡可能提供個(gè)性化內(nèi)容

讓自己的APP看起來更有特色，最終是為了更快向用戶傳達(dá)產(chǎn)品價(jià)值。在目標(biāo)用戶還沒有行動(dòng)之前，需要傳達(dá)與用戶需求與利益相匹配的內(nèi)容。用戶會(huì)根據(jù)APP簡(jiǎn)明扼要的描述來為空數(shù)據(jù)界面創(chuàng)造新內(nèi)容。

為新用戶提供一些有效信息，促進(jìn)他們能夠以正確的或者更快捷的方式探索APP。例如，電子書類APP通常會(huì)根據(jù)用戶信息，為每一位用戶提供幾本可供閱讀的書籍。

圖片來自Material Design

?7.在UI中注入情感

空數(shù)據(jù)可以幫助闡述產(chǎn)品的人性化的一面。正面、積極的情感表達(dá)可以促近與用戶之間的關(guān)系。空數(shù)據(jù)具體要表達(dá)什么樣的情感要依據(jù)產(chǎn)品目標(biāo)而定。以Google Hangouts的空數(shù)據(jù)為例，看看是如何激勵(lì)用戶參與視頻群聊的。

Google Hangouts的安卓版本

當(dāng)然，類似于以上情感化設(shè)計(jì)的案例是有風(fēng)險(xiǎn)的，不是所有人都能理解，甚至有些人會(huì)討厭這種矯揉造作。但是，沒關(guān)系，賦予情感總比平鋪無趣好的多。

8.表達(dá)成功狀態(tài)

當(dāng)用戶完成一個(gè)非常關(guān)鍵任務(wù)后，這是一個(gè)很好的機(jī)會(huì)去拉近用戶與產(chǎn)品之間的感情。讓用戶知道通過自身努力，完成了一件很棒的事情，值得慶祝與鼓勵(lì)。

趁著慶祝用戶做得很棒的同時(shí)，鼓勵(lì)用戶更深入的體驗(yàn)產(chǎn)品。例如，Writeupp的用戶如果清理了任務(wù)列表，這當(dāng)然是一個(gè)很積極主動(dòng)的行為，Writeupp會(huì)告訴用戶“您做的很棒！”作為鼓勵(lì)。成功提示可以很好的愉悅用戶，并且能夠促進(jìn)用戶參與下一步的行動(dòng)。

?WriteUpp的iOS版本

9.了解更多

下面的資源可以幫助你找到用戶引導(dǎo)設(shè)計(jì)方面的靈感:

• Useronboard是一個(gè)很大的資源庫，里面有大量關(guān)于探索用戶培訓(xùn)與引導(dǎo)設(shè)計(jì)的案例與剖析。網(wǎng)址：http://www.useronboard.com/

圖片來Useronboard

• Uxarchive也是關(guān)于用戶引導(dǎo)類的資源網(wǎng)站，里面對(duì)很多常見APP不適宜的引導(dǎo)設(shè)計(jì)做了大量分析。網(wǎng)址：http://www.uxarchive.com/

• Ui-patterns也有一些關(guān)于web-app的用戶引導(dǎo)界面設(shè)計(jì)。網(wǎng)址：http://www.ui-patterns.com/

圖片來Ui-patterns

• Emptystat.es收集了自2013以來用戶上傳的空數(shù)據(jù)界面截圖。本文中的大部分截圖都是取自這里。 ?網(wǎng)址：http://www.accessify.com/

總結(jié)

總之，不要讓用戶第一次使用你的APP時(shí)候，遇到的卻是空空的白板界面。慎重考慮空數(shù)據(jù)的設(shè)計(jì)，因?yàn)樗^不只是用戶體驗(yàn)中臨時(shí)或者次要的內(nèi)容。事實(shí)上，它跟其他的設(shè)計(jì)組件一樣重要，在鼓勵(lì)、愉悅新用戶方面發(fā)揮了巨大作用。

作者：小白，微信公眾號(hào)：小白的交互設(shè)計(jì)

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