網(wǎng)易云音樂(lè)對(duì)空狀態(tài)的處理方法

14 評(píng)論 16861 瀏覽 165 收藏 11 分鐘

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

空狀態(tài),顧名思義就是指頁(yè)面的空白狀態(tài)。這個(gè)不難理解,譬如一些應(yīng)用,用戶首次打開(kāi)時(shí)因?yàn)闆](méi)有任何操作,頁(yè)面很可能就空空一片??罩⒉皇怯惺裁村e(cuò),但這種體驗(yàn)真的不太好。就好比我費(fèi)勁巴拉想找個(gè)飯店跟妹子約會(huì),跑到了一看門上竟然寫著“暫停營(yíng)業(yè)”。

前段時(shí)間因?yàn)橐o產(chǎn)品做空狀態(tài)的頁(yè)面優(yōu)化,臭臉君借此機(jī)會(huì)總結(jié)一下我們?cè)谠埔魳?lè)上對(duì)空狀態(tài)的處理方法。文章中的包含上線頁(yè)面和一些優(yōu)化方案??諣顟B(tài)通常存在于三種狀態(tài)下:

首次使用——未操作

帶有UGC屬性的產(chǎn)品都或多或少都需要用戶自己創(chuàng)建內(nèi)容,當(dāng)新用戶首次下載打開(kāi)APP后就很可能面臨眼前一片空白的慘狀??瓷先ッ菜坪锨楹侠?,但是否考慮過(guò)此時(shí)用戶最想得到的是什么呢?首次進(jìn)入一個(gè)有興趣卻不熟悉的APP,雖然大概知道它是做什么的,但并不意味著知道該怎么做。

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

刪除清空——主動(dòng)操作

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

552634701037331281 副本副本
Inbox給不同文件夾的清空狀態(tài)設(shè)計(jì)了不同的顏色,同時(shí)簡(jiǎn)單明了的說(shuō)明了每個(gè)文件夾對(duì)應(yīng)什么功能,什么文件將會(huì)顯示在這里。

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

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

異常、失敗——無(wú)法操作

未命名

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

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

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

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

——Ankit Jain

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

接下來(lái)開(kāi)始說(shuō)說(shuō)我們?cè)谠埔魳?lè)中的做法

1:系統(tǒng)推薦

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

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

【發(fā)現(xiàn)】個(gè)性推薦入口_ip5_20150917 副本

線上產(chǎn)品

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

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

【發(fā)現(xiàn)】個(gè)性推薦入口_ip5_201

線上產(chǎn)品

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

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

2:引導(dǎo)

信息瀏覽型的頁(yè)面可以通過(guò)系統(tǒng)推薦來(lái)形成內(nèi)容,但與用戶歸屬?gòu)?qiáng)相關(guān)的信息就不適合這種方法。“我的音樂(lè)”tab下的內(nèi)容就與用戶選擇性操作有緊密的關(guān)系,譬如用戶沒(méi)有創(chuàng)建/收藏任何歌單的情況下,歌單模塊區(qū)當(dāng)然就只能空著嘍。

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

【發(fā)現(xiàn)】個(gè)性推薦入口_ip5概念方案

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

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

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

3:頁(yè)面緩存

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

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

說(shuō)的

線上方案

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

?5:情感表達(dá)

29c49295751ac7ca395f313b0c368f62a330368232af1-oLLIuJ_fw658 副本

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

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

 

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 我是一名網(wǎng)易云音樂(lè)的用戶,也是一名UI設(shè)計(jì)者,從用戶體驗(yàn)上講講,我覺(jué)得,網(wǎng)音一定要堅(jiān)守他的初心,它是一款音樂(lè)軟件

    來(lái)自北京 回復(fù)
    1. 贊同 現(xiàn)在增加了視頻版塊等 簡(jiǎn)直就像一個(gè)微博。。。

      來(lái)自湖北 回復(fù)
  2. 剛才嘗試了點(diǎn)進(jìn)去看了下試了下“飛行模式”,其中有2個(gè)是無(wú)法點(diǎn)擊的“我的電臺(tái)”“我的歌手”“最近播放”中所有歌單為灰色,但是在打開(kāi)后一些歌曲已緩存本地,個(gè)人看法:在無(wú)網(wǎng)絡(luò)模式下“飛行模式”添加一項(xiàng)“可聽(tīng)音樂(lè)”并直接引導(dǎo)進(jìn)去,其中分兩個(gè)TAB“下載歌曲”“緩存歌曲”。 ?? ?? 這樣會(huì)不會(huì)更好?

    來(lái)自上海 回復(fù)
    1. 是的,我們現(xiàn)在只做了開(kāi)啟時(shí)的網(wǎng)絡(luò)判斷,對(duì)進(jìn)行中網(wǎng)絡(luò)切換的引導(dǎo)尚缺乏。
      感謝留言
      可以關(guān)注微信公眾號(hào):臭臉任的慢生活
      定期更新原創(chuàng)設(shè)計(jì)相關(guān)文章,期待多多交流~

      來(lái)自浙江 回復(fù)
    2. 發(fā)現(xiàn)了很多好音樂(lè),加油! ??

      來(lái)自上海 回復(fù)
  3. 截圖好像是老的云音樂(lè)

    回復(fù)
    1. 是最新的哦~

      來(lái)自浙江 回復(fù)
  4. ?? 個(gè)人體驗(yàn)后的一些感受,要加強(qiáng)用戶在聽(tīng)歌時(shí)去評(píng)論的習(xí)慣和關(guān)注他人的習(xí)慣,添加關(guān)注頁(yè)面里可以加入朋友推薦,通過(guò)后臺(tái)數(shù)據(jù)來(lái)選擇經(jīng)常聽(tīng)同類型歌曲的用戶進(jìn)行相互推薦,而且在認(rèn)識(shí)的人頁(yè)面里有有很多人都是連頭像都沒(méi)有設(shè)置的,這表明他們都是留存率和粘性很低的用戶,應(yīng)該有意識(shí)的去引導(dǎo)他們完善自己的資料,好像完善資料有積分獎(jiǎng)勵(lì),這對(duì)于大多數(shù)用戶沒(méi)有吸引力,或許可以改為贈(zèng)送幾首原本需要付費(fèi)才能下載的無(wú)損音質(zhì)歌曲,最好在新用戶第一次使用時(shí)有文字提示。
    要讓用戶主動(dòng)關(guān)注自己通訊錄里的朋友,比如可以在新用戶打開(kāi)朋友頁(yè)面的時(shí)候跳出提示“快來(lái)看看你的朋友們都在聽(tīng)什么歌曲吧”,可以增加對(duì)認(rèn)識(shí)的人一鍵關(guān)注功能,方便且快捷的擴(kuò)大用戶聯(lián)系。同時(shí)應(yīng)該加強(qiáng)關(guān)注后的特殊性,要加入一個(gè)專門更新關(guān)注者動(dòng)態(tài)的頁(yè)面,對(duì)于關(guān)注者的動(dòng)態(tài)不僅僅局限于分享的心情和音樂(lè)還應(yīng)該有他對(duì)歌曲的評(píng)論,甚至還能在點(diǎn)開(kāi)他的個(gè)人頁(yè)面里顯示他正在聽(tīng)的歌(如果他正在使用的話)。

    來(lái)自福建 回復(fù)
    1. 感謝留言,給了我很多啟發(fā)
      關(guān)于第一點(diǎn)建議我很贊同,不過(guò)對(duì)于連頭像都沒(méi)有的新/低級(jí)用戶是否有下載付費(fèi)音樂(lè)的需求還需我們平臺(tái)再深入思考一下。
      關(guān)于第二點(diǎn),其實(shí)我的理解是強(qiáng)關(guān)系對(duì)于音樂(lè)是否真的有效,一個(gè)生活中的伙伴如果與你口味并不相同,你真的會(huì)關(guān)心他喜歡聽(tīng)什么歌嘛。不過(guò)這也是我們一直在探索的問(wèn)題~

      可以關(guān)注微信公眾號(hào):臭臉任的慢生活
      定期更新原創(chuàng)設(shè)計(jì)相關(guān)文章,期待多多交流~

      來(lái)自浙江 回復(fù)
  5. 可以關(guān)注微信公眾號(hào):臭臉任的慢生活
    定期更新原創(chuàng)設(shè)計(jì)相關(guān)文章,期待多多交流~

    來(lái)自浙江 回復(fù)
  6. 細(xì)節(jié)決定成敗,很不錯(cuò),學(xué)習(xí)了

    來(lái)自北京 回復(fù)
    1. 感謝親的留言
      可以關(guān)注微信公眾號(hào):臭臉任的慢生活
      定期更新原創(chuàng)設(shè)計(jì)相關(guān)文章,期待多多交流~

      來(lái)自浙江 回復(fù)
  7. 比較人性化,可以

    回復(fù)
    1. 感謝留言
      可以關(guān)注微信公眾號(hào):臭臉任的慢生活
      定期更新原創(chuàng)設(shè)計(jì)相關(guān)文章,期待多多交流~

      來(lái)自浙江 回復(fù)