網(wǎng)易云音樂(lè)iPad V1.0 設(shè)計(jì)總結(jié)

3 評(píng)論 13443 瀏覽 9 收藏 8 分鐘
🔗 技术知识、行业知识、业务知识等,都是B端产品经理需要了解和掌握的领域相关的知识,有助于进行产品方案设计和评估

一切從心開始

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

一切為iPad用戶量身定做

從我們開始接到設(shè)計(jì)iPad平臺(tái)任務(wù)時(shí)候,我們就一直在思考iPad用戶聽音樂(lè)的行為和習(xí)慣。我們用戶通過(guò)問(wèn)卷調(diào)查和用戶訪談去探究用戶使用iPad聽音樂(lè)的習(xí)慣和特征。

相較于手機(jī)端,iPad平臺(tái)使用場(chǎng)景比較集中,在移動(dòng)場(chǎng)景和固定場(chǎng)景下用戶表現(xiàn)的行為特征也較為突出。同時(shí)iPad用戶具有一心二用的特性,往往是 一邊在“玩游戲”,“看小說(shuō)”,“看新聞”時(shí),一邊聽音樂(lè)。這要求。我們?cè)谠O(shè)計(jì)上不能過(guò)于繁瑣,層級(jí)不能過(guò)深。一切以方便用戶便捷操作為核心進(jìn)行整個(gè)版本 的設(shè)計(jì)。

(1)化繁為簡(jiǎn)——信息結(jié)構(gòu)扁平化-三層結(jié)構(gòu)

在云音樂(lè)的移動(dòng)端,由于屏幕尺寸原因,采用了常規(guī)的“遞進(jìn)式”層層深入的界面信息架構(gòu),常常會(huì)因?qū)蛹?jí)太深,而使用戶需要一層一層跳轉(zhuǎn)界面來(lái)達(dá)到用戶 的需求。在前期對(duì)于iPad平臺(tái)上面應(yīng)用調(diào)研的時(shí)候,很多產(chǎn)品還是沿襲手機(jī)端的架構(gòu)設(shè)計(jì)方式,并沒(méi)有很好利用iPad這個(gè)平臺(tái)的特性,于是針對(duì)云音樂(lè)的信 息架構(gòu)進(jìn)行很多探索性的嘗試,最終采用了“三層結(jié)構(gòu)”模式,使龐大的產(chǎn)品系統(tǒng)進(jìn)行扁平化設(shè)計(jì),化繁為簡(jiǎn),去滿足iPad用戶的使用習(xí)慣。

(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)在用戶面前。

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 已經(jīng)習(xí)慣了用某個(gè)音樂(lè)軟件,已經(jīng)收藏很多歌曲的用戶,在試用之后默默的卸載了?why?我不想再收藏一遍喜歡的音樂(lè)!所以只面向新用戶吧!

    來(lái)自上海 回復(fù)
  2. 想法不錯(cuò)··軟文是產(chǎn)品經(jīng)理寫的?

    來(lái)自北京 回復(fù)
  3. 跟百度音樂(lè)明明很像….

    來(lái)自北京 回復(fù)