豆瓣FM 3.0,新版設計背后的理念和邏輯

0 評論 2819 瀏覽 1 收藏 4 分鐘

6月6日,豆瓣FM 3.0 iOS 版上線,之后Android 版本也隨之更新。按照豆瓣官方博客的說法,這是豆瓣FM App自2010年2月上線以來最重要的一次改版。新版本除了功能上有些許調整,最大的變化就是整個界面和交互進行了全新的設計。而在此次改變的背后,或許我們可以探尋一下豆瓣FM 新版設計的理念和邏輯。

從上面新舊兩版App 的截圖可以看出,豆瓣FM 由原來的全黑色背景和白色文字,變成了現在黑色背景、綠色兆赫方塊以及大專輯封面的樣式。兩個版本的產品邏輯都同樣簡單,但新版本更加突出了音樂本身,去掉了一些不必要的修飾,同時讓用戶在聽音樂這件事上有著更好的體驗。

按照豆瓣的說法,豆瓣FM是一款提供伴隨式個性化音樂收聽服務的應用。但隨著豆瓣FM web版的不斷改進,該服務本身已擁有數千個DJ兆赫,所服務的用戶數量也達到千萬級。而從2010年9月2.0更新之后,豆瓣FM App就沒有太大的變化,其原有的設計已無法用戶的各種需求,所以豆瓣3.0 在功能和界面上的設計也就隨之而來了。

IMG_2793

豆瓣資深交互設計師尚文歡告訴PingWest:“3.0改版的一個主要目的,就是要將大量DJ兆赫更加簡單直接的展示在一個界面上,這和微軟的Modern UI、Google的Android Design 的理念類似。” 而采用綠色作為DJ兆赫 模塊的主色調,一方面是和豆瓣FM web版的配色一致,另一方面也是因為綠色是豆瓣本身的主色調。

豆瓣視覺設計師Tifa 則告訴PingWest:“對于豆瓣FM的整體視覺,我希望它能具有包容力,可以承載各種風格的歌曲,其次我希望弱化這個平臺本身的特點,而把更多的內容呈現出來,由音樂及使用的人去賦予它所帶來的情感。

doubanFM3-01-576x1024

至于播放界面,豆瓣3.0 也遵循著同樣的理念:簡化設計,將用戶最需要和關心以外的東西去掉,突出內容。用合適的大小呈現專輯封面,將用戶的注意力集中到歌曲本身上來。封面底部采用大量留白來簡化信息呈現,讓用戶在很容易操作的同時也減少了不同形式信息的視覺干擾。

在App的交互設計上,豆瓣設計師們也盡可能的讓App的內容層級和操作方式變得更加扁平——通過簡單的上下滑動在兆赫列表和播放界面間切換,點擊封面出現歌詞等。手機的屏幕相對電腦要小很多,而通過這種更加扁平的信息交互方式,可以很好的解決狹小空間展現內容的難題。

文章來源:pingwest

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!