千萬不要忽略空白狀態(tài)頁面的重要性，它是用戶設(shè)計(jì)體驗(yàn)中的一部分，對(duì)用戶的留存至關(guān)重要。

空白狀態(tài)產(chǎn)生的原因

「空白狀態(tài)」，英文 Empty State，通常是指 App 或者網(wǎng)頁上沒有任何數(shù)據(jù)顯示時(shí)所呈現(xiàn)的狀態(tài)，它產(chǎn)生的原因可能是以下 3 種：

首次登錄

用戶首次啟動(dòng)該 App 或網(wǎng)頁，并完成注冊(cè)后顯示的頁面。

第一次使用Gmail ，完成注冊(cè)后顯示的「空白狀態(tài)」示例

錯(cuò)誤頁面

這時(shí)候往往是用戶遇到了問題，比較常見的狀態(tài)是「404頁面」、「網(wǎng)絡(luò)中斷」。

Eventbrite 產(chǎn)生錯(cuò)誤時(shí)候顯示的頁面

內(nèi)容清空

內(nèi)容被用戶清空或沒有添加任何數(shù)據(jù)時(shí)所顯示的頁面狀態(tài)。

「還沒有添加任何項(xiàng)目，點(diǎn)擊+號(hào)開啟吧！」

通常我們會(huì)對(duì)有大量?jī)?nèi)容和數(shù)據(jù)的頁面進(jìn)行精心設(shè)計(jì)，空白狀態(tài)則是常常容易被忽視的一部分。然而，空白狀態(tài)對(duì)于留存用戶、提升用戶活躍度起著至關(guān)重要的作用。

空白狀態(tài)的作用

空白狀態(tài)的作用不僅僅是裝飾那么簡(jiǎn)單。它不僅應(yīng)該告訴用戶這個(gè)頁面是什么，作為引導(dǎo)流暢用戶體驗(yàn)的一部分，它還需要告訴用戶下一步該怎么操作。

一個(gè)合格的「空白狀態(tài)」引導(dǎo)頁面，至少需要滿足以下任意一個(gè)條件：

• 能夠幫助和培育用戶正確使用你的產(chǎn)品
• 能夠引導(dǎo)用戶，提示用戶進(jìn)行下一步的正確操作
• 能夠給用戶帶來愉悅感

數(shù)據(jù)表明，平均每個(gè)應(yīng)用會(huì)在安裝后的 3 天之內(nèi)流失掉 77% 的日活躍用戶。一個(gè)月之內(nèi)，這個(gè)數(shù)字幾乎達(dá)到了 80%。這么低的留存率真的是因?yàn)閼?yīng)用不夠好么？

不完全是。

「試用期」間，你的產(chǎn)品是否獲得用戶的青睞是留存用戶成功的關(guān)鍵。

真實(shí)情況是，用戶會(huì)同時(shí)下載市面上的多款同類應(yīng)用，之后就會(huì)選擇其中最好用的一款，而刪掉其他的。而在這個(gè)「試用期」間，你的產(chǎn)品是否獲得用戶的青睞是留存用戶成功的關(guān)鍵。

想要獲得用戶的青睞，第一眼印象很重要，這個(gè)時(shí)候，當(dāng)用戶注冊(cè)完畢后，呈現(xiàn)的空白狀態(tài)頁面的重要性就凸顯出來了。

在這個(gè)用戶初始登錄頁，應(yīng)該盡可能地引導(dǎo)用戶嘗試產(chǎn)品的各種功能，最好是喜歡上你的應(yīng)用。而在這之前，需要做的就是，讓用戶在第一次使用的時(shí)候就喜歡上你的應(yīng)用。

「空白狀態(tài)」的一個(gè)基本作用是順利引導(dǎo)用戶創(chuàng)建內(nèi)容

「空白狀態(tài)」的一個(gè)基本作用是順利引導(dǎo)用戶創(chuàng)建內(nèi)容，以簡(jiǎn)明扼要的文字、標(biāo)識(shí)告訴用戶是什么，如何創(chuàng)建內(nèi)容，創(chuàng)建內(nèi)容后有哪些好處。第一次使用的用戶如果能很快上手使用這個(gè)產(chǎn)品的功能，才有可能成為回頭客。

錯(cuò)誤示例，使用墨刀第一次登錄頁面時(shí)，沒有任何提示和幫助引導(dǎo)，可能會(huì)讓新用戶感到不知所措。

正確示例，使用墨刀第一次登錄頁面時(shí)，增加了引導(dǎo)性提示，告訴用戶進(jìn)行下一步操作，引導(dǎo)用戶創(chuàng)建第一個(gè)應(yīng)用。

錯(cuò)誤頁面的「空白狀態(tài)」，應(yīng)該為用戶帶來有用的提示信息

在發(fā)生錯(cuò)誤的時(shí)候，「空白狀態(tài)」頁面應(yīng)該能夠?yàn)橛脩魩碛杏玫男畔ⅰＤ阌龅搅耸裁磫栴}，為什么會(huì)遇到這個(gè)問題，以及給與提示要如何解決這個(gè)問題，引導(dǎo)用戶進(jìn)行下一步操作。

錯(cuò)誤示例，Spotify 操作出現(xiàn)錯(cuò)誤時(shí)顯示的空白狀態(tài)，只顯示錯(cuò)誤發(fā)生了，然而對(duì)于用戶來說，這沒有任何幫助。

正確示例，Azendoo錯(cuò)誤出現(xiàn)時(shí)展示的「空白狀態(tài)」頁面，這個(gè)頁面不僅告訴用戶掉線了，而且提供了有用的建議。

促使用戶響應(yīng)行為召喚，促成轉(zhuǎn)化

你還可以把空白狀態(tài)頁面看成是一個(gè)微型的登錄頁面。優(yōu)秀的登錄頁面首先設(shè)計(jì)上是簡(jiǎn)潔的，其次是提供具體的功能信息，并促使用戶響應(yīng)行為召喚，進(jìn)行下一個(gè)動(dòng)作。

為此，你必須：

激勵(lì)你的用戶：用勸導(dǎo)性的語氣和設(shè)計(jì)，比如：「了解更多，現(xiàn)在就開始吧！」這樣的語句。

告訴用戶進(jìn)行下一步操作的好處：提醒用戶使用了這個(gè)功能可以達(dá)成怎樣的結(jié)果，這個(gè)功能有什么益處

使用行為召喚的按鈕引導(dǎo)用戶開始操作之旅

使用「行為召喚」(call to action)按鈕，以適當(dāng)?shù)牟僮饕龑?dǎo)用戶離開空白狀態(tài)的頁面，進(jìn)行下一步更有意義的操作：

給用戶帶來愉悅的驚喜，錦上添花之舉

「空白狀態(tài)」除了告訴用戶這個(gè)頁面是什么，如何進(jìn)行下一步操作之外，如果還能讓用戶感覺到有趣好玩，帶來愉悅的驚喜，能讓用戶感受到你的產(chǎn)品有那么一點(diǎn)點(diǎn)不一樣，就會(huì)給用戶留下深刻的印象。

Google Hangouts?，「空白狀態(tài)」頁面上展示了一個(gè)孤獨(dú)的淚人兒的畫面，沒有邀請(qǐng)是一件讓人悲傷的事情;(

觀察以下這些應(yīng)用的空白狀態(tài)頁面，通常包含以下這些特點(diǎn)?

• 品牌展示（以一種有趣的方式差異化自己的產(chǎn)品）
• 有一種幽默感，給人愉悅感，（使用了情感元素，給用戶帶來意外的驚喜）
• 展示品牌或產(chǎn)品人性化的一面

如何利用「空白狀態(tài)」提升用戶留存率？

總結(jié)下來，就是以下幾個(gè)要點(diǎn)：

• 空白狀態(tài)的設(shè)計(jì)，簡(jiǎn)潔明了，用戶一眼就能看出要做什么
• 視覺上保持簡(jiǎn)潔，通常簡(jiǎn)潔明了的文案+不錯(cuò)的圖標(biāo)或者有趣的插畫 + 一個(gè)CTA按鈕即可
• 最好一個(gè)頁面呈現(xiàn)完畢，文字不用太多，呈現(xiàn)的內(nèi)容太多可用圖片或動(dòng)畫代替
• 聯(lián)結(jié)產(chǎn)品/服務(wù)的功能和人類的情感，傳達(dá)產(chǎn)品和品牌的個(gè)性，讓用戶產(chǎn)生愉悅感，更加能記住你的產(chǎn)品。
• 最高境界是好的「空白狀態(tài)」頁面設(shè)計(jì)幾乎讓用戶感受不到它的存在，覺得它本來就應(yīng)該在那里，像一個(gè)方向?qū)Ш絻x，引導(dǎo)用戶走出「網(wǎng)絡(luò)荒原」。

總之，千萬不要忽略空白狀態(tài)頁面的重要性，它是用戶設(shè)計(jì)體驗(yàn)中的一部分，對(duì)用戶的留存至關(guān)重要。

作者：周亞政（微信號(hào)modaoapp），墨刀運(yùn)營。

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