音樂播放App的分析與重設計
音樂播放App的分析與重設計-移動閱讀二維碼

音樂播放App的分析與重設計

一直對無線交互很感興趣,這次就來練練手~

本次分析評測基于iOS平臺,選取了兩款有代表性的音樂播放器,QQ音樂和豆瓣FM。由于這兩款產品在web端就有著龐大的用戶基礎,有一定的用戶粘性,手機端是web端的延伸,目標用戶、信息架構、核心體驗等等也都繼承了web端的鮮明風格。這兩款產品可以代兩類表定位不同的音樂播放器。一種是大而全的,功能全面,可滿足用戶管理本地音樂、同步其他設備音樂、發現好音樂等多種需求(類似應用:百度ting、酷我音樂盒、iScrob)。一種是小而簡的,操作簡單,就像使用收音機一樣,打開就聽,不喜歡就換臺(類似應用:蝦米FM、Console.fm)。

QQ音樂

 

1、界面總覽

2、需求分析

目標用戶:熱愛音樂的普通青年,QQ產品的忠實用戶。

用戶需求:隨時隨地聽音樂,沒有wifi時可以聽本地音樂,有wifi時可以在線聽,遇到喜歡的歌曲可以提供 下載,能同步其他設備上收藏的歌曲。

設計目標:提供播放本地音樂、賬號同步、在線收聽、音樂搜索等功能。

3、信息架構

QQ音樂從本地音樂、我的音樂、在線音樂、更多,這四個方面對信息進行整合。

“本地音樂”可以從歌手和專輯的維度對本地音樂進行播放,也可以自建本地音樂的歌單,還可以從這里查找已經下載過的緩存歌曲。

“我的音樂”同步了QQ賬號在各個設備上收藏的歌曲和建立的歌單,這種同步服務可以提高用戶的粘度,培養用戶及時登錄的好習慣。為了增強社交屬性,這里還有“點歌”的二級菜單,QQ用戶可以為好友點歌,送給你的歌曲就會出現在這里。

“在線音樂”是發現好音樂的地方。其中的“電臺”類似于“豆瓣FM”,可以隨機收聽不同主題的音樂,系統還可以根據用戶的收藏和收聽習慣來猜你喜歡。這里同時提供了新歌和熱歌的榜單,幫助用戶最快的了解音樂流行趨勢。這里還有類似于蝦米音樂的精選集,為用戶精選出具有主題的好音樂。

“更多”里面則是整合了一些次要信息,包括個人賬號、緩存設置、定時消息通知、軟件信息。

4、頁面布局

類似于大多數基于iOS的app布局,QQ音樂的list頁采用了列表式的布局,便于查找和擴展。主導航固定于屏幕底部,二級導航在上,左上角是統一的返回上一級按鈕,右上角是正在播放的歌曲詳情頁,便于用戶快速找到正在播放的音樂,進行停止、播放、收藏、下載、分享等操作。

歌曲播放界面采取了全屏展示,最常用的播放/暫停、上一曲/下一曲、音量調節默認顯示,當用戶點擊歌曲封面時,歌曲進度、播放模式、收藏、下載、分享按鈕會顯示出來,用戶可以在這里進行相應操作。

5、手勢操作

對于歌曲的操作并不復雜,QQ音樂采用了上線滑動、左右滑動、單擊的操作手勢,大多是都是用戶常用、顯而易見的手勢操作。只有在查看歌詞的時候,用戶需要向左劃開專輯封面,圖片向左下方劃去,歌詞出現,這一操作并不是很容易發現。

 

豆瓣FM

 

1、界面總覽

2、需求分析

目標用戶:熱愛音樂的文藝青年,豆瓣產品的忠實用戶。

用戶需求:像豆瓣FM一樣,只要一打開,不用任何操作,就能播放那些我喜歡的文藝范兒歌曲。

設計目標:界面清爽、操作簡單、推薦精準、縮短播放歌曲的路徑。

3、信息架構

豆瓣FM的信息架構要簡單許多,層級淺、操作簡單,只要打開電臺,就會播放歌曲。用戶可以滑動歌曲上方選擇兆赫,也可以通過列表選擇。豆瓣不會讓用戶費心的去選擇要聽那首歌,用戶只要挑選想聽的類別,豆瓣就會自動推薦。豆瓣希望用戶可以“用心養電臺”,根據用戶長期的使用習慣,分析用戶加心或選擇不再播放的歌曲,推薦符合用戶喜好的歌曲。

4、界面布局

豆瓣FM的界面非常簡單,打開應用既是歌曲播放界面,界面上只有喜歡、不在播放和下一曲的按鈕?;瑒痈枨戏娇梢赃x擇赫茲,正在播放的歌曲會漸漸消失,新的歌曲會漸漸響起,過度很平緩。

因為豆瓣的定位是電臺,想聽就打開,不想聽就關上,所以播放連暫停按鈕都簡化了。點擊專輯時封面會翻轉,顯示歌曲的評分。

點擊左上角按鈕可以進入分類選擇歌曲的列表頁,列表頁分為私人兆赫和公共兆赫。私人兆赫是豆瓣通過用戶習慣推薦的歌曲和用戶加心收藏的歌曲,公共兆赫隨即推薦具有一定主題的好歌。

點擊右上角的設置按鈕,設置以提醒消息的形式出現,這又為豆瓣節省了一個界面。所以豆瓣FM真正做到了極簡,只有兩個頁面,歌曲播放頁和列表頁。

豆瓣FM的界面還采取了擬物化的設計隱喻,如未播放音樂時的背景就像收音機的喇叭,專輯背面的細節,做的也和真的CD背面一樣。

頁碼: 1 2 下一頁

本文鏈接:http://www.casaleticia.com/music-player-app-analysis-and-redesign.html
本文標簽: , , , , , ,