空狀態(tài)作為一種頁面形式，通常被定義為頁面的特殊狀態(tài)。交互設(shè)計(jì)時空狀態(tài)多為最后的產(chǎn)出物，甚至是等到開發(fā)/QA詢問到邊界情況時才豁然發(fā)現(xiàn)速速補(bǔ)充的產(chǎn)物。產(chǎn)品迭代中它既不屬于功能新加、也不屬于bug修補(bǔ)，充其量是一種體驗(yàn)的優(yōu)化?；蛟S就是因?yàn)樗鼈儾⒉簧婕笆裁串a(chǎn)品邏輯才總是被我們所忽略遺忘。

空狀態(tài)，顧名思義就是指頁面的空白狀態(tài)。這個不難理解，譬如一些應(yīng)用，用戶首次打開時因?yàn)闆]有任何操作，頁面很可能就空空一片。空著并不是有什么錯，但這種體驗(yàn)真的不太好。就好比我費(fèi)勁巴拉想找個飯店跟妹子約會，跑到了一看門上竟然寫著“暫停營業(yè)”。

前段時間因?yàn)橐o產(chǎn)品做空狀態(tài)的頁面優(yōu)化，臭臉君借此機(jī)會總結(jié)一下我們在云音樂上對空狀態(tài)的處理方法。文章中的包含上線頁面和一些優(yōu)化方案。空狀態(tài)通常存在于三種狀態(tài)下：

首次使用——未操作

帶有UGC屬性的產(chǎn)品都或多或少都需要用戶自己創(chuàng)建內(nèi)容，當(dāng)新用戶首次下載打開APP后就很可能面臨眼前一片空白的慘狀。看上去貌似合情合理，但是否考慮過此時用戶最想得到的是什么呢？首次進(jìn)入一個有興趣卻不熟悉的APP，雖然大概知道它是做什么的，但并不意味著知道該怎么做。

就如同你在沒有做任何功課的狀態(tài)下，到一個陌生的地方去旅游，一張地圖、一個指引或者一個建議都會給你莫大的幫助和鼓勵。

刪除清空——主動操作

用戶主動清空或刪除通常都帶有某種目的，但也不排除因?yàn)檎`操作造成的損失。前一種情況因?yàn)橛脩裘鞔_知道自己做了什么，只要給予結(jié)果性的反饋即可。

Inbox給不同文件夾的清空狀態(tài)設(shè)計(jì)了不同的顏色，同時簡單明了的說明了每個文件夾對應(yīng)什么功能，什么文件將會顯示在這里。

畢竟因?yàn)檎`操而清空是一個小概率事件，所以大多應(yīng)用并沒有在此處做文章。

QQ音樂支持恢復(fù)一個月內(nèi)刪除的歌單和音樂，很用心地解決了這個小概率事件。越是概率小，對用戶產(chǎn)生的結(jié)果也越可能嚴(yán)重，試想當(dāng)你一個手抖不小心把經(jīng)營多時的歌單給刪了，看到此功能必會有種大難不死必有后福的快感。

異常、失敗——無法操作

出現(xiàn)異常情況時，原則上我們首先要盡可能減少用戶因不明緣由帶來的緊張和疑惑。簡單明了的說明情況讓用戶知曉狀況，如果能給予引導(dǎo)或幫助就更好不過了。

由這三種狀態(tài)我們便可以推導(dǎo)出對應(yīng)的感受：

• 第一印象
• 成功/錯誤操作后
• 不明緣由

用戶不斷嘗試大量的APP，但都在頭3-7天內(nèi)停止試用并作出選擇。對于那些“優(yōu)秀”的APP，大部分留存用戶在7天內(nèi)保持高活躍度。關(guān)鍵就是在這3-7天內(nèi)把用戶留住。

——Ankit Jain

有此便可以看出，在有限的時間里，只有將塑造形象、增進(jìn)情感的任務(wù)不斷提前才有可能把一個用戶真正留下。重視這些空頁面便成為一個不錯的切入口，畢竟人家跟第一印象有關(guān)系。

接下來開始說說我們在云音樂中的做法

1：系統(tǒng)推薦

既然空狀態(tài)的體驗(yàn)不好，最簡單的方法就是給空白的地方補(bǔ)一些東西。很多應(yīng)用，為了保證用戶進(jìn)入后有喜歡的內(nèi)容，會在首次使用時先做一些類似口味/喜好的選擇題，以此作為第一手資料來完成頁面內(nèi)容的填充。起初覺得這種做法挺討巧，動動指的功夫做做選擇總比給我顯示一堆不喜歡的內(nèi)容要來的親切，還能順便知道一下平臺內(nèi)容大概都會涉及到哪些方面。

時間一長當(dāng)發(fā)現(xiàn)太家都開始演習(xí)這個套路時，曾經(jīng)的歡喜儼然已成今日之乏味，我著急看內(nèi)容你卻非讓我做選擇。

線上產(chǎn)品

從來都是以人為本的我們當(dāng)然不會做這種強(qiáng)制性的操作啦。云音樂的發(fā)現(xiàn)tab下首個模塊就是以音樂口味著稱的“個性推薦”，在這里我們會根據(jù)用戶的聽歌數(shù)據(jù)計(jì)算出對應(yīng)的口味，從而實(shí)現(xiàn)千人千面的個性化內(nèi)容。

當(dāng)一個不具備口味數(shù)據(jù)的新用戶來到這里，我們會從多個維度去計(jì)算從而推薦時下最流行、最熱門的內(nèi)容，用戶的任何一次操作都將成為我們數(shù)據(jù)采集的一部分。當(dāng)然，如果你想更快速的表達(dá)自己的喜好，也可以通過頂部的口味入口選擇自己的音樂標(biāo)簽。

線上產(chǎn)品

朋友模塊是我們社交的主戰(zhàn)場，這種純用來互動的功能很極端。如果社區(qū)氛圍好、用戶足夠活躍，將很大程度提升用戶對產(chǎn)品的粘性，反之就會成為產(chǎn)品的雞肋。尤其是沒好友沒內(nèi)容時，慘淡的景象都對不起這占據(jù)的地理位置。

無內(nèi)容或內(nèi)容較少時，系統(tǒng)會根據(jù)用戶的聽歌口味、綁定的微博/手機(jī)通訊錄好友、熱門內(nèi)容進(jìn)行推薦。既可以通過感興趣的人發(fā)現(xiàn)感興趣的內(nèi)容，也可以通過感興趣的內(nèi)容進(jìn)而找到志同道合的朋友。

2：引導(dǎo)

信息瀏覽型的頁面可以通過系統(tǒng)推薦來形成內(nèi)容，但與用戶歸屬強(qiáng)相關(guān)的信息就不適合這種方法?！拔业囊魳贰眛ab下的內(nèi)容就與用戶選擇性操作有緊密的關(guān)系，譬如用戶沒有創(chuàng)建/收藏任何歌單的情況下，歌單模塊區(qū)當(dāng)然就只能空著嘍。

雖然歌單一直以來都是我們產(chǎn)品的功能特色，也被很多應(yīng)用借鑒模仿。但你不能把自己習(xí)以為常的事情當(dāng)做是新用戶與生俱來的認(rèn)知，畢竟沒幾個人是做好功課才來用APP的。

概念方案

在創(chuàng)建的歌單模塊下放置一個“新建歌單”入口，意義在于

1. 告知用戶什么信息將會出現(xiàn)在這里
2. 向用戶傳達(dá)歌單的理念
3. 灰色小字補(bǔ)充信息進(jìn)一步對概念進(jìn)行了說明

當(dāng)用戶通過引導(dǎo)嘗試性的創(chuàng)建了一個屬于自己的歌單，入口便會消失且自動出現(xiàn)“更多”下拉浮層，引導(dǎo)用戶在這里新建/管理歌單。

3：頁面緩存

將之前加載好的頁面內(nèi)容存儲下來，再次進(jìn)入時先展示這部分內(nèi)容。這種方法很簡單也很實(shí)用，只要技術(shù)做個處理就OK，以至于早已成為大家所慣用的處理手段。

4：轉(zhuǎn)移目標(biāo)

線上方案

默認(rèn)情況下打開APP會進(jìn)入“發(fā)現(xiàn)音樂”，用戶可以消費(fèi)當(dāng)前平臺最新的資源。然而網(wǎng)絡(luò)異常情況下，“發(fā)現(xiàn)音樂”的流程已經(jīng)不能再進(jìn)行下去，就算設(shè)計(jì)再漂亮的異常頁面也不能抵消用戶心中的挫敗感。此時進(jìn)入后會toast提示無網(wǎng)絡(luò)可用，且自動切換到“我的音樂”，轉(zhuǎn)移探索音樂的流程，引導(dǎo)用戶去消費(fèi)已存在的內(nèi)容。

?5：情感表達(dá)

“高逼格”、“性冷淡”一直是我們的調(diào)調(diào)，因此線上的做法相對中規(guī)中矩。那就放幾個我認(rèn)為不錯的例子吧，對于臭臉君這樣心思細(xì)膩的人來說，一個暖心的配圖一句貼心的文案都能讓小心臟顫抖半天。

洋洋灑灑寫了這么多，最后的最后臭臉君想勉勵督促一下自己，不要小看任何的細(xì)節(jié)，在這個“人無我有，明天他立即有”的天下，功能早已不再是產(chǎn)品的瓶頸，“人有我優(yōu)”才是制勝的根本。怎么“優(yōu)”就涉及到體驗(yàn)的方方面面，理解用戶、理解心理和人性也是一門必備的修行。

本文由網(wǎng)易云音樂交互設(shè)計(jì)師 @任軼（微信公眾號：臭臉任的慢生活） 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?，未經(jīng)許可，禁止轉(zhuǎn)載。