如何在新用戶引導(dǎo)流程中用好空狀態(tài)界面？

    如何在新用戶引導(dǎo)流程中用好空狀態(tài)界面？當(dāng)新用戶打開你的APP的時候，最初的幾個界面將會直接影響用戶對你的網(wǎng)站的預(yù)期。為了確保用戶不會在第一次打開之后就卸載APP，你應(yīng)該用好最初的空狀態(tài)頁面，通過引導(dǎo)，幫助用戶完成關(guān)鍵性任務(wù)，獲得成就感，達(dá)成目標(biāo)，并不斷回來，成為你的APP的回頭客。換句話說，要在第一次交互之后，成功吸引用戶，讓他們流連忘返。新用戶引導(dǎo)流程是這當(dāng)中的關(guān)鍵。創(chuàng)造第一印象，你只有一次機會。今天的文章，我們將會提供一些使用空狀態(tài)來SEO優(yōu)化新用戶引導(dǎo)的策略和技巧。

    什么是空狀態(tài)

    對于許多APP而言，內(nèi)容是它的核心價值。無論是新聞類APP，還是效率類應(yīng)用，均是如此，因為對于用戶而言，絕大多數(shù)時候是為了內(nèi)容而使用引用。這樣一來，一開始使用的時候所面對的空狀態(tài)界面，就顯得至關(guān)重要了：當(dāng)用戶還沒有看到內(nèi)容也沒有內(nèi)容填充APP的時候，它將如何引導(dǎo)用戶完成從無到有的過程?

    對于默認(rèn)為空的狀態(tài)，或者僅僅只有基本默認(rèn)設(shè)定的設(shè)置界面，也非常適合引導(dǎo)新用戶熟悉產(chǎn)品。除了給用戶對內(nèi)容的期待之外，空狀態(tài)界面還適合教用戶使用APP。即使新用戶引導(dǎo)流程在這里被壓縮到一個步驟，它也能夠稱職地引導(dǎo)用戶做正確的事情。

    引導(dǎo)流程中空狀態(tài)的價值

    作為用戶首次使用所打開的界面，空狀態(tài)界面對于用戶熟悉產(chǎn)品有這毋庸置疑的價值。你應(yīng)該利用這個機會盡可能地吸引用戶，教育用戶。

    教育用戶

    首先，空狀態(tài)界面應(yīng)該幫助用戶了解上下文情況，讓用戶熟悉當(dāng)前的狀況，為什么會發(fā)生這樣的情況，安撫用戶的情緒。此時應(yīng)該這樣展現(xiàn)信息：向用戶展示界面有內(nèi)容時候的樣子，或者向他們告知此時應(yīng)該如何操作來獲取內(nèi)容。

    提供行動指示

    絕大多數(shù)空狀態(tài)界面會告訴你，為什么會遭遇這樣的情況。但是真正有效的空狀態(tài)，會告訴你下一步要做什么。教育你的用戶很重要，但是在用戶最初遭遇空狀態(tài)的時候，你要驅(qū)動他們前進(jìn)，前進(jìn)了才是初步的成功?？諣顟B(tài)界面就是最佳的起點，你可以通過設(shè)計來鼓勵用戶前進(jìn)。

    創(chuàng)造愉悅的體驗

    雖然絕大多數(shù)的APP都是功能性的(解決具體問題)，也是可用的(易于學(xué)習(xí)，易于使用)，同時它也應(yīng)該是令人愉悅的?？諣顟B(tài)是你的APP同用戶構(gòu)建起情感聯(lián)系、塑造個性的絕佳機會。

    如何設(shè)計絕佳的空狀態(tài)

    空狀態(tài)能夠吸引用戶，但是在產(chǎn)品和UI設(shè)計的過程中，常常會忽略它的這一屬性，甚至?xí)雎詫諣顟B(tài)的設(shè)計。因為在絕大多數(shù)時候，我們所設(shè)計的都是填充好內(nèi)容的界面，布局都被精心挑選的內(nèi)容塞滿了。但是，當(dāng)內(nèi)容還未來得及加入界面的時候，我們要如何展現(xiàn)界面呢?空狀態(tài)界面，其實是展現(xiàn)創(chuàng)造力和可用性的優(yōu)秀舞臺。

    避免走入死胡同

    當(dāng)用戶進(jìn)入空界面之后，發(fā)現(xiàn)整個交互和操作都走入了死胡同，不管怎么操作都無法改變現(xiàn)狀，這才是最糟糕的局面。且不說陷入這樣的僵局給用戶帶來的混亂感和無效的多余操作，它本身的不可用讓用戶對APP所產(chǎn)生的失望情緒，才是最致命的。

    空狀態(tài)本身內(nèi)容并不多，即使加上說明和指引，也應(yīng)該足夠簡單。將最重要的引導(dǎo)和說明突出展示，減少無關(guān)內(nèi)容，降低干擾。簡而言之，需要將清晰直觀的文案，和強引導(dǎo)性的視覺設(shè)計結(jié)合起來。下面iOS版 Dropbox 的離線文件空狀態(tài)界面，就非常值得學(xué)習(xí)，簡單清晰的文本加上有趣的插畫，讓用戶瞬間明白了這個功能如何使用。

    讓空狀態(tài)具備直覺性

    當(dāng)然，空狀態(tài)頁面要漂亮，但是它不僅僅要具備視覺美，它還需要恰到好處地讓用戶明白上下文場景。即使它只是新用戶引導(dǎo)的一個環(huán)節(jié)，你也要讓它的信息傳達(dá)價值最大化，比如告訴用戶如何讓界面狀態(tài)從空變?yōu)榉强铡?/p>

    下面以Google Photos 這個應(yīng)用為例簡單說明一下。作為Google的產(chǎn)品，它在視覺上做的相當(dāng)棒，精美的布局和漂亮的圖形都非常不錯。然而，它的空狀態(tài)并不足以幫助用戶了解上下文背景，也沒有回答下面的問題：

    ·合集(Collection)是什么？

    ·我如何能獲得一個合集？

    空狀態(tài)界面不應(yīng)該為用戶創(chuàng)造更多的問題，而是要盡量解決問題。告訴用戶當(dāng)前界面是什么，以及要如何獲得更多。

    強化個性

    個性化的設(shè)計讓你的APP更加令人難忘。雖然在空狀態(tài)界面中能呈現(xiàn)出的“個性”看起來并不多，但是即使是微小的個性化設(shè)計，都能讓你的界面看起來和同類產(chǎn)品截然不同，它會讓用戶從這里開始體會到你的產(chǎn)品的不同之處。你可以看看Khaylo Workout 是如何在空狀態(tài)界面中借助文案和插畫來體現(xiàn)個性的。

    鼓勵用戶操作

    你的首要目的是說服用戶做點什么。在空狀態(tài)界面中引導(dǎo)用戶交互，不僅僅是告訴他們?nèi)绾尾僮鳎€需要告訴他們這么做有什么好處。

    來看看 Facebook Massenger 的空狀態(tài)頁面吧，當(dāng)用戶抵達(dá)這一頁面的時候，頁面中萌翻的吉祥物會鼓勵用戶使用 Messenger 拍攝視頻和照片，并告訴他們有多少好友正在做同樣的事情，可以在此分享內(nèi)容。直接點擊安裝就可以解除這一空狀態(tài)。用戶在此可以選擇了解這一服務(wù)，也可以選擇直接安裝，無論是哪個導(dǎo)向，都是有利于開發(fā)者的。

    如果可能，提供個性化的內(nèi)容

    個性化的內(nèi)容服務(wù)本就是為了讓你的產(chǎn)品和用戶需求更好的匹配，而個性化的服務(wù)本身就是你的產(chǎn)品值得炫耀的價值所在。

    所以，當(dāng)用戶初次探索你的產(chǎn)品的時候，應(yīng)該可以根據(jù)他們登錄帳號或者其他的信息，為他們提供個性化的內(nèi)容推薦、定制服務(wù)。就像下面這個閱讀APP一樣，在空狀態(tài)頁面中為用戶提供推薦的圖書：

    在界面中注入情感

    空狀態(tài)還能為你展示你的產(chǎn)品富有人性的一面。積極的情緒刺激能夠讓你和用戶之間構(gòu)成情感聯(lián)系。想要在空狀態(tài)下呈現(xiàn)什么樣的感覺，傳達(dá)什么樣的感情，都取決于你的目的，你想要達(dá)成的目標(biāo)。作為一款社交軟件，Google Hangouts 的目的很明顯，是要引導(dǎo)用戶盡量分享、交流和溝通，所以它所傳遞的情感也更加社交化。

    當(dāng)然，這種采用負(fù)面情緒的空狀態(tài)是有風(fēng)險的，有些人會在這種情形下進(jìn)行更多社交行為以規(guī)避它，有的用戶則會討厭這種方式。但是沒關(guān)系，有情感反應(yīng)總比沒有來的好。

    鞏固交互

    當(dāng)用戶在空狀態(tài)界面的引導(dǎo)下，完成任務(wù)的時候，同用戶一起慶祝，告訴他們做的很好，是構(gòu)建情感聯(lián)系的可行方案。當(dāng)用戶達(dá)成任務(wù)的時候，你可以趁熱打鐵，讓用戶做更多，來維持狀態(tài)。

    比如在 Writeupp 這個應(yīng)用中，用戶需要達(dá)成列表中一系列任務(wù)。當(dāng)用戶完成全部任務(wù)之后，APP會給出“Well Done！”這樣的祝賀語。為了鞏固用戶的成就，APP會提供后續(xù)的步驟和任務(wù)，讓他們繼續(xù)前進(jìn)。

    結(jié)語

    當(dāng)你在設(shè)計UI的時候，空狀態(tài)頁面從來都不應(yīng)該是空的，它應(yīng)該作為用戶引導(dǎo)流程的一個起點，整個產(chǎn)品體驗的重要一環(huán)而存在，推動用戶前進(jìn)，是你的產(chǎn)品服務(wù)的重要入口。