項目實戰(zhàn)!網(wǎng)易云音樂IPAD V1.0設(shè)計總結(jié)

4 評論 11259 瀏覽 10 收藏 8 分鐘

網(wǎng)易云音樂作為網(wǎng)易旗下的重磅產(chǎn)品,無論做工還是體驗都是同類軟件的翹楚,從Android到iPhone,都是好評如潮?,F(xiàn)在iPad端也上線了,產(chǎn)品團隊分享了這款產(chǎn)品從調(diào)研到落地的全部過程,希望同學(xué)們閱讀完之后可以了解一下專業(yè)的設(shè)計流程,對今后加入大公司參與工作,非常有幫助呦。

一切從心開始

當(dāng)網(wǎng)易云音樂iphone平臺上線的那一刻開始,項目組就不斷地收到了很多用戶希望iPad平臺早日上線的呼聲。這種期待給了我們一種無形的力量,也讓我們更加堅信我們不能隨隨便便地把iPhone的所有設(shè)計照抄照搬,簡簡單單做個適配而已,哪怕它是一個用戶為數(shù)不多的平臺,我們也要從“心”開始,給喜歡音樂的朋友一個有誠意的專屬于iPad平臺的音樂產(chǎn)品。

一切為Ipad用戶量身定做

從我們開始接到設(shè)計iPad平臺任務(wù)時候,我們就一直在思考iPad用戶聽音樂的行為和習(xí)慣。我們用戶通過問卷調(diào)查和用戶訪談去探究用戶使用iPad聽音樂的習(xí)慣和特征。

相較于手機端,iPad平臺使用場景比較集中,在移動場景和固定場景下用戶表現(xiàn)的行為特征也較為突出。同時iPad用戶具有一心二用的特性,往往是一邊在“玩游戲”,“看小說”,“看新聞”時,一邊聽音樂。這要求。我們在設(shè)計上不能過于繁瑣,層級不能過深。一切以方便用戶便捷操作為核心進(jìn)行整個版本的設(shè)計。

1、化繁為簡——信息結(jié)構(gòu)扁平化「三層結(jié)構(gòu)」

在云音樂的移動端,由于屏幕尺寸原因,采用了常規(guī)的“遞進(jìn)式”層層深入的界面信息架構(gòu),常常會因?qū)蛹壧?,而使用戶需要一層一層跳轉(zhuǎn)界面來達(dá)到用戶的需求。在前期對于iPad平臺上面應(yīng)用調(diào)研的時候,很多產(chǎn)品還是沿襲手機端的架構(gòu)設(shè)計方式,并沒有很好利用iPad這個平臺的特性,于是針對云音樂的信息架構(gòu)進(jìn)行很多探索性的嘗試,最終采用了“三層結(jié)構(gòu)”模式,使龐大的產(chǎn)品系統(tǒng)進(jìn)行扁平化設(shè)計,化繁為簡,去滿足iPad用戶的使用習(xí)慣。

yimusic2

2、便捷和平實的操作手勢

結(jié)合簡潔的三層結(jié)構(gòu)模式的運用,使用手勢也是iPad用戶不可以缺少的快捷操作。云音樂是一個功能豐富的音樂產(chǎn)品,界面跳轉(zhuǎn)邏輯較為復(fù)雜,返回操作頻繁。但是在網(wǎng)易云音樂ipad平臺上,幾乎沒有任何返回button。僅憑手勢就可以游走于三層結(jié)構(gòu)的所有界面。同時對于音樂切歌,MV的快進(jìn)快退都做了手勢的設(shè)計,滿足iPad用戶快捷操作的需求。

yimusic3

3、在功能強大與易用中求取平衡

網(wǎng)易云音樂是一個功能豐富的音樂產(chǎn)品,在滿足音樂用戶多元化需求的同時,我們對用戶操作體驗易用性也從來沒有放松。尤其對iPad較為大尺寸的屏幕,如何合理的運用是設(shè)計師不得不思考的問題。比如我們的播放頁大概有18個操作button。如何針對操作的分類與整理是讓設(shè)計師較為頭疼的事情。設(shè)計師們一遍一遍嘗試和修改。在復(fù)雜中去探索簡約之道,使在功能強大與易用中求取平衡。

yimusic4

4、視覺風(fēng)格

網(wǎng)易云音樂在總體視覺風(fēng)格上進(jìn)行了大膽的改變及創(chuàng)新。從原來深沉的的紅黑主色調(diào)變成了如今的素雅紅白主色調(diào),給人以清新淡雅的感覺。在設(shè)計上也趨于當(dāng)今最流行的扁平化的風(fēng)格設(shè)計,在每個界面上都精雕玉琢,界面簡潔又不失個性與內(nèi)涵。

yimusic5

yimusic6不斷地驗證和打磨設(shè)計

從產(chǎn)品初期的信息架構(gòu),到交互草稿,初稿,可操作的原型,我們幾乎時時刻刻都在討論的用戶的操作邏輯,界面的元素擺放,針對平臺特性的優(yōu)化。由于iPadV1.0是一個全功能甚至比現(xiàn)有移動平臺功能還多的特殊平臺,在面對全新且功能眾多,邏輯復(fù)雜的,設(shè)計師為了完整和準(zhǔn)確地表述自己的設(shè)計想法。用紙面原型表現(xiàn)界面之間的邏輯和跳轉(zhuǎn)關(guān)系,為溝通帶了極大的便捷。

yimusic7

為了較真實地反應(yīng)出我們在設(shè)計中所存在的問題,我們通過制作高保真可操作的原型(幾乎試遍了所有在iPad上的原型工具,最后用Justinmind來模擬最終效果),很好地還原了我們預(yù)期的測試效果,將整個應(yīng)用的信息架構(gòu),界面切換和交互行為都完整呈現(xiàn)在用戶面前。

yimusic8

在開發(fā)過程中,設(shè)計師為了能夠捕捉每一個細(xì)節(jié),用動畫demo來模擬響應(yīng)時間和動效的流暢性。對每個細(xì)節(jié)做到斤斤計較。同時便于開發(fā)快速理解設(shè)計師的原意。很大程度上提高了產(chǎn)品的開發(fā)效率。

用戶反饋與體驗

網(wǎng)易云音樂iPad平臺自5月22日正式上架后,得到了用戶的肯定和支持,但是在性能方面和一些細(xì)節(jié)方面還不夠完善。希望我們的努力和誠意,能夠換來更多喜歡音樂的朋友肯定。在未來的日子里,我們將不斷地為大家?guī)砀嗟捏@喜和優(yōu)質(zhì)的產(chǎn)品體驗。

yimusic9

來源:uedc.163

 

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!