最近在網(wǎng)盤里找到幾篇舊文，整個(gè)上半年在忙碌的工作和學(xué)習(xí)中匆匆地過(guò)去了，只顧著向前沖，卻沒(méi)有足夠的機(jī)會(huì)反思。
現(xiàn)在想貼出來(lái)一方面可能對(duì)工作會(huì)有些啟發(fā)，另一方面是想督促自己在工作之余多去研究不同領(lǐng)域的優(yōu)秀App，多積累，并記錄研究結(jié)果——當(dāng)然，也包括已經(jīng)研究過(guò)的。
就是這樣，所以可能有些圖片已經(jīng)是舊版的了，分析也比較淺顯。但是不重要，重要的是對(duì)我有什么啟發(fā)。
分析對(duì)象：喜馬拉雅FM
參考競(jìng)品：荔枝FM、蜻蜓FM
選擇理由：平時(shí)喜歡在碎片時(shí)間聽聽FM，可以讓耳朵不太寂寞，還能漲知識(shí)。最早使用的是荔枝FM，因?yàn)橘Y源的偏好現(xiàn)在改用喜馬拉雅FM了。
荔枝FM更偏向于原創(chuàng)資源，官網(wǎng)在百度搜索結(jié)果上有條slogan是“人人都是播客”，可見其清晰的定位。
而喜馬拉雅FM的資源更廣泛、更豐富，甚至還有名人的脫口秀和公開課等收費(fèi)資源，與荔枝FM在定位上有所不同，但功能相似。
蜻蜓FM幾年前使用過(guò)，最早是一款收聽世界各地廣播的APP，資源上傾向于傳統(tǒng)FM?，F(xiàn)在明星主播、個(gè)人主播的資源也多了起來(lái)。頁(yè)面內(nèi)的布局和喜馬拉雅比較相似，但細(xì)節(jié)功能卻有較大差異。
使用設(shè)備：iPhone7
一.快捷播放入口
音頻類的APP大都會(huì)在首頁(yè)有一個(gè)入口，展示我正在聽的內(nèi)容。只是形式各不相同。請(qǐng)看下圖左圖是喜馬拉雅FM首頁(yè)的展示方式，圓形的類似光盤封面的圖片可以讓用戶知道當(dāng)前播放的大致是哪個(gè)音頻，點(diǎn)擊后從底部滑出詳情頁(yè)面并同時(shí)繼續(xù)播放。在用戶瀏覽應(yīng)用內(nèi)其他頁(yè)面時(shí)（如：不同的頻道頁(yè)、專輯頁(yè)、搜索結(jié)果頁(yè)等）也會(huì)一直存在(見右圖)，讓用戶能隨時(shí)進(jìn)入正在播放的這個(gè)音頻的詳情頁(yè)。用戶正在播放時(shí)，就不會(huì)出現(xiàn)播放或暫停的圖標(biāo)，只有一個(gè)圓形圖片，這樣和呼出詳情頁(yè)的操作避免了沖突，用戶不會(huì)不小心把音頻關(guān)閉。
還有，當(dāng)?shù)谝淮芜M(jìn)入喜馬拉雅時(shí)，如果有正在聽的音頻，界面就會(huì)像下圖（左圖）一樣出現(xiàn)一個(gè)橙色的提示，讓用戶清晰的看到。5-6秒后就消失，不再影響用戶瀏覽頁(yè)面。
優(yōu)點(diǎn)：
（1）首次進(jìn)入時(shí)，方便用戶了解離開前聽的內(nèi)容，并選擇繼續(xù)聽還是找別的音頻；
（2）瀏覽頁(yè)面時(shí)，讓用戶隨時(shí)可以進(jìn)入詳情頁(yè)進(jìn)行相關(guān)操作。
（3）提示清晰明確。
（4）凸顯了它作為核心功能的地位
缺點(diǎn)：
在瀏覽其他頁(yè)面時(shí)對(duì)頁(yè)面內(nèi)容有遮擋，尤其是達(dá)到頁(yè)面最底下時(shí)，不得不在底部留出更多的空白來(lái)防止它遮擋頁(yè)面內(nèi)容。
其他應(yīng)用：
荔枝FM（左圖）是放置在右下角，沒(méi)有播放按鈕。點(diǎn)擊后從底部滑出播放列表，再點(diǎn)擊播放按鈕開始播放。同樣在瀏覽應(yīng)用內(nèi)其他頁(yè)面時(shí)都會(huì)存在。
優(yōu)點(diǎn)：
荔枝FM和喜馬拉雅的結(jié)構(gòu)不同，所有內(nèi)容分別收納在了頂部的4個(gè)導(dǎo)航條目里，沒(méi)有在底欄放置其他入口的需要，所以這種形式一定程度上節(jié)省了空間，騰出更多的空間給頁(yè)面內(nèi)容。而且放置右邊而不是中間，對(duì)用戶瀏覽頁(yè)面的影響更小。
缺點(diǎn)：
（1）同喜馬拉雅一樣，對(duì)頁(yè)面底部（主要是右下角）的內(nèi)容會(huì)有遮擋。并且沒(méi)有像喜馬拉雅一樣空出足夠的空白來(lái)防止遮擋。
（2）沒(méi)有提示，在頁(yè)面圖片顏色較復(fù)雜時(shí)難以清楚的看到。
（3）點(diǎn)擊呼出列表頁(yè)面后還要再點(diǎn)擊一次播放才會(huì)開始播放，與喜馬拉雅相比用戶的操作多了一步。
蜻蜓FM（右圖）是長(zhǎng)條形的，類似PC上音樂(lè)播放器的迷你模式。把列表、暫定、歷史等功能也放在了上面，點(diǎn)擊非按鈕的地方進(jìn)入音頻播放界面，點(diǎn)擊列表則顯示該音頻所在的專輯列表。同樣在瀏覽應(yīng)用內(nèi)大部分頁(yè)面時(shí)也都會(huì)存在
優(yōu)點(diǎn)：
（1）不會(huì)遮擋到當(dāng)前瀏覽的內(nèi)容
（2）標(biāo)題比圖片更直觀、放置的功能較完善，用戶操作起來(lái)比較方便。
缺點(diǎn)：
視覺(jué)上有點(diǎn)樸素，功能較分散，缺乏吸引力，容易被忽視。
二.搜索
下圖是喜馬拉雅FM的搜索流程：點(diǎn)擊首頁(yè)頂部的搜索框進(jìn)入搜索頁(yè)面并滑出搜索鍵盤，然后輸入關(guān)鍵詞，自動(dòng)出現(xiàn)搜索結(jié)果。前兩個(gè)是具體的專輯，末尾標(biāo)有其所在類目。第三行及之后顯示的都是關(guān)鍵詞。
點(diǎn)擊某個(gè)關(guān)鍵詞或輸入完整關(guān)鍵詞并搜索后，進(jìn)入搜索結(jié)果頁(yè)，搜索結(jié)果頁(yè)由“專輯”、“聲音”、“主播”等欄目垂直排布，可以通過(guò)搜索框下面的tab或者點(diǎn)擊“全部1318張專輯”進(jìn)入專輯的搜索結(jié)果頁(yè)，其他類目同樣的操作方式。在專輯的搜索結(jié)果頁(yè)，還可以按相關(guān)度、播放量、最新上傳進(jìn)行排序。
優(yōu)點(diǎn)：
（1）首頁(yè)的搜索框可以放一些推廣文案，對(duì)于喜馬拉雅這樣商業(yè)資源較多的網(wǎng)站，這是一種不太會(huì)引起用戶反感的推廣方式。用戶進(jìn)入搜索頁(yè)面時(shí)，搜索框內(nèi)有灰色的推廣文案，例如“樂(lè)嘉性格色彩讀心術(shù)”，用戶不輸入任何關(guān)鍵詞直接點(diǎn)搜索的話，就會(huì)以此為關(guān)鍵詞進(jìn)行搜索。
（2）搜索頁(yè)面分為“你搜過(guò)的”和“大家都在搜”兩塊模塊，“你搜過(guò)的”控制在2行，所以即使有鍵盤滑出的時(shí)候，也不會(huì)遮擋到“大家都在搜”，讓用戶時(shí)刻可以看到熱門的關(guān)鍵詞，重點(diǎn)推薦的關(guān)鍵詞或活動(dòng)標(biāo)簽用了喜馬拉雅特有的紅色標(biāo)出（如下圖的“圣誕大直播”），非常顯眼，可以吸引用戶點(diǎn)擊。
（3）在用戶輸入時(shí)就即時(shí)顯示相關(guān)關(guān)鍵詞，使用戶的操作更便捷，因?yàn)樵谝苿?dòng)設(shè)備上，打字并不是一件很方便的事。
（4）輸入關(guān)鍵詞時(shí)會(huì)有推薦的專輯并標(biāo)示了是哪個(gè)類目的，比較直觀。如果用戶的關(guān)鍵詞比較精確，就能立即找到目標(biāo)。(相對(duì)荔枝FM只有關(guān)鍵詞來(lái)說(shuō))
（5）搜索結(jié)果頁(yè)詳細(xì)標(biāo)示了“專輯”、“聲音”、“主播”等的數(shù)量，對(duì)于資源量比較大的網(wǎng)站來(lái)說(shuō)，細(xì)致的分類和數(shù)量的顯示能讓用戶對(duì)自己的搜索結(jié)果有更了如指掌。可按相關(guān)度、播放量、最新上傳進(jìn)行排序，便于用戶快速找到自己的目標(biāo)。
缺點(diǎn)：
（1）如優(yōu)點(diǎn)第一條所說(shuō)的首頁(yè)搜索框內(nèi)的推廣文案其實(shí)并沒(méi)有發(fā)揮最大的效用。首頁(yè)的推廣文案和搜索頁(yè)的推廣文案有時(shí)候會(huì)不一致。這就導(dǎo)致了用戶如果對(duì)首頁(yè)的文案比較有興趣時(shí)，進(jìn)入搜索頁(yè)還得重新輸入，而這也并不一定是用戶本身最想搜索的內(nèi)容，所以進(jìn)入搜索頁(yè)后很有可能會(huì)忘記首頁(yè)的推廣內(nèi)容，體驗(yàn)上有斷層。
（2）相比蜻蜓FM，多了一步。蜻蜓FM輸入的時(shí)候就能顯示如上圖第四步所示的搜索結(jié)果頁(yè)，效率更高。而喜馬拉雅FM多了第三步（顯示更多關(guān)鍵詞）這步，略為多余，尤其是修改關(guān)鍵詞的時(shí)候，還要再?gòu)牡谌阶叩降谒牟?，而蜻蜓FM則即改即搜，非常快速。雖然說(shuō)關(guān)鍵詞一次性能夠顯示的較多，而搜索結(jié)果頁(yè)去掉被鍵盤遮擋的部分只能看到3個(gè)專輯名而已，但是用戶只要向上一劃就能看到更多的結(jié)果，還是比只是提供更多的、也不一定精準(zhǔn)的關(guān)鍵詞來(lái)得有效。雖然關(guān)鍵詞加載比完整結(jié)果加載要快速，但是在wifi和4G普及的當(dāng)今，優(yōu)勢(shì)仍然不是很明顯。
其他應(yīng)用：
荔枝FM是在主頁(yè)左上角有一個(gè)搜索圖標(biāo)，點(diǎn)擊后進(jìn)入搜索界面并滑出搜索鍵盤，輸入時(shí)候出現(xiàn)關(guān)鍵詞列表，點(diǎn)擊搜索，出現(xiàn)搜索結(jié)果，這里只有“播客”和“節(jié)目”兩個(gè)欄目。
優(yōu)點(diǎn)：
（1）首頁(yè)的入口不是搜索框而是圖標(biāo)，可以放置在導(dǎo)航的同一行，節(jié)省了頁(yè)面頭部的空間，把更多空間留給內(nèi)容。
（2）比較簡(jiǎn)潔，只有播客和節(jié)目?jī)深?，因此留給用戶的選擇較少，更清晰明了。“播客”里用標(biāo)簽的形式標(biāo)示了每個(gè)節(jié)目的分類，還有認(rèn)證信息，例如圖片上的“V”字圓形圖標(biāo)，就是“荔枝FM出品”，這些信息可以幫助用戶做出更貼切心理預(yù)期的選擇，例如我想聽3D環(huán)繞的靈異故事，那么圖片上的這幾類（電音、純音樂(lè)、流行、ACG音樂(lè)）都不是我想要的，而“鬼故事”的標(biāo)簽才是我想要的。
缺點(diǎn)：
搜索頁(yè)面的“大家都在搜”（見下面左圖）用的是列表的形式，總共顯示10條，但大部分會(huì)被鍵盤擋掉，荔枝對(duì)“歷史搜索記錄”也有限制，但是當(dāng)關(guān)鍵詞達(dá)到4行時(shí)，“大家都在搜”也只能看到Top1、Top2的熱門搜索了，有點(diǎn)浪費(fèi)。
蜻蜓FM和喜馬拉雅相似，省了一步輸入顯示關(guān)鍵詞的步驟。
優(yōu)點(diǎn)：
輸入時(shí)就可加載出搜索結(jié)果，效率非常高。即使變更關(guān)鍵詞也會(huì)立即刷新搜索結(jié)果。
缺點(diǎn)：
（1）“最近搜索”的關(guān)鍵詞沒(méi)有限制，至少我輸入了大半屏的關(guān)鍵詞都還可以繼續(xù)輸入，那么“熱門搜索”就會(huì)很容易被鍵盤遮擋，甚至即使收起鍵盤，也無(wú)法在第一屏看到。且熱門搜索的關(guān)鍵詞之間互相是平行的，沒(méi)有重點(diǎn)，對(duì)用戶的推薦作用比較弱。而且與另兩個(gè)APP相比，沒(méi)有“換一批”的按鈕，給用戶提供的選擇很少。
（2）“查看全部5276個(gè)專輯”太弱了，而且單獨(dú)占用一行空間，喜馬拉雅是顯示在標(biāo)題的右側(cè)，并用顏色標(biāo)出數(shù)量，顯得更精致。
三.播放
這是音頻類APP最核心的功能，也是最基本的交互方式。包括最基本的播放、暫停、上一個(gè)、下一個(gè)（之后這四個(gè)基礎(chǔ)的操作統(tǒng)稱播放按鈕組）進(jìn)度調(diào)節(jié)、播放方式、互動(dòng)方式等。但是不同APP之間的交互細(xì)節(jié)各不相同。喜馬拉雅FM里，在詳情頁(yè)上部小小的一塊區(qū)域里已經(jīng)顯示了所有功能：封面圖的下部依次是"贊"、"下載"、"評(píng)論"、"彈幕"。下面是播放器，播放按鈕組最左邊是列表，最右邊是定時(shí)。點(diǎn)擊封面或滑動(dòng)進(jìn)度條會(huì)出現(xiàn)進(jìn)度調(diào)節(jié)的按鈕，或者向左滑封面會(huì)倒退，向右滑封面會(huì)快進(jìn)。點(diǎn)擊右上角的三個(gè)點(diǎn)會(huì)顯示更多相關(guān)操作。
優(yōu)點(diǎn)：
操作集中方便，用用戶習(xí)慣的手機(jī)整合了功能
缺點(diǎn)：
（1）當(dāng)界面上飛滿彈幕的時(shí)候就很容易誤操作，因此用戶必須先關(guān)閉彈幕再進(jìn)行操作。
（2）右上角三個(gè)點(diǎn)呼出的更多面板上的功能有些沒(méi)必要的重復(fù)，例如“分享”“下載”在頁(yè)面中已經(jīng)有了，沒(méi)必要在“更多”里再放置，否則會(huì)顯得比較亂。
其他應(yīng)用：
荔枝FM在詳情頁(yè)點(diǎn)擊封面只能操作播放或暫停，點(diǎn)擊右下角的快捷播放入口呼出的列表頁(yè)才可以進(jìn)行完整的播放操作。這里除播放按鈕組以外的操作主要是對(duì)進(jìn)度的調(diào)節(jié)：倒退15秒、快進(jìn)15秒、倍速播放，以及左下角是播放方式：?jiǎn)喂?jié)目播放、正序播放、倒序播放。播放按鈕組下面是定時(shí)關(guān)閉按鈕。倍速播放是否實(shí)用需要更多的用戶調(diào)研才能知道，但是2倍速的情況下已經(jīng)很難聽清內(nèi)容了，恐怕很少會(huì)有用戶去用。左下角的播放方式倒是非常實(shí)用，某個(gè)專輯里動(dòng)戈幾十個(gè)音頻，按照上傳時(shí)間排序，如果是故事型的專輯，倒序播放就很有必要了。而新聞、散文之類的則需要根據(jù)用戶自己的喜好決定正序播放還是倒序播放。音樂(lè)類的界面則很有可能會(huì)要用到單節(jié)目播放。
優(yōu)點(diǎn)：
（1）所有與播放有關(guān)的操作放在列表頁(yè)的下面，而其他的互動(dòng)操作如“贊”、“下載”等都收納在了右上角的三個(gè)點(diǎn)（更多）里面。使用戶的操作目標(biāo)更清晰。
（2）列表的顯示很直觀，可隨時(shí)切換。順序、倒序、單節(jié)目循環(huán)的三種播放方式讓用戶能更自由的選擇如何聽節(jié)目。
缺點(diǎn)：
詳情頁(yè)的封面占據(jù)了頁(yè)面很大的空間，然而只有播放、暫停及飛彈幕的作用，關(guān)閉彈幕后則更顯得浪費(fèi)。而跟播放有直接關(guān)系的操作都放在列表頁(yè)了。
蜻蜓FM在播放一個(gè)音頻時(shí)會(huì)先進(jìn)入列表頁(yè)，點(diǎn)擊底部的快捷播放入口才會(huì)進(jìn)入有著完整播放控制的播放界面。功能非常簡(jiǎn)單，播放按鈕組左側(cè)是列表，右側(cè)是更多，點(diǎn)擊更多出現(xiàn)下面右圖的浮層，里面是一些互動(dòng)相關(guān)的操作和定時(shí)關(guān)閉按鈕。拖動(dòng)進(jìn)度條時(shí)會(huì)出現(xiàn)和喜馬拉雅一樣的進(jìn)度控制按鈕。
優(yōu)點(diǎn)：
整個(gè)頁(yè)面非常簡(jiǎn)潔，無(wú)其他信息干擾（不包括廣告），部分功能隱藏（進(jìn)度控制、更多），需要時(shí)顯示。
缺點(diǎn)：
（1）點(diǎn)擊音頻時(shí)不會(huì)首先出現(xiàn)這個(gè)頁(yè)面，而是會(huì)先出現(xiàn)列表頁(yè)，必須從頁(yè)面底部的播放快捷入口進(jìn)入這里，而那個(gè)快捷入口并不是特別明顯。
（2）快進(jìn)倒退為30s，比起其他app時(shí)間較長(zhǎng)，用戶控制的靈活性較弱。
四.彈幕
彈幕是時(shí)下非常流行的交互方式，起源于視頻網(wǎng)站，但現(xiàn)在越來(lái)越多的音頻軟件也用了彈幕。但顧名思義，音頻類的app是是用來(lái)聽的，而不是看的，那么音頻網(wǎng)站里的彈幕效果怎樣呢？我比較了一下喜馬拉雅FM和bilibili動(dòng)畫里的彈幕：bilibili的彈幕是貫徹視頻始終的，隨著劇情出現(xiàn)高潮和嘈點(diǎn)，彈幕會(huì)變多，彈幕有三種形式，一種是飄移式的（主要分布在屏幕上半部分）；一種是在屏幕頂上的；還有一種是在屏幕底下的，類似傳統(tǒng)字幕的位置。還可以選擇字體大小和顏色等。自己發(fā)布的彈幕會(huì)在稍后繼續(xù)播放時(shí)用矩形框框出。與評(píng)論概念不同，點(diǎn)擊彈幕無(wú)法點(diǎn)贊或回復(fù)。如果想專心看視頻，也可以關(guān)閉彈幕。
至于音頻類的彈幕，其實(shí)就是評(píng)論，目的是為了加強(qiáng)社交，因?yàn)樵诘谝黄潦强床坏皆u(píng)論的，很難引導(dǎo)用戶主動(dòng)去探討，有了彈幕就生動(dòng)多了，當(dāng)然，用戶也可以選擇關(guān)閉彈幕。
我觀察了一下荔枝FM和喜馬拉雅FM的一些不同類型的節(jié)目，發(fā)現(xiàn)如果是較短的音樂(lè)類音頻，也會(huì)隨著音樂(lè)的起伏會(huì)有彈幕貫徹始終，但是開頭時(shí)的彈幕會(huì)更多一些。至于其他類型的音頻，則彈幕比較集中在開頭，例如一個(gè)46分20秒的段子型音頻，大部分的音頻都是在前3分半內(nèi)，之后會(huì)越來(lái)越少，甚至沒(méi)有，并沒(méi)有因內(nèi)容的起伏而再次出現(xiàn)大量的彈幕。大致如下圖：
因此與視頻類網(wǎng)站相比，音頻類網(wǎng)站用戶對(duì)彈幕的使用方式有所不同：剛進(jìn)入音頻的時(shí)候用戶的關(guān)注和操作較多，會(huì)產(chǎn)生較多的彈幕，被同樣關(guān)注著屏幕的用戶看到，甚至進(jìn)行互動(dòng)；而隨著關(guān)注和操作屏幕的用戶少了，彈幕也少了，這個(gè)時(shí)候大部分用戶也已經(jīng)不再關(guān)心屏幕了。彈幕樣式只有飄移的一種，荔枝的可以設(shè)定彈幕皮膚，而喜馬拉雅沒(méi)有。發(fā)彈幕時(shí)音頻不會(huì)暫停，發(fā)完后須倒回到輸入的時(shí)間點(diǎn)才能看到。
喜馬拉雅FM的優(yōu)點(diǎn)：
（1）視覺(jué)上風(fēng)格統(tǒng)一、簡(jiǎn)潔大方。
（2）開啟彈幕后封面圖上會(huì)出現(xiàn)一個(gè)深色的蒙層，保證彈幕的效果足夠清晰。
（3）點(diǎn)贊后有心飄出，對(duì)用戶的行為做出了急時(shí)的反饋。
缺點(diǎn)：
（1）播放界面根本不知道如何發(fā)彈幕，要點(diǎn)擊那個(gè)并不太顯眼的評(píng)論圖標(biāo)去評(píng)論頁(yè)發(fā)表評(píng)論，才會(huì)產(chǎn)生彈幕。用戶體驗(yàn)上有斷層。
（2）發(fā)布完后因?yàn)橐纛l已經(jīng)往后播放了，所以必須倒回才能看到自己發(fā)布的彈幕。
（3）點(diǎn)擊某條彈幕直接點(diǎn)贊了，而用戶有時(shí)候未必是想點(diǎn)贊，可能是想回復(fù)、提問(wèn)，或者只是誤操作。
（4）整個(gè)封面部分都可以飄彈幕，所以偏下方的彈幕會(huì)和廣告重疊，需要互動(dòng)操作時(shí)就會(huì)不方便。
其他應(yīng)用：
荔枝FM
與喜馬拉雅類似，點(diǎn)擊彈幕彈出彈窗，可以點(diǎn)贊或回復(fù)該字幕。底部有評(píng)論輸入框，可以即時(shí)發(fā)布彈幕（評(píng)論），點(diǎn)擊左下角的紅色圓形圖標(biāo)可以選擇彈幕皮膚。
優(yōu)點(diǎn)：
（1）點(diǎn)擊彈幕時(shí)會(huì)有彈窗，給用戶提供了更全面的互動(dòng)操作，很方便。
（2）底下的發(fā)布框可以直接發(fā)布彈幕（評(píng)論）并告知用戶這條彈幕出現(xiàn)在在幾時(shí)幾分。
（3）可以選擇彈幕皮膚，滿足了用戶的審美需求和炫耀心理的同時(shí)，還能引導(dǎo)用戶充值，產(chǎn)生經(jīng)濟(jì)收益。
缺點(diǎn)：
皮膚個(gè)性化以后，對(duì)視覺(jué)設(shè)計(jì)的考驗(yàn)較大，如果有很多不同顏色的彈幕出現(xiàn)在本來(lái)就有點(diǎn)花哨的封面上，就會(huì)顯得比較亂。
五.錄制音頻
喜馬拉雅FM作為一個(gè)音頻分享的平臺(tái)，另一個(gè)核心功能——錄制，我也體驗(yàn)了一下，感受一下同樣支持原創(chuàng)的荔枝FM之間的區(qū)別。
首先在個(gè)人主頁(yè)有兩個(gè)大大的按鈕——“開始錄音”和“節(jié)目管理”。點(diǎn)擊開始錄音進(jìn)入錄音界面后，除了深色的音頻可視化區(qū)域外頁(yè)面上只有“添加配樂(lè)”和錄音按鈕兩塊功能區(qū)，點(diǎn)擊添加配樂(lè)并選擇配樂(lè)后，就到了下圖第二個(gè)界面這樣，右邊會(huì)出現(xiàn)一個(gè)音量的區(qū)塊，點(diǎn)擊或向左滑動(dòng)“添加配樂(lè)”模塊會(huì)出現(xiàn)配樂(lè)音樂(lè)調(diào)整的控件。
總共可以添加2個(gè)配樂(lè)，之后不能刪除，但是可以更換音樂(lè)或調(diào)換順序。然后開始錄制，隨著聲音大小的變化，圓形錄制按鈕周圍會(huì)產(chǎn)生圓形的波紋動(dòng)畫，錄制時(shí)音頻可視化區(qū)域下面只顯示時(shí)間，暫停以后，在時(shí)間的兩邊分別會(huì)出現(xiàn)試聽和裁剪的按鈕。
點(diǎn)擊裁剪可從末尾處往前選擇要裁剪的部分，點(diǎn)擊確定完成裁剪回到錄音界面。保存后頁(yè)面會(huì)自動(dòng)跳轉(zhuǎn)到“節(jié)目管理-我的聲音-草稿箱”在這里可以發(fā)布或刪除錄音。發(fā)布的時(shí)候可同步到其他社交平臺(tái)。
優(yōu)點(diǎn)：
（1）界面很簡(jiǎn)潔，表意明確，用戶可以專注于自己的目標(biāo)。充分體現(xiàn)了“需要時(shí)顯示”的原則，例如沒(méi)有音樂(lè)的時(shí)候不需要“裁剪”，所以初始界面上就沒(méi)有。
（2）錄制按鈕在錄音時(shí)隨著音量會(huì)有漣漪動(dòng)畫，對(duì)用戶的錄音操作做出了清晰的反饋。暫停時(shí)有一個(gè)按鈕翻轉(zhuǎn)的動(dòng)畫，明顯的提示了用戶狀態(tài)的變化。
（3）錄音時(shí)自動(dòng)將背景音樂(lè)音量調(diào)低，省去了用戶主動(dòng)調(diào)節(jié)的麻煩
（4）音量、裁剪等操作留給了用戶足夠大的屏幕空間。
缺點(diǎn)：
草稿箱里的音頻無(wú)法再編輯，如果意外退出的話，用戶的錄音就白費(fèi)了。
其他應(yīng)用：
荔枝FM基本流程和喜馬拉雅一樣，不同的是：
1.添加音樂(lè)時(shí)可以添加粉絲的來(lái)稿。
2.錄音時(shí)隨著錄音聲音的大小錄音按鈕動(dòng)畫不同。
3.可以添加短音效助興，像卡拉OK一樣。
4.可以添加比喜馬拉雅更多的音樂(lè)（喜馬拉雅只能添加2條）
5.發(fā)布時(shí)可以繼續(xù)錄制，也可以投稿給某個(gè)電臺(tái)（FM專輯）
6.發(fā)布時(shí)可以添加標(biāo)簽。
優(yōu)點(diǎn)：
（1）情懷。荔枝FM以前是小清新的擬物風(fēng)格FM，后來(lái)隨著播放界面重新設(shè)計(jì)，擬物風(fēng)格的界面就被收起來(lái)了，在播放列表頁(yè)可以切換回舊版的界面。而在這個(gè)錄音的界面，它也保留了擬物風(fēng)格時(shí)候的元素，對(duì)與長(zhǎng)期使用的用戶來(lái)說(shuō)是一種情懷。
（2）可以添加多條音樂(lè)，不過(guò)這是一個(gè)兩面性的事。一方面用戶可以有更多的選擇。另一方面，一旦添加多了管理起來(lái)有點(diǎn)麻煩。
（3）有短音效，這個(gè)類似卡拉OK包廂的特效，給用戶更有趣的體驗(yàn)。
（4）和喜馬拉雅一樣，剪輯時(shí)給用戶留出了較大的操作空間
（5）可以投稿給已經(jīng)訂閱的FM。給用戶和播客之間的互動(dòng)提供了便捷。與荔枝FM“人人都是播客”的口號(hào)很符合。
（6）如果用戶意外退出，重新進(jìn)時(shí)會(huì)有彈出提醒是要“保存錄音”還是“繼續(xù)錄制”。對(duì)用戶已錄的內(nèi)容作了保護(hù)。草稿箱的錄音也可以編輯。
缺點(diǎn)：
（1）功能之間沒(méi)有區(qū)分，五個(gè)按鈕及音量是用來(lái)控制添加的音樂(lè)的，而5個(gè)按鈕以下才是用戶錄音相關(guān)的操作。沒(méi)有區(qū)分容易造成用戶的困惑，沒(méi)有喜馬拉雅那么結(jié)構(gòu)清晰。
（2）點(diǎn)擊錄音按鈕開始錄音后，按鈕會(huì)變成一個(gè)淺淺的紅色，隨著音量變化顏色的深淺會(huì)有變化。但是這種方式?jīng)]有喜馬拉雅的漣漪式動(dòng)效來(lái)得直觀。首先，失效的按鈕有時(shí)候也會(huì)設(shè)計(jì)成比正常按鈕淺的顏色，所以容易造成誤解。其次，顏色深淺的變化視覺(jué)上不是特別明顯，除非是音量變化很劇烈。對(duì)用戶的反饋有些弱。
（3）5個(gè)圖標(biāo)沒(méi)有沒(méi)有文字來(lái)得直觀，正在錄音頻的用戶操作界面已是一心兩用甚至一心多用，所以更要直觀一些。第一和第五個(gè)按鈕是音量的增減，和中間的音量控件功能重復(fù)。而且音量控件在如此主要的位置，也容易造成誤解。可以換一個(gè)位置或形式。這一點(diǎn)喜馬拉雅做得比較好，把它藏起來(lái)，需要時(shí)點(diǎn)開。但這也未必是最好的方案，這取決于用戶在錄音時(shí)是否需要頻繁的操作音量。
六.播放時(shí)的廣告
最后想說(shuō)一下播放時(shí)的廣告（特指播放的時(shí)候，不包括其他頁(yè)面的廣告）。用戶常常都是討厭廣告的，它往往會(huì)打斷用戶的思路甚至操作。但是廣告能帶來(lái)經(jīng)濟(jì)利益，所以怎么投放能讓用戶接受這很重要
喜馬拉雅的廣告我看到的有2種：1.播放界面封面圖片的左下角有一個(gè)像彈幕一樣的小氣泡（左圖），那個(gè)就是廣告，每個(gè)廣告樣式統(tǒng)一，過(guò)一段時(shí)間還會(huì)抖一下頭像。并且在播放這個(gè)音頻的開始時(shí)候會(huì)有一段該廣告的音頻版，大約是十幾秒的一小條。2.在音頻開頭彈出廣告圖（右圖），并播放音頻廣告，用戶可以選擇關(guān)閉廣告，或者等音頻播放完畢它會(huì)自己消失。
優(yōu)點(diǎn)：第一種形式在界面上不會(huì)打擾到用戶的位置用了較顯眼的方式提醒用戶。
缺點(diǎn)：音頻版廣告還是打擾到了用戶。我看了app store近1個(gè)月的用戶評(píng)論，發(fā)現(xiàn)用戶對(duì)廣告還是有很多意見，其實(shí)用戶聽音頻往往是用一些碎片時(shí)間或休閑時(shí)間，這個(gè)時(shí)候用戶會(huì)對(duì)一些內(nèi)容有些無(wú)意識(shí)，應(yīng)該不會(huì)因?yàn)榕紶栍袟l廣告而立即產(chǎn)生負(fù)面情緒。但主要問(wèn)題出在于網(wǎng)絡(luò)不暢的時(shí)候，只能播放廣告，不能播放音頻，也就是主次顛倒了，這就會(huì)引起用戶強(qiáng)烈的不滿。還有一些廣告與音頻內(nèi)容相去甚遠(yuǎn)，想要清凈冥想一下的用戶卻被一個(gè)聲音很精神的廣告嚇了一跳。綜合以上的情況，就是對(duì)用戶的使用場(chǎng)景了解得還不夠，推送也沒(méi)有針對(duì)性，本末倒置了。
其他應(yīng)用：
蜻蜓FM播放界面的廣告主要有如下三種：1.左圖是在列表頁(yè)底部的深色浮層不想看到時(shí)候可以關(guān)閉。2.中間的廣告是播放時(shí)彈出的，把一個(gè)方形彈窗分成了視頻和圖片2部分，音頻部分點(diǎn)左上角的音量圖標(biāo)可以播放聲音。如果用戶不操作，等到視頻放完會(huì)自己消失。3.右圖是音頻開頭出現(xiàn)的，彈出廣告的同時(shí)播放音頻廣告。
優(yōu)點(diǎn)：
（1）前兩種廣告沒(méi)有聲音，不會(huì)對(duì)音頻播放造成影響。不過(guò)，對(duì)選完音頻就不做任何操作的用戶，也不會(huì)起到推廣作用了。
（2）關(guān)閉按鈕在用戶比較順手的位置，用戶可以方便的關(guān)閉。
缺點(diǎn)：
（1）列表頁(yè)的廣告與另兩個(gè)廣告形式相比，對(duì)用戶的影響最小。但是與喜馬拉雅的廣告相比，還是會(huì)對(duì)用戶的操作體驗(yàn)造成一些影響。
（2）中間這種形式的廣告左上角的聲音播放有點(diǎn)多此一舉，用戶看到廣告就想關(guān)掉，怎么會(huì)還愿意點(diǎn)開播放聲音呢？就算是傳統(tǒng)的視屏網(wǎng)站播放的廣告，也是默認(rèn)有聲音，用戶不想聽時(shí)再關(guān)閉聲音的。當(dāng)然這種播放中彈出的廣告如果有聲音更容易讓用戶很反感。
（3）最右邊的廣告除了圖片還有音頻，對(duì)用戶的打擾較大。和喜馬拉雅的第二種廣告相比，喜馬拉雅的廣告只遮住了播放器部分，其他操作仍然可以。廣告的長(zhǎng)短可能和具體的廣告有關(guān)，但是這種形式的廣告不宜太長(zhǎng)，音頻的文案很重要，最好讓用戶在短時(shí)記憶里記住商品，還有就是不要把頁(yè)面全遮起來(lái)，用戶一旦發(fā)現(xiàn)沒(méi)法做任何操作要么就會(huì)關(guān)閉廣告，要么就是感到不滿，起不到推廣作用的同時(shí)還可能會(huì)有負(fù)面情緒。
正如前面所說(shuō)，用戶總是討厭廣告的，最早視頻網(wǎng)站播放時(shí)出現(xiàn)的廣告也令很多人反感，但是為了利益又不得不做，所以就必須在用戶體驗(yàn)和商業(yè)利益之間找到一個(gè)平衡，把用戶的反感降到最低的同時(shí)，還要提高廣告的轉(zhuǎn)化率。目前看來(lái)喜馬拉雅的方式更溫和一些，如果能再對(duì)用戶使用場(chǎng)景多做研究做到更合理的推廣或者采取會(huì)員免廣告等其他轉(zhuǎn)換利益的方式就更好了。
