設計中空白狀態(tài)也可以發(fā)揮作用

空白狀態(tài)（Blank Slate），是出現在動態(tài)資訊頁面中，當還沒有建立任何資料時的空白畫面，通常會顯示如「你還沒有任何照片」「你還沒有追蹤的朋友」等，但這看似是個很直覺的頁面設計，其實是個能夠與使用者對話的重要機會，也是個能夠誘導使用者跨出第一步，并且開始著迷于你有趣服務或程式的關鍵。

Blank notebook

想想看通常我們都會在這個空白頁面寫什么呢？最常見的就是「目前沒有訊息」或是「目前沒有上傳的照片」等，對于使用者來說可能不致于有反感的感覺，但跨出第一步總是門檻比較高，因此很多網路服務或應用程式，都會有很多使用者呈現幽靈狀態(tài)，在申請后就再也沒消沒息，或是保持潛水只看不產出內容，這當然可以有非常多的原因，但是我們所希望的，就是竭盡所能的誘導他們建立內容，因而與服務產生鏈結。

所以我們更不應該錯過這個良好的機會，因為空白狀態(tài)的頁面有可能就是你的使用者最后所看到的畫面，之后他們很有可能再也不會打開這個服務或是應用程式。 知名設計與工程師 Nathan Barry 在 Designing Web Application 中建議了三個空白狀態(tài)需要提供給使用者的資訊：

1.告訴使用者什么資料將會出現在這里（What）。
2.給使用者為什么他們想要在這里建立內容的理由（Why）。
3.要怎么建立內容（How）。

首先我們必須要清楚地告訴使用者，這個頁面所會出現的內容資訊是什么，常?？梢钥吹街伙@示個「空白（Empty）」或是「沒有資料（No data）」這種沒有注明內容名稱的方式，那底是沒有什么資訊？什么東西是空的呢？可能是朋友、照片、或是旅游記錄，但使用者無法馬上了解到此頁面的資訊型態(tài)，我們應該要清楚的提示內容的型態(tài)，例如 Evernote 與 Instagram App 就透過清楚的型態(tài)名稱（tags / friends）再加上圖示讓我們可以很快速的就明白我們將要建立的內容是什么。

除了文字與圖示的解說以外，還有另外一種快速讓使用者了解資訊內容的方式，就是讓他們直接體驗真實的資訊內容，或是一些范例資訊，而不需要憑空想像，例如 Evernote Food 與 Lift ：

Blank Slate

在了解資訊內容的形態(tài)以后，最好能提供使用者一個渴望建立內容的沖動或誘因，告訴他們使用了你的服務以后可以得到些什么？例如你因此可以認識更多的人、建立了標簽以后你可以更輕松的找到你要的資訊、或是你可以與客戶之間的往來更方便而節(jié)省時間與成本等，讓使用者產生目的性以及愿景（下圖為 FreshBooks 網路服務）。

Freshbooks

情緒性的言語表達或是圖示，有時候也是可以發(fā)揮作用的，例如 Vine （下圖）里面不開心的表情符號，就會讓人想趕快分享些什么東西。

當初 Facebook 在刪除使用者帳號的介面中，就透過了「你的朋友會想念你的」的文字加上照片，成功的攔阻了許多想要刪除 Facebook 帳號的網友們，我們也許可以用類似的方式如「你的朋友正在等待你分享的訊息呢！」加上朋友的圖片，來提高使用的意愿，人類的促發(fā)行為往往是察覺不到卻又有大大影響行為與結果的能力！

在最后，我們需要提供使用者一個簡單明了的建立方式（通常就是一個明顯的建立按鈕），我們?yōu)槭裁床焕贸湓５目瞻谞顟B(tài)的頁面，讓使用者可以直接在頁面中間輕松的點擊建立，而只顯示個「沒有資料」的文字訊息呢？

在 SoundCloud 中橘通通的錄音按鈕，就提供了一個很好的范例。而若是你的服務會有很多復雜的操作，尤其是有創(chuàng)新的使用方式時，Nathan 也建議可以將難以記住的教學步驟拆開來，與其一開始就把使用者搞的昏頭又記不著，不如分別顯示在空白狀態(tài)的頁面中，當你點擊到此頁面時，才解釋并且教你怎么使用。

空白狀態(tài)多半是在使用者剛開始使用的時候才會被看到，這時他們仍然對你的新產品保有些微的耐心，我們應該把握住這個能與使用者對話的珍貴機會，而不要讓使用者看完這個頁面后，腦中真的仍然保持「空白」的狀態(tài)。