網易雲音樂IPAD V1.0設計總結

 

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

　　一切從心開始

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

　　一切為iPad用戶量身定做

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

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

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

　　在雲音樂的移動端，由於屏幕尺寸原因，采用了常規的“遞進式”層層深入的界面信息架構，常常會因層級太深，而使用戶需要一層一層跳轉界面來達到用戶的需求。在前期對於iPad平台上面應用調研的時候，很多產品還是沿襲手機端的架構設計方式，並沒有很好利用iPad這個平台的特性，於是針對雲音樂的信息架構進行很多探索性的嘗試，最終采用了“三層結構”模式，使龐大的產品系統進行扁平化設計，化繁為簡，去滿足iPad用戶的使用習慣。

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

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

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

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

　　4、視覺風格

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

　　不斷地驗證和打磨設計

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

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

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

　　用戶反饋與體驗

　　網易雲音樂iPad平台自5月22日正式上架後，得到了用戶的肯定和支持，但是在性能方面和一些細節方面還不夠完善。希望我們的努力和誠意，能夠換來更多喜歡音樂的朋友肯定。在未來的日子裡，我們將不斷地為大家帶來更多的驚喜和優質的產品體驗。