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

2、便捷和平實(shí)的操作手勢(shì)

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

3、在功能強(qiáng)大與易用中求取平衡

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

4、視覺(jué)風(fēng)格

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

不斷地驗(yàn)證和打磨設(shè)計(jì)

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

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

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

用戶反饋與體驗(yàn)

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

來(lái)源：uedc.163