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

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

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

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

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

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

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

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

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

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

2.迅速采取行動

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

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

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

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

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

1.避免死胡同

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

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

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

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

?2.確保界面簡潔直觀

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

Dropbox的iOS版本

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

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

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

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

Google Photos的的iOS版本

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

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

Khaylo Workout的iOS版本

5.鼓勵用戶采取行動

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

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

Facebook的iOS版本

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

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

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

圖片來自Material Design

?7.在UI中注入情感

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

Google Hangouts的安卓版本

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

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

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

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

?WriteUpp的iOS版本

9.了解更多

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

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

圖片來Useronboard

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

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

圖片來Ui-patterns

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

總結(jié)

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

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

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