泉州網(wǎng)站建設(shè)需要多少錢(qián)(音樂(lè)類(lèi)app市場(chǎng)分析)音樂(lè)app行業(yè)分析,
我將嘗試分析這五個(gè)音樂(lè)類(lèi)App——酷狗音樂(lè)、QQ音樂(lè)、網(wǎng)易云音樂(lè)、蝦米音樂(lè)、Spotify的主要頁(yè)面,全文多圖長(zhǎng)文,建議在WiFi下瀏覽目錄:第一印象——App圖標(biāo)第一印象——色彩和排版頁(yè)面分析——主頁(yè)。
頁(yè)面分析——音樂(lè)播放頁(yè)頁(yè)面分析——狀態(tài)欄總結(jié)第一印象——App圖標(biāo)App圖標(biāo)是我們接觸到產(chǎn)品的第一印象,同時(shí)它被期望能在眾多圖標(biāo)中迅速地被找到,愉悅地被打開(kāi)??峁芬魳?lè):
K字Logo辨識(shí)度高,但整體視覺(jué)風(fēng)格偏普通,缺乏設(shè)計(jì)感,中規(guī)中矩的Logo。QQ音樂(lè):
黃綠配色充滿(mǎn)著青春活力,音符很好的傳達(dá)了軟件的特點(diǎn),將一個(gè)簡(jiǎn)單的音符做成這樣令人驚喜。網(wǎng)易云音樂(lè):
紅色比較抓人眼球,象征著熱情,一筆連成的Logo在極具設(shè)計(jì)感的同時(shí)讓人一眼就知道這是音樂(lè)軟件。蝦米:
文字型Logo,底色與淘寶相同象征著同一派系的產(chǎn)品,文字呈現(xiàn)出一個(gè)播放的Icon形狀,很形象的表達(dá)了音樂(lè)產(chǎn)品的定位,但由于我們對(duì)中文過(guò)于熟悉可能更難把它轉(zhuǎn)化為圖像去理解,因此顯得不那么抓人眼球Spotify:。
Logo寥寥幾筆勾畫(huà)出聲音的傳遞,中亮中飽的綠色顯得既不浮躁也不沉悶,頗具北歐風(fēng)格缺點(diǎn)是可能無(wú)法一眼就看出該產(chǎn)品的功能是什么第一印象——色彩和排版點(diǎn)開(kāi)App,呈入眼簾的一個(gè)頁(yè)面很重要,我們會(huì)迅速判斷現(xiàn)在自己能做什么,可能會(huì)嘗試點(diǎn)開(kāi)一些頁(yè)面,此時(shí)我們對(duì)App就有了一個(gè)初步的印象——它好看嗎?它好用嗎?我知道該怎么用嗎?。
酷狗音樂(lè):
設(shè)計(jì)感不足(粗大的按鈕,較艷俗的配色,不夠精致的icon),但其對(duì)應(yīng)的有點(diǎn)是信息層級(jí)清晰明了,所有的Tab都用文字表示,尤其是頂部的“聽(tīng)”,“看”,“唱”,最直觀的表現(xiàn)了產(chǎn)品的三大功能,同時(shí)點(diǎn)擊面積大和對(duì)比強(qiáng)烈的配色都使得酷狗的學(xué)習(xí)成本大幅降低。
QQ音樂(lè):
統(tǒng)一的配色,更具表現(xiàn)力的icon和banner都使得QQ音樂(lè)不那么顯得廉價(jià),綠色、綠鉆實(shí)打?qū)嵉於薗Q音樂(lè)品牌色,令人難忘,頂部導(dǎo)航欄同樣用文字表示,但“音樂(lè)館”、“發(fā)現(xiàn)”這樣的字眼還是不如酷狗來(lái)得簡(jiǎn)單粗暴。
網(wǎng)易云音樂(lè):
網(wǎng)易云音樂(lè)擁有一大批死忠粉并且后來(lái)居上不是沒(méi)有原因的,拋開(kāi)它的評(píng)論不談,這個(gè)視覺(jué)設(shè)計(jì)就力壓一眾音樂(lè)軟件了,統(tǒng)一的配色,精心雕琢的每一個(gè)icon和拎出來(lái)能當(dāng)海報(bào)的banner后發(fā)軟件的優(yōu)勢(shì)之一在于沒(méi)有前設(shè)計(jì)風(fēng)格的桎梏,QQ音樂(lè)酷狗這樣的老牌軟件則必須要考慮原始用戶(hù)群的使用習(xí)慣不能大改特改。
同時(shí)最近的云音樂(lè)更新有看到走繼續(xù)簡(jiǎn)化的路線(xiàn),頂部Tab用了純圖標(biāo),顯得優(yōu)雅簡(jiǎn)潔,但識(shí)別度確實(shí)不如文字,好在二級(jí)導(dǎo)航欄用的還是文字同時(shí)對(duì)信息架構(gòu)做了進(jìn)一步的整合精簡(jiǎn)云音樂(lè)算是一個(gè)對(duì)于復(fù)雜度和美觀度平衡得相當(dāng)不錯(cuò)的app。
蝦米音樂(lè):
蝦米音樂(lè)一眼望去似乎內(nèi)容很多但很整齊,原因是它只用了橙色作為輔助色,整體是白色背景進(jìn)而突出了內(nèi)容,同時(shí)它取消了頂部導(dǎo)航欄,全部采用底部標(biāo)簽式導(dǎo)航,其中音樂(lè)則放置標(biāo)簽中間類(lèi)似于舵式導(dǎo)航的形式,使得內(nèi)容區(qū)域變?yōu)楦蟆?/p>
其中的控件、icon、banner都十分小巧精致,風(fēng)格統(tǒng)一,柵格排列,給人一種多而不亂的秩序感Spotify:
一打開(kāi)spotify,你就會(huì)立即感受到這與社會(huì)主義初級(jí)階段格格不入設(shè)計(jì)風(fēng)格,黑白性冷淡,大片的留白,恨不得一頁(yè)只放一個(gè)功能的布局,無(wú)不顯示出它的高冷范,主觀的說(shuō),這是我喜歡的風(fēng)格,但是當(dāng)我充值到premium并使用一段時(shí)間后,我發(fā)現(xiàn)它的信息架構(gòu)與我們所熟知的國(guó)產(chǎn)App有很大的不同,同時(shí)我們習(xí)慣的功能在里面被各種閹割,不得不承認(rèn),本土化是一個(gè)極為重要又艱巨的任務(wù)
頁(yè)面分析——主頁(yè)酷狗:
“聽(tīng)”、“看”、“唱”三大板塊,劃分清晰直觀打開(kāi)app進(jìn)入的第一個(gè)頁(yè)面是“聽(tīng)”頁(yè)面,內(nèi)容部分被劃分為兩塊——本地/我和音樂(lè)庫(kù),全部都屬于導(dǎo)航內(nèi)容,必須要點(diǎn)進(jìn)去才知道內(nèi)容是什么,減少了內(nèi)容的曝光度,但也保持了頁(yè)面的簡(jiǎn)單和邏輯性
本地音樂(lè)區(qū)的按鈕位置過(guò)于靠上,大屏手機(jī)單手點(diǎn)擊這些按鈕體驗(yàn)不佳6個(gè)導(dǎo)航按鈕略多,會(huì)增加用戶(hù)點(diǎn)擊時(shí)的思考時(shí)間搜索在頂部導(dǎo)航欄論在哪個(gè)頁(yè)面,右側(cè),因此無(wú)滑動(dòng)到哪個(gè)位置,都可以點(diǎn)擊搜索音樂(lè),QQ音樂(lè):
QQ音樂(lè)剛進(jìn)去則是位于音樂(lè)館,也就是網(wǎng)絡(luò)音樂(lè)庫(kù),屬于十分常見(jiàn)的瀑布流形式頂部Banner,導(dǎo)航欄,然后每個(gè)區(qū)塊的內(nèi)容推薦,每個(gè)區(qū)塊都可點(diǎn)點(diǎn)擊,其中前一兩個(gè)區(qū)塊我們偶爾會(huì)看看,下面的內(nèi)容幾乎很少滑下去,所以第一個(gè)欄目幾乎都是最重要的——“歌單推薦”(真的是最重要的嗎?)
搜索在頂部導(dǎo)航欄下面以一個(gè)可活動(dòng)的控件形式展示,向下滑動(dòng)時(shí)收起,向上滑動(dòng)時(shí)自動(dòng)展開(kāi),動(dòng)效十分自然跟手,不會(huì)感覺(jué)突兀,同時(shí)只要點(diǎn)一下就可以迅速搜索(采用圖標(biāo)要點(diǎn)兩下)但這樣的一個(gè)空間無(wú)疑壓榨狹小的內(nèi)容空間,使得QQ音樂(lè)上下巴顯得有些長(zhǎng)
每個(gè)欄目的視覺(jué)元素有所變化,有的是正方形排版,有的是長(zhǎng)方形,有的是圓形,這些元素的差異化為了吸引你不斷向下滑,同時(shí)不會(huì)感覺(jué)過(guò)于單調(diào)但在QQ音樂(lè)這里,我認(rèn)為實(shí)現(xiàn)得并不好,其留白的節(jié)奏不穩(wěn)定,產(chǎn)生了粗糙感還有一些比較奇怪的地方,比如精選電臺(tái)下方主播節(jié)目展示部分,標(biāo)題/主播名字/播放量三個(gè)內(nèi)容不得不擠在一個(gè)灰度的矩形框內(nèi),其字體大小與頁(yè)面的其他字體大小不同,割裂了整體性
部分的功能導(dǎo)航icon也顯得不是很統(tǒng)一網(wǎng)易云音樂(lè):
網(wǎng)易云音樂(lè)剛進(jìn)入的頁(yè)面同樣是音樂(lè)庫(kù)頁(yè)面(曾經(jīng)是個(gè)人音樂(lè)頁(yè)面),最新的改版對(duì)此頁(yè)的信息架構(gòu)做了較大的調(diào)整,合并了原來(lái)的“個(gè)性推薦”“主播電臺(tái)”“排行榜”至“音樂(lè)"頁(yè)面,使得現(xiàn)在的信息架構(gòu)邏輯更加清晰整體布局形式與QQ音樂(lè)類(lèi)似,搜索同酷狗一樣放置在了右上角
底色不是純白,而是帶了一點(diǎn)灰度,品質(zhì)感更強(qiáng)”音樂(lè)“頁(yè)面下,四個(gè)精致的icon整齊劃一的落在頁(yè)面上,其大小和之間的間距經(jīng)過(guò)認(rèn)真的考量,數(shù)量上也不會(huì)影響用戶(hù)點(diǎn)擊,堪稱(chēng)經(jīng)典的icon設(shè)計(jì)每個(gè)標(biāo)題的導(dǎo)航采用左對(duì)齊的布局(QQ音樂(lè)是居中對(duì)齊),一般來(lái)說(shuō),在合理運(yùn)用的前提下,左對(duì)齊顯得更加整齊和有效率,居中對(duì)齊則更加大膽和富有設(shè)計(jì)感,左對(duì)齊是更普適的設(shè)計(jì)技法,除icon外也不再使用圓形做內(nèi)容,因此網(wǎng)易云音樂(lè)的界面顯得整齊劃一
頁(yè)面劃到最底下,調(diào)整欄目順序的按鈕出現(xiàn),這一功能屬于高級(jí)操作,會(huì)對(duì)原有的結(jié)構(gòu)造成可能不是用戶(hù)期待的改變,屬于”可用”“易用”“樂(lè)用”的最后一個(gè),因此放在最后蝦米音樂(lè):
蝦米音樂(lè)剛進(jìn)去的頁(yè)面是發(fā)現(xiàn)頁(yè),一進(jìn)去你就感受到強(qiáng)烈的信息密度,頁(yè)面上各種banner圖片,圖片與圖片之間無(wú)縫銜接,排布整齊,整體性不錯(cuò)但相應(yīng)的,如果你對(duì)這個(gè)軟件不夠熟悉,面對(duì)如此密集的信息你可能會(huì)不知所措。
下不去手搜索框與QQ音樂(lè)的下滑隱藏上滑顯示的形式類(lèi)似,但由于蝦米音樂(lè)采用了底部舵式導(dǎo)航(標(biāo)簽導(dǎo)航的變種,將中間一個(gè)標(biāo)簽突出),整合了各大功能,因此省下了頂部導(dǎo)航的空間功能導(dǎo)航icon沒(méi)有圓形的描邊,但依舊保持精致和整體性(QQ音樂(lè):喵喵喵?)
同時(shí)這些功能icon在向下滑動(dòng)時(shí)會(huì)掛在頂部,我認(rèn)為這不是一個(gè)很好的設(shè)計(jì),因?yàn)閷?duì)于大屏手機(jī)而言,最頂部的按鈕我們很難輕松觸及,因此往往它的作用更多是一個(gè)狀態(tài)欄,如果要對(duì)其進(jìn)行操作的話(huà)往往是引入滑動(dòng)手勢(shì),而蝦米音樂(lè)既不能滑動(dòng)切換,這些按鈕也沒(méi)有顯示當(dāng)前頁(yè)面的作用,反而壓縮了閱讀空間
Spotify:
Spotify的主頁(yè)與前面則大不相同,盡管結(jié)構(gòu)上,它和蝦米類(lèi)似采用的是底部標(biāo)簽導(dǎo)航,正在播放的音樂(lè)欄緊隨其上,頂部是不可操作的居中狀態(tài)欄(兩邊在有的頁(yè)面會(huì)有按鈕),這一般是IOS的設(shè)計(jì)風(fēng)格(安卓設(shè)計(jì)風(fēng)格是頂部導(dǎo)航+左對(duì)齊),但內(nèi)容上Spotify則表現(xiàn)出極大的克制
首先欄目設(shè)置就與國(guó)內(nèi)大為不同——spotify的欄目歌曲推送是嚴(yán)格根據(jù)你最近聽(tīng)的歌曲進(jìn)行的,同時(shí)大量的留白,寧缺毋濫的封面設(shè)計(jì),會(huì)讓用戶(hù)感覺(jué)這是你自己的頁(yè)面,十分的優(yōu)雅美觀每一塊欄目?jī)?nèi)容的排布都采用了橫向泳道式排版,它的好處是可以通過(guò)拓展橫向空間達(dá)到縱向的簡(jiǎn)潔與整齊
但代價(jià)是不如縱向排列直觀(大量?jī)?nèi)容被隱藏了),更糟糕的是它的操作效率并不是特別高,因?yàn)橐瑫r(shí)手指較精確地控制xy兩個(gè)方向,容易發(fā)生誤操作或影響順暢操作體驗(yàn)Spotify的音樂(lè)搜索則放在的底部導(dǎo)航中間,同樣是級(jí)別最高的功能。
總結(jié):國(guó)內(nèi)的產(chǎn)品在主頁(yè)上目的都是為了能夠?yàn)橛脩?hù)展示更多的內(nèi)容,吸引更多用戶(hù)的注意力酷狗通過(guò)極簡(jiǎn)首頁(yè)和群眾喜聞樂(lè)見(jiàn)的設(shè)計(jì)風(fēng)格降低用戶(hù)地學(xué)習(xí)和使用成本網(wǎng)易云音樂(lè)或許實(shí)現(xiàn)了界面美觀和操作方便的平衡蝦米則在一個(gè)界面上成功地在用戶(hù)不反感的塞下最多的內(nèi)容。
QQ音樂(lè)感覺(jué)還有一定的提升空間——它不如酷狗來(lái)的簡(jiǎn)單易用,不如網(wǎng)易云來(lái)的規(guī)整優(yōu)美,不如蝦米來(lái)的繁而不雜,各方面都還差一些火候Spotify則克制地只展示部分你真正需要的功能,更加注重自由隨性純粹地聽(tīng)音樂(lè)本身而不是花費(fèi)時(shí)間在尋找觀看瀏覽音樂(lè)以及其他無(wú)關(guān)相關(guān)的信息上
頁(yè)面分析——音樂(lè)播放頁(yè)音樂(lè)播放頁(yè)的作用:對(duì)音樂(lè)的各種操作(收藏、添加歌單等)、進(jìn)入沉浸欣賞模式(看歌詞、看封面等)、對(duì)音樂(lè)進(jìn)行擴(kuò)散(相似的歌、評(píng)論等)酷狗:
單純從視覺(jué)角度來(lái)說(shuō),酷狗的音樂(lè)播放頁(yè)面不合格,播放頁(yè)面存在廣告,右上角不停的跳出來(lái)提醒你誰(shuí)睡誰(shuí)正在唱,頁(yè)面上也有過(guò)多的控件按鈕,雖然這與酷狗的宣傳語(yǔ)——”音樂(lè)總有新玩法"是吻合的,但我們還是要去思考,這些功能是否有更好的擺放地點(diǎn)。
廣告,作為使用量第一個(gè)app,投放廣告的利潤(rùn)毋庸置疑,想必酷狗是權(quán)衡過(guò)廣告帶來(lái)的收入與用戶(hù)流失帶來(lái)的損失之間的利弊的,這里從用戶(hù)角度去評(píng)判就失去了意義音質(zhì)選擇,我認(rèn)為這個(gè)選擇不必在播放器頁(yè)面中放置,除了流量場(chǎng)景,我們對(duì)于音質(zhì)的選擇無(wú)疑是越高越好,但是在設(shè)置頁(yè)面中設(shè)置流量場(chǎng)景下在音質(zhì)為標(biāo)準(zhǔn)、wifi場(chǎng)景下在音質(zhì)為高品質(zhì)其實(shí)是體驗(yàn)更好的設(shè)計(jì);所以唯一的可能性就是,把這個(gè)控件放在這里會(huì)大大提高無(wú)損品質(zhì)——即會(huì)員的轉(zhuǎn)化率。
音效:不得不說(shuō)想出蝰蛇音效的設(shè)計(jì)師真是鬼才,這炫酷的名字牢牢抓住了一部分用戶(hù)群體的G點(diǎn),我始終認(rèn)為這些音效都對(duì)原有的音樂(lè)調(diào)度過(guò)猛,但調(diào)度不猛,怎么聽(tīng)得出差異?怎么體現(xiàn)出這狂拽炫酷吊炸天的名字?怎么吸引更多人充值會(huì)員,嘗試各種炫酷音效呢?從這個(gè)角度來(lái)說(shuō),把音效控件放在這里是合適,這就是宣傳語(yǔ)中的音樂(lè)的新玩法。
封面切換:這是一個(gè)不錯(cuò)的設(shè)計(jì),專(zhuān)輯封面比較單一,而切換到歌手寫(xiě)真則可以欣賞自己喜歡的歌手,切換到皮膚底圖又是一個(gè)個(gè)性化的過(guò)程,跑步模式放在這里也十分符合邏輯唱歌按鈕:界面中時(shí)不時(shí)跳出的誰(shuí)誰(shuí)正在唱和歌詞右邊的話(huà)筒唱歌icon,雖然說(shuō)是酷狗主打的玩法,確實(shí)做到了和其他產(chǎn)品的差異化,但這樣頻繁的跳出確實(shí)會(huì)打擾到用戶(hù),同時(shí)這個(gè)按鈕是一次性的,并不能反復(fù)進(jìn)入;對(duì)于不唱歌的人來(lái)說(shuō),那個(gè)話(huà)筒icon也是占據(jù)了寶貴的空間,將誰(shuí)正在唱歌的氣泡和話(huà)筒icon轉(zhuǎn)移到左滑的這個(gè)頁(yè)面以列表的形式呈現(xiàn)或加強(qiáng)其與背景的整體性(像QQ音樂(lè)一樣)或許是更好的方案
播放暫停按鈕、下一曲上一曲、這一欄幾乎所有音樂(lè)軟件的形式都是相同的,酷狗的差異化在于其顏色會(huì)隨著歌曲的主色調(diào)進(jìn)行變化(豆瓣也采取這種視覺(jué)方案),屬于個(gè)性化玩法的范疇在切換播放順序(隨機(jī)、順序、單曲循環(huán))的控件上,其他app大多都是點(diǎn)擊一下切換,而酷狗則是輕觸后彈出這三個(gè)次序,再選擇自己想要的播放順序;這兩種模式?jīng)]有孰優(yōu)孰劣之分,酷狗這種對(duì)于新手而言更加友好,用戶(hù)的可控性更強(qiáng),學(xué)習(xí)起來(lái)更加容易;而其他軟件的形式則更加優(yōu)雅。
QQ音樂(lè):
QQ音樂(lè)的播放器頁(yè)面整體視覺(jué)風(fēng)格統(tǒng)一,沒(méi)有惱人的廣告,控件更多也是和背景融合在了一起,相比酷狗顯得整體性更強(qiáng)QQ音樂(lè)播放頁(yè)面的封面操作邏輯是:輕觸查看更多操作,左滑看歌詞,右滑看歌曲信息,右上角的“更多”控件同樣是查看更多操作,這使得對(duì)封面輕觸這一操作有點(diǎn)多余,因?yàn)樗鼧O易導(dǎo)致新窗口的彈出,發(fā)生誤操作(再次輕觸任何非控件區(qū)域又會(huì)返回封面,算是一個(gè)不錯(cuò)補(bǔ)救措施)。
頁(yè)面-底下一共有兩欄控件共9個(gè)按鈕,盡管每個(gè)icon的表意都很明確,但這么多icon擠在一起難免會(huì)影響用戶(hù)使用的效率,以及加大發(fā)生錯(cuò)點(diǎn)按鈕的幾率QQ音樂(lè)的彈幕功能真的是太強(qiáng)大,它的邏輯和網(wǎng)易云音樂(lè)的評(píng)論一樣——通過(guò)在一首歌在網(wǎng)上找到與自己產(chǎn)生共鳴的人。
不過(guò)評(píng)論存在的問(wèn)題——新的評(píng)論很難被人看到,評(píng)論難以定位到歌曲的某個(gè)時(shí)間點(diǎn),評(píng)論是靜止的互動(dòng)性不夠強(qiáng)這些問(wèn)題都在彈幕中得到了解決,而一旦找到這種樂(lè)趣,用戶(hù)忠誠(chéng)度自然會(huì)越來(lái)越高網(wǎng)易云音樂(lè):
網(wǎng)易云音樂(lè)播放器頁(yè)面相比前面幾個(gè)要簡(jiǎn)潔太多了——標(biāo)志性的黑膠唱片,沒(méi)有任何廣告和比較花哨的功能控件,所有展示出來(lái)的控件都是使用率最高的封面取消左右滑動(dòng)手勢(shì)交互,只有輕觸查看歌詞,這也是網(wǎng)易團(tuán)隊(duì)的設(shè)計(jì)策略,將所有使用頻率不夠高的功能全部都藏在在“更多”控件里面,這一粗暴的做法造成了網(wǎng)易云音樂(lè)簡(jiǎn)潔之美。
因此,從沉浸進(jìn)入音樂(lè)欣賞的角度來(lái)說(shuō),網(wǎng)易云音樂(lè)做的是最好的,速度經(jīng)過(guò)不斷設(shè)計(jì)優(yōu)化的旋轉(zhuǎn)黑膠唱片,干凈的頁(yè)面,讓音樂(lè)成為主角缺點(diǎn)當(dāng)然也顯而易見(jiàn),我用了很長(zhǎng)一段時(shí)間才知道查看相似音樂(lè)和查看MV在“更多”按鈕里,即使現(xiàn)在知道了也不會(huì)常常去點(diǎn)開(kāi)。
蝦米:
蝦米與其他軟件的播放器頁(yè)面相比差異很大,其他的都是一個(gè)深色音樂(lè)轉(zhuǎn)盤(pán)頁(yè)面的套路,而蝦米卻另辟蹊徑采用的白底可上下滑動(dòng)的頁(yè)面我們知道,我們進(jìn)入音樂(lè)播放頁(yè)有很多原因,其中一個(gè)很重要的就是進(jìn)入一種沉浸欣賞的模式,在黑色背景下,我們的目光會(huì)聚焦在上面的圖片上(專(zhuān)輯封面、歌手圖片等等),所以一眾新品發(fā)布會(huì)也是采用黑色背景居多,而白色背景則更適合閱讀內(nèi)容。
蝦米音樂(lè)的主播放頁(yè)面只占了一小部分的比重,下方的評(píng)論漏了一點(diǎn)頭提示你這是可以往下滑的,下面則是“評(píng)論”、“它們也在聽(tīng)、”歌曲風(fēng)格“等各種對(duì)音樂(lè)進(jìn)行擴(kuò)散的功能,所有這些都無(wú)需進(jìn)入第二個(gè)界面,因此我們可以認(rèn)為蝦米通過(guò)白色背景加上單頁(yè)面上下滑動(dòng)這一設(shè)定,以弱化沉浸欣賞為代價(jià),走更為激進(jìn)的音樂(lè)社交道路。
而當(dāng)輕觸頁(yè)面進(jìn)入查看歌詞的頁(yè)面時(shí),歌詞頁(yè)則占據(jù)了全屏幕的大小,此時(shí)也無(wú)法下滑查看評(píng)論等各種相關(guān)內(nèi)容了,這是因?yàn)楫?dāng)我們點(diǎn)擊查看歌詞時(shí),肯定就是進(jìn)入了沉浸欣賞的狀態(tài),這時(shí)再讓下面的內(nèi)容出現(xiàn)就會(huì)打破用戶(hù)此時(shí)的心理模型。
但聽(tīng)音樂(lè)仍是最根本的功能,所以蝦米在頁(yè)面向下滑時(shí)頂部的保持了當(dāng)前正在聽(tīng)的音樂(lè)的狀態(tài)欄,你可以隨時(shí)對(duì)其進(jìn)行收藏下載等操作,同時(shí)它也在你向下瀏覽時(shí)提醒你現(xiàn)在正位于聽(tīng)歌的頁(yè)面以及現(xiàn)在正在聽(tīng)的歌Spotify:。
這播放器的頁(yè)面——除了短暫欣賞封面外,用戶(hù)不會(huì)在上面停留太久它沒(méi)有歌詞頁(yè)面,更沒(méi)有我們本土軟件各種推薦,只有幾個(gè)最基本的控件,但的確是很美同時(shí)有一個(gè)特色的地方是,如果你的電腦登陸了同一個(gè)賬號(hào),而此時(shí)你的耳機(jī)沒(méi)插在手機(jī)而插在電腦上,你在手機(jī)上點(diǎn)擊播放在你的電腦播放的。
所以spotify是一個(gè)非常純粹的多平臺(tái)在線(xiàn)音樂(lè)軟件頁(yè)面分析——狀態(tài)欄我們要先思考,狀態(tài)欄的作用是什么?我這里提到的狀態(tài)欄包含兩個(gè):下拉狀態(tài)欄的界面,和鎖屏界面對(duì)下拉狀態(tài)欄而言,其目的時(shí)在我們使用手機(jī)時(shí),。
快捷進(jìn)入APP無(wú)需進(jìn)入APP就能快速進(jìn)行操作(上下一首、喜歡或更多操作)快速看一眼現(xiàn)在正在放的歌曲信息因此我們?cè)诳疾煜吕瓲顟B(tài)欄時(shí)主要看其是否很好的支持了這三個(gè)需求,此外還需考慮其負(fù)面影響:是否占據(jù)了過(guò)多的空間
狀態(tài)欄的背景結(jié)合程度視覺(jué)美觀度如何對(duì)鎖屏界面而言,其目的是我們?cè)邳c(diǎn)亮屏幕時(shí):無(wú)需解鎖,看目前的歌曲信息無(wú)需解鎖,進(jìn)行快速的歌曲操作還需考慮它帶來(lái)的負(fù)面影響:是否影響了原有解鎖的流暢感和效率是否會(huì)影響閱讀原有的消息的通知
視覺(jué)上是否會(huì)過(guò)于突?;谝陨纤伎迹覀冮_(kāi)始分析每個(gè)APP的狀態(tài)欄表現(xiàn)如何:從功能性上,五款音樂(lè)軟件都差異不大,都很好的滿(mǎn)足了下拉狀態(tài)欄的三大功能,Spotify沒(méi)有歌詞按鈕,據(jù)說(shuō)是由于與歌詞提供商的合作終止(就是不讓用戶(hù)自己上傳歌詞);酷狗和QQ音樂(lè)沒(méi)有喜歡/收藏,這降低了狀態(tài)欄的復(fù)雜度,每次需要收藏歌曲時(shí)則必須點(diǎn)進(jìn)頁(yè)面內(nèi)才行,犧牲了便利性。
酷狗、QQ音樂(lè)、網(wǎng)易云音樂(lè)、蝦米音樂(lè)都采用的是左圖,右操作控件的方式,而Spotify則是左上角專(zhuān)輯圖,下部操作控件;前者的優(yōu)點(diǎn)在于左圖右字視覺(jué)上更加協(xié)調(diào),但受空間限制,每個(gè)控件圖標(biāo)只能更小,這在網(wǎng)易云和蝦米音樂(lè)的5個(gè)圖標(biāo)上更加明顯——我們不得不謹(jǐn)慎的點(diǎn)擊。
而在spotify上,一整排的空間,四個(gè)圖標(biāo)就顯得十分自如了從與狀態(tài)欄的背景結(jié)合程度來(lái)說(shuō),由于蝦米音樂(lè)采用的是一整塊白色背景的形式,所以在大部分狀態(tài)欄都是深色的情況下顯得與背景結(jié)合程度不高,但從單個(gè)視覺(jué)整體性的角度來(lái)說(shuō),蝦米是最高的另外,采用左圖右字方式的都,不同程度與出現(xiàn)了視覺(jué)元素不對(duì)齊的問(wèn)題。
鎖屏界面,不知道哪次更新以后,酷狗和QQ音樂(lè)都我的手機(jī)上都不再有鎖屏音樂(lè)了,而網(wǎng)易云、蝦米的鎖屏界面都統(tǒng)一成了一致的樣式。
可以看出,美觀度很高,但操作控件在上方,對(duì)于大屏手機(jī)而言,放在下方會(huì)更有利于操作而Spotify則是直接取消了專(zhuān)輯圖,只留下了操作控件,手機(jī)的消息還被顯示在了下面,從功能性上而言,這無(wú)疑是最好的,因?yàn)槲覀円话悴粫?huì)為了看一個(gè)封面去特地點(diǎn)亮一個(gè)屏幕,我們點(diǎn)亮屏幕更多的是為了切歌/看手機(jī)的消息。
總結(jié):這五個(gè)App都是用戶(hù)數(shù)目極大的產(chǎn)品,所以其更新也不敢做過(guò)多的改動(dòng),而產(chǎn)品的基調(diào)正是在成立之初就定好了,往往也決定了產(chǎn)品現(xiàn)在的樣子酷狗音樂(lè)的大眾路線(xiàn)、直播、唱歌QQ音樂(lè)的年輕、歡樂(lè)、彈幕網(wǎng)易云音樂(lè)的文藝、小清新、評(píng)論。
蝦米音樂(lè)的專(zhuān)業(yè)、曲庫(kù)、社區(qū)Spotify未進(jìn)入國(guó)內(nèi),版權(quán)和運(yùn)營(yíng)證是問(wèn)題,但如果真的進(jìn)來(lái),它真的能在各大本地列強(qiáng)中搶的一席之地嗎?當(dāng)然,這個(gè)分析僅限于對(duì)幾個(gè)主要頁(yè)面的視覺(jué)交互分析,可音樂(lè)類(lèi)APP可細(xì)說(shuō)的點(diǎn)明顯不止這些——曲庫(kù)、版權(quán)、音樂(lè)評(píng)論、社區(qū)活躍都是值得深挖的點(diǎn),限于篇幅,我們后續(xù)再詳做討論。