項目實戰(zhàn)！網(wǎng)易云音樂iPad V1.0設計總結

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

網(wǎng)易人物專訪：

《網(wǎng)易設計師專訪：一個南方姑娘的徒步夢想》
《網(wǎng)易設計師專訪：視覺設計師常雅莉的成長故事》

網(wǎng)易好文出品：《剛接觸APP設計的同學必讀！APP的解構與重構》

一切從心開始

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

一切為iPad用戶量身定做

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

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

1、化繁為簡——信息結構扁平化「三層結構」

在云音樂的移動端，由于屏幕尺寸原因，采用了常規(guī)的“遞進式”層層深入的界面信息架構，常常會因?qū)蛹壧睿褂脩粜枰粚右粚犹D界面來達到用戶的需求。在前期對于iPad平臺上面應用調(diào)研的時候，很多產(chǎn)品還是沿襲手機端的架構設計方式，并沒有很好利用iPad這個平臺的特性，于是針對云音樂的信息架構進行很多探索性的嘗試，最終采用了“三層結構”模式，使龐大的產(chǎn)品系統(tǒng)進行扁平化設計，化繁為簡，去滿足iPad用戶的使用習慣。

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

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

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

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

4、視覺風格

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

不斷地驗證和打磨設計

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

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

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

用戶反饋與體驗

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

原文地址：uedc.163

【優(yōu)設網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關于優(yōu)設網(wǎng)================
"優(yōu)設網(wǎng)uisdc.com"是一個分享網(wǎng)頁設計、無線端設計以及PS教程的干貨網(wǎng)站。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量70萬的人氣微博@優(yōu)秀網(wǎng)頁設計 ，歡迎關注獲取網(wǎng)頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網(wǎng)站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經(jīng)驗分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設計 微信號：【youshege】優(yōu)設哥的全拼
您也可以通過掃描下方二維碼快速添加：