萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 網易雲音樂IPAD V1.0設計總結

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

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

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

  一切從心開始

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

  一切為iPad用戶量身定做

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

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

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

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

項目實戰!網易雲音樂iPad V1.0設計總結

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

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

項目實戰!網易雲音樂iPad V1.0設計總結

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

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

項目實戰!網易雲音樂iPad V1.0設計總結

  4、視覺風格

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

項目實戰!網易雲音樂iPad V1.0設計總結
項目實戰!網易雲音樂iPad V1.0設計總結

  不斷地驗證和打磨設計

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

項目實戰!網易雲音樂iPad V1.0設計總結

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

項目實戰!網易雲音樂iPad V1.0設計總結

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

  用戶反饋與體驗

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

項目實戰!網易雲音樂iPad V1.0設計總結
copyright © 萬盛學電腦網 all rights reserved