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

來源:互聯網
上載者:User

 

  網易雲音樂作為網易旗下的重磅產品,無論做工還是體驗都是同類軟體的翹楚,從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日正式上架後,得到了使用者的肯定和支援,但是在效能方面和一些細節方面還不夠完善。希望我們的努力和誠意,能夠換來更多喜歡音樂的朋友肯定。在未來的日子裡,我們將不斷地為大家帶來更多的驚喜和優質的產品體驗。

相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。