當前位置:
首頁 > 科技 > 實習申請被Apple Music拒了之後,我重新設計它

實習申請被Apple Music拒了之後,我重新設計它

作者 | Jason Yuan


翻譯 | 孫薇


編者按】Jason Yuan,美國西北大學一名大學生,今年早些時候申請了Apple Music平面設計實習生。被拒後,花費了盡3個月時間,重新設計了Apple Music。本文記錄了設計思路與過程,並就Apple Music存在的一些問題提出了自己的解決方案,也表達了自己對軟體未來發展的想法。


作者註:援引這個案例意在說明我重新設計Apple Music的用意並非源於憤怒或怨恨。


今年早些時候,我申請了Apple Music的平面設計實習生職位,雖然面試後被刷下來了,不過這可是一生僅此一次的機會。拒絕郵件也很友好——他們雖然不喜歡我的作品,但希望能看到我有更多訓練、更多成長。

一開始我很沮喪,美國西北大學並未開設任何本科階段的平面設計專業,因此無論他們所期待的是什麼類型的成長,都只能靠我自學。


然而,當我認識到這一點之後,馬上就受到了鼓舞,開始了這段為期3個月的朝聖之旅——Apple Music值得這種讚譽。


對我而言,這是一個鑽研用戶體驗研究和設計的大好機會,能夠有理由將大把時間泡在草圖和原則上,還能有借口拿著粗陋的線框草圖筆記去叨擾身邊的眾人。


本文只是案例研究,嘗試對於Apple Music的一些問題提出可能的解決方案,並給軟體未來的發展提供一些想法。我的研究參考了定性用戶研究、蘋果的官方設計指南,並結合了我自己的設計直覺。


簡介


我在學校的專業是作曲與表演專業,因此對於將音樂與科技相結合這一點一直很感興趣。在設計中,我希望有一天能讓音樂成為更加觸手可及、更令人享受的東西。


但是,Apple Music總是讓我的希望落空。這項服務註定要將世界上的所有人都轉向流媒體,但它還是很青澀的,不如Spotify這樣成熟的應用更有吸引力。


為了更好地理解Apple Music,我按照記憶的時間線,從頭理一下順序。眾所周知,Apple Music的UI界面讓人困惑,視覺特徵無法完整的讓人識別出來,這也是很多讓人頭痛的問題根源。

實習申請被Apple Music拒了之後,我重新設計它


在iOS10系統中,Apple發布了一個非常急需的更新,是基於Complexion Reduction的原則。

實習申請被Apple Music拒了之後,我重新設計它



儘管新的UI界面在導航時更簡單了,但我覺得還是有改進的空間。儘管調色板更加簡潔,字體也放大了,但整個UI還是讓人有雜亂的感覺,甚至會引發幽閉恐懼症,這與Apple一貫的優雅風格相去甚遠。


我在重新設計時分為三步,這些貫穿了我的研究:


核心體驗


品牌標識


視覺界面


1. 核心體驗:發現音樂


首先,我發現了流媒體服務的用戶通常會有以下趨勢:

實習申請被Apple Music拒了之後,我重新設計它



囤積者(Hoarders):


有一個龐大的音樂庫,時不時向其中添加音樂;


對所聽的音樂更有選擇性。


流浪者(Nomads):


依賴播放列表或者目錄內容;


很可能已經在用Spotify了。


而Apple Music位於光譜的Hoarder端。打開Apple Music的播放列表,很可能會看到這樣的描述:


如果聽到了喜歡的音樂,請將其加入音樂庫;

將播放列表當作尋找新音樂的工具,使得Apple Music就像iTunes那樣,給使用者帶來音樂。然而,目前播放列表的實現方式似乎非常死板。我發現用戶並不喜歡將整個播放列表加入個人音樂庫,特別當這個播放列表還在不斷更新的時候。


如果Apple Music想要向另一極(Nomads)拓展,就必須考慮到現有用戶的音樂庫合并問題。也就是說,需要創建一個基於藝術家/歌手和專輯的音樂發現方式,而不是基於播放列表的。下面是我做的例子Sampler:

實習申請被Apple Music拒了之後,我重新設計它



這是一個全新的體驗模式,將Hoarder與Nomad之間有機結合起來,以取代目前的「New Music Mix」,它的產生是基於這樣的理解:對於進入自己音樂庫的內容十分挑剔的用戶也不會有耐心坐在那裡看完整張新音樂的播放列表。更好的方式是將整個播放列表分為小節或者樣例,讓用戶對於要添加到音樂庫以及每周播放列表的內容有足夠的了解,以決定是否添加。


在Sampler中,系統給用戶提供了一系列藝術家/歌手的頭像,分別對應著所推薦的曲目。用戶可以點擊並按住這些頭像,試聽歌曲15秒,然後決定是要向上滑動拒絕推薦,還是向下滑動將歌曲添加到音樂庫中。

實習申請被Apple Music拒了之後,我重新設計它



我選擇了手勢交互的方式,這樣用戶無需盯著屏幕,就能使用Sampler了。一旦有了足夠的樣本,我們就可以通過用戶的選擇數據來創建一個New Music Mix供其使用。


這種體驗背後的機制,靈感來源於這句話:

「蘋果低估了遊戲化的力量。」


這是我在洛杉磯採訪的一位UX設計師兼Apple Music的用戶告訴我的。


通過遊戲化體驗,我逐漸明白:用戶能夠迅速與他們所發現的音樂建立聯繫。此外,Sampler也可以持續為Apple Music提供聽眾偏好的相關信息,令應用與用戶一同發展成長。


2. 品牌標識


我在Sony Music實習的時候,學到了這一點:流媒體服務中的品牌視覺呈現儘管是無形的,卻必須具有可辨識性的。Spotify所使用的半色調攝影效果,以及在播放列表的專輯封面中的「爆炸性」效果都是這方面的優秀範例。

實習申請被Apple Music拒了之後,我重新設計它



與之相比,Apple Music的視覺品牌目前就太混雜了:

實習申請被Apple Music拒了之後,我重新設計它


夾雜了符號、3D字體以及黑白攝影效果。此外,還有抽象派的封面,沒辦法真正讓用戶了解其播放列表中的情緒或者感覺。


主要的問題似乎是:Apple Music將所有內容都丟到了外面,想試試哪個更有吸引力,而不是真正開發出一種始終如一的視覺語言,讓人在浩如煙海的專輯封面中,感受到蘋果在應用層面的存在。


我的解決方案是構建下面的原則:


專輯封面應當作為UI的一部分,而不是獨立的視覺組成部分。


注重藝術家/歌手的封面:


靈感來源於Apple Music的歡迎界面,我選擇將圓形外框的藝術家頭像陳列出來。圓形的靈感來源於iPod的按鈕,這也是蘋果在音樂方面的標誌性慣例。「以圓形框起的頭像」主題也是在致敬iOS的其它應用,特別是「聯繫人」應用。


同時,與UI保持了一致的風格。最後,我將調色板限制為不同色調的藍色、紫色和紅色,以回應Apple Music的Icon。


推薦的播放列表封面:


對於推薦的播放列表而言,我想讓它看起來與「突出藝術家」這一主題一致,同時要通過色澤的運用,體現出播放列表中歌曲的情緒或氛圍。在背景採用相同圖片的高斯模糊效果之後,圖片會顯得更加生動,這一靈感來源於iOS的背景模糊效果。對特定某些封面,我略微調整了Apple Music簽名的顏色梯度,以加強立體感。


核心的播放列表封面:

最後,我按照上面的方式重排了某些核心的播放列表封面。


我認為這個新的品牌主題與UI的其它部分融合地很好,很好奇看到這個圓形主題是否能夠設法在用戶輸入內容的基礎上產生動畫。


3. 視覺界面


整體改善


關於目前的界面,我聽到的最多抱怨就是太過枯燥乏味,缺少令人開心的元素。為了解決這個問題,我通過微調達到了下面的效果:

實習申請被Apple Music拒了之後,我重新設計它



音樂庫


微調了字體和標籤寬度,刪除了默認菜單選項中的下載音樂選項——我認為播放器應當能根據用戶是使用流量還是WiFi,自適應調整用戶所聆聽的音樂類型。


下面是我對應用增加的一些動畫細節,讓它不那麼枯燥乏味。應用的圓形邊緣已經讓它顯得很有活力了,為什麼不幹脆更活潑一些呢?

演示動畫,請訪問:https://cdn-images-1.medium.com/max/1000/1*irov7B9FAaumtLSLDugAaA.gif(需翻牆觀看)


For You


「For You」是Apple Music的核心,可以根據用戶的喜好,來推薦播放列表還有專輯,這是Apple Music展現自己對用戶有多了解的地方。


目前我收到了很多反饋,都是關於Apple Music的「For You」功能太過隨機的抱怨,在我的重新設計中,我的目標是減少給用戶呈現的內容量,增加剩下內容的相關性……就像Facebook和Instagram的「Top posts」那樣。


在Sampler中,我重新設計了「For You」版塊,替代目前的 「My Favorites Mix」 和 「My New Music Mix」。完整保留「Recently Played」這個用戶覺得很有用的功能。


演示動畫,請訪問:https://cdn-images-1.medium.com/max/1000/1*QUIA5aEdM9cajMeeV4JBPw.gif


(需翻牆觀看)


下面大家可以看到,我將「Insert Day of the Week Here—Playlist」替換成了特定的情緒,會根據地理位置、時間和最近的社交媒體行為來改變。

實習申請被Apple Music拒了之後,我重新設計它


下面是Daily Stream作為應用如何根據用戶偏好,向用戶推送獨家內容的範例。例如我非常喜歡Katy Perry,那麼如果她在Carpool Karaoke中的插曲放出了,Call-To-Action就可以自動改變,將Katy的特寫頭像放在明顯位置。

實習申請被Apple Music拒了之後,我重新設計它



下面還有經典的Artist Spotlight,我在Demo中保留了這個,可以看到新的視覺品牌主題與UI的其它部分完美融合。

實習申請被Apple Music拒了之後,我重新設計它



最後但也同樣重要的,用戶可以預覽他們最喜歡或最常播放的音樂流派,因此他們可以快速找到更多音樂,即便在For You列表中沒能找到感興趣的內容。

實習申請被Apple Music拒了之後,我重新設計它



Connect功能呢?


事實上,我在研究中並沒有看到任何數據,證明用戶需要按現在這樣保留原Connect功能的。用戶對通過音樂,與家人朋友保持聯繫更感興趣,就像Spotify那樣的,而不是像現在這樣通過Twitter來關注藝術家。


我認為蘋果應當重視這一點,將現有的社交媒體與Apple Music結合起來。


Browse


關於現有的Browse界面,我收到的大多反饋都認為它過於乏味,沒有吸引力。一些用戶也對於「For You」和「Browse」之間的區別提出了疑問。


我的解決方案是:按照蘋果網站的Jumbo幻燈片方式,重新設計現有的Feature Slides,這樣的話Feature Slides會有吸引力,也減少隨機性。

實習申請被Apple Music拒了之後,我重新設計它



我還將「Radio」菜單融入了當前的Browse菜單中。

實習申請被Apple Music拒了之後,我重新設計它



Watch


今年早些時候,Apple確認Apple Music將會增加視頻流媒體的內容。Apple Music有計劃拓展為流行文化的中心,對於如何實現這個目標,特別是在移動應用的背景下,我還是很好奇的。因此我特別為它創建了一個單獨的標籤,供用戶瀏覽獨家視頻內容和音樂視頻。

實習申請被Apple Music拒了之後,我重新設計它



目前的設計是我根據自己得到的信息,還有Apple Music現有的視覺語言設計的。


Search


Apple Music目前處理Search功能的主要問題在於:它是基於模式系統的,可以根據Apple Music或者音樂來搜索,但不能同時搜索這兩者。

實習申請被Apple Music拒了之後,我重新設計它



作為有兩年使用經驗的Apple Music用戶,我在使用時還經常會出錯,特別是音樂庫模式在關鍵字方面的處理方式也是不同的:

實習申請被Apple Music拒了之後,我重新設計它



我的解決方案是:將這兩者融合到一起,成為一個綜合性的「search」功能,將用戶的音樂庫內容的搜索結果顯示在前,然後是其它的。

實習申請被Apple Music拒了之後,我重新設計它



此外,應當支持對音樂庫進行模糊關鍵字的搜索。未來的話,如果能夠搜索關於情緒或行為的關鍵字,應當也是很有趣的。


Now Playing


蘋果的Now Playing界面是我最喜歡的,我不覺得有什麼需要大改的。在我的設計中,這個功能的大部分可視界面都保留下來了,但是當前的體驗如果能增加一些手勢交互的話,我覺得會更好一些。


對於很多用戶來說,通過「喜歡」和「不喜歡」命令來「訓練」Apple Music的必要不夠明確。一部分也是因為這個命令隱藏過深,在移動界面,「喜歡」一首歌需要用戶打開單獨的菜單,這個過程太過乏味,也降低了它的影響。

實習申請被Apple Music拒了之後,我重新設計它



我的解決方案是:將大多用戶已經熟悉的手勢功能引入——通過雙擊來增強Now Playing的體驗。我發現有很多用戶都喜歡去點擊當前「浮動」的封面,那幹嘛不添加一個回應呢?

實習申請被Apple Music拒了之後,我重新設計它



此外,我還增加了快速預覽臨近曲目的功能,通過水平滑動實現。我認為這樣能夠給予用戶更直觀的方式,增強他們的聆聽體驗。

實習申請被Apple Music拒了之後,我重新設計它



未來


回顧一下我在筆記本上的草稿,從最初的頭腦風暴到現在,我很欣喜也驚訝於自己在三個月內的進展。


在此之前,我沒有Principle的相關知識,也基本上不會在Sketch中編輯混合模式。如今,坦白來說我在設計App原型上還是個新手,但至少能夠作出些東西來了。


我沒打算Apple Music能採用這個研究中的內容,事實上如果Apple Music的誰偶爾能看到這篇文章,我都要得心臟病了。不過如果真有人看到,我希望我的文章能給大家通過一些想法,引起一些討論。


喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 CSDN 的精彩文章:

閱文集團帥翔:從0到1落地分布式存儲系統架構
無人駕駛的決策規劃控制技術
如何撰寫一篇受人歡迎的博客

TAG:CSDN |

您可能感興趣

蘋果對 iPhone 禁售令發聲明:尊重裁定,已申請複議;Tumblr 整改後重新上架 App Store
Magic Leap開發者大會開放申請;Adobe Captivate
WiseWear將提交破產申請歸咎於蘋果停用Apple Watch診斷埠的決定
博後有代價,申請需謹慎!——The price of doing a postdoc
Tuck取消EA Round;GSB,Fuqua,Ross,Anderson 申請計劃發布
楊森 NYU Stern Operations Management PhD 申請分享
蘋果申請新專利:將來MacBook可以給iPhone無線充電了
蘋果重新申請商標,AirPower要復活?
涼了?SM Studios撤銷新主機「Mad Box」的商標申請
華為在歐盟申請了Mate Mini和Mate Smart兩個新商標
蘋果申請新專利:iPhone可能取消Lightning介面
Kanye West要進軍電影界了!現已提交「Half Beast,LLC」商標申請!
蘋果申請AR眼鏡新專利:或完爆Oculus/HoloLens
Jony Ive 已申請「LoveFrom Jony」商標
iPad版Photoshop CC 開始接受公測申請
華為申請新的商標Cine Camera 可能用於Mate 30系列
Apple計劃重新申請用於保護iPhone的手機殼專利
蘋果Apple Card實體卡開箱,申請要求寬鬆
微軟為Surface Phone申請Back Touch專利
Ripple曾向Gemini和Coinbase申請上市未果 或因瑞波幣被視為證券