(Untitled)

AppleMusic 設計 · 發表 2019-03-18 08:08:44

摘要：我被Apple Music拒絕了......所以我重新設計了它 Jason Yuan BlockedUnblockFollow 2017年5月8日我想在這個案例研究的前言中說明我重新設計Apple Music背後的意圖絕不是憤怒或怨...

我被Apple Music拒絕了......所以我重新設計了它

Jason Yuan BlockedUnblockFollow 2017年5月8日

我想在這個案例研究的前言中說明我重新設計Apple Music背後的意圖絕不是憤怒或怨恨。

今年早些時候，我申請並採訪了Apple Music的平面設計實習（這是一生難得的機會），並被拒絕了一封非常友好的信，聲稱雖然他們喜歡我的工作，但他們希望看到更多的成長和培訓。

起初，我很沮喪---西北大學不提供任何形式的本科平面設計課程，所以無論他們尋求什麼樣的成長，都必須自學...

......但是一旦我意識到這一點，我就開始著手開始一個長達三個月的聖盃之旅--- Apple Music應得的iOS應用程式。

對我來說，這是一個真正深入瞭解使用者體驗研究和設計的機會，這是在Sketch和Principle上花費太多時間的藉口，這是一個讓我周圍的人用我粗略繪製的線框筆記本bore ...的理由:joy:...

您將在下面找到的案例研究提供可能的解決方案，以解決Apple Music的一些問題，以及未來發展的想法。我的流程以定性使用者研究，Apple的官方設計原則和我自己的設計師直覺為指導。

介紹

作為一名具有音樂創作和表演背景的設計師，我一直對與音樂和技術結合的體驗充滿熱情。通過設計，我希望有一天能讓音樂體驗更加便捷和愉悅。

但是，Apple Music總是讓我感到沮喪。什麼本來是給全世界的人轉換成流是經歷青春期的服務 ---一個短語這意味著此處相比，在遊戲（又名Spotify的）大人穩步成熟又缺乏吸引力。

為了更好地理解Apple Music，我沿著記憶小道走了一趟並重新開始了它。蘋果音樂的第一個身份是一個眾所周知的令人困惑的介面和半生不熟的視覺形象，是許多頭痛的罪魁禍首。謝謝你，Lana Del Rey和Wayback Machine

藉助iOS10，Apple釋出了基於膚色減少原理的急需更新。窺視那不可思議的Pentatonix作品由我親愛的朋友和導師安妮·斯托爾

雖然這個新介面更容易導航，但我仍然覺得還有改進的餘地。儘管它簡化了調色盤和放大的排版，但介面卻顯得雜亂無章，甚至幽閉恐怖 - 這與蘋果通常的優雅相去甚遠。

我在三個步驟中進行了重新設計，同時進行了整個研究：

核心經驗
品牌識別
視覺介面

1.核心體驗：音樂發現

我發現的第一件事就是流媒體服務的使用者通常會在以下範圍內出現問題：標記自己;我是曖昧的格林地區

囤積者：

有一個他們不時新增的大型圖書館
對他們聽的內容更有選擇性

遊牧民族：

依靠播放列表/精選內容
可能已經在使用Spotify了

Apple Music位於Hoarder一側。開啟Apple Music播放列表，您可能會在說明中找到它：

如果您聽到喜歡的內容，請將其新增到您的圖書館。

將播放列表視為發現新音樂的工具是一種理所當然的方法，因為Apple Music將其作為iTunes的過去。但是，目前播放列表的實現方式非常明顯。我發現使用者不習慣將整個播放列表新增到他們的個人庫中，特別是如果所述播放列表不斷更新的話。

如果Apple Music希望擴充套件到頻譜的遊牧方面，他們必須以帶來現有使用者群的方式進行。這意味著建立以藝術家和專輯為中心而不是播放列表的音樂發現體驗。輸入...我的取樣器

我的取樣器

我的取樣器是一種新的體驗，用於彌合Hoarders和Nomads之間的差距，取代目前的"New Music Mix"。它的誕生是出於這樣的理解，那些對於進入他們的圖書館的人挑剔的使用者也會更不願意坐在一個充滿新音樂的整個播放列表中。更好的體驗是呈現策展的片段 - 或樣本 - 為使用者提供足夠的資訊來決定是否將其新增到他們的庫和每週播放列表中。

進入取樣器後，向用戶呈現一系列與精選歌曲相對應的藝術家頭像。使用者可以點按並按住以預覽每首歌曲15秒，然後向上滑動以拒絕歌曲或向下滑動以將歌曲新增到其庫中。 Tinder一代的音樂

我選擇使用手勢互動，以便使用者即使不看螢幕也可以使用Sampler。一旦使用者完成取樣，他們的選擇將用於建立使用者可以收聽的新音樂組合。

這次經歷背後的機制受到以下引言的啟發：

"蘋果低估了遊戲化的力量。" ---我在洛杉磯採訪的UX設計師和Apple Music使用者

我已經明白，通過遊戲化的體驗，使用者能夠立即建立與他們發現的音樂的連線。此外，取樣器有可能為Apple Music提供有關收聽者偏好的持續資訊流，從而允許應用程式隨使用者進化和發展。

2.品牌識別

在索尼音樂實習期間，我瞭解到一個品牌在流媒體服務中的視覺存在必須是可識別的，但同時也是不可見的。 Spotify在他們的播放列表專輯中使用了半色調攝影和"Bursts"非常好。

相比之下，Apple Music的視覺品牌現在已經到處都是：

這裡有各種符號，3D排版和黑白攝影。

此外，還有拼貼主題的封面，並沒有真正傳達有關播放列表的情緒/感覺的任何資訊。 ...

主要問題似乎是Apple Music將所有東西扔到牆上以檢視是什麼棒，而不是真正開發出一致的視覺語言，這意味著Apple在專輯藝術作品中出現在應用程式中。

我的解決方案基於以下原則：

專輯圖稿應被視為UI的一部分，而不是獨立的可視元件。

藝術家聚焦藝術品：

受Apple Music歡迎螢幕的啟發，我選擇在圓形圖案中展示藝術家的爆頭。圓圈形狀的靈感來自iPod clickwheel--這是Apple音樂遺產的標誌性部分。 "面內圈"主題也可以在iOS的其他方面看到，尤其是聯絡人。

此外，我選擇舊金山，以便藝術家聚光燈藝術品與UI協調。最後，我將調色盤限制為藍色，紫色和紅色的不同色調/色調，以反映Apple Music Icon。藝術家聚光燈

策劃的播放列表作品：

對於Curated播放列表，我希望外觀與Artist Spotlights一致，同時通過使用顏色展示播放列表的情緒/氛圍的一個方面。使用高斯模糊濾鏡（受iOS背景模糊的啟發），在相同影象的背景下顯示更生動的影象。對於某些封面，我還添加了Apple Music標誌性紅色的微妙漸變，以增添立體感。策劃的播放列表

核心播放列表作品：

最後，我使用與Artist Spotlights和Curations相同的排版更新了一些核心播放列表的居中圖形。核心播放列表

我認為這個新的品牌推廣方案與UI的其他部分很好地協調，並且很想知道這個圓形圖案是否也可以根據使用者輸入以某種方式動畫...

3.視覺介面

一般改進

我聽說當前介面的主要抱怨是它感覺太無菌了，缺乏喜悅的元素。為了開始解決這個問題，我通過微妙的應用程式範圍調整優化了空白區域，如下所示：上圖：EXID的無恥廣告

圖書館

我不認為庫選項卡的主要更改是必要的，因此我將更改限制為標準空格和型別化調整。我刪除了Downloaded Music 作為預設選單選項，因為我認為該應用應根據LTE / WiFi的可用性自行調整使用者能夠訪問的音樂。

下面是我新增的一些微妙的動畫細節（存在於所有標籤中），使應用程式感覺不那麼無菌。應用程式的圓角已經讓它看起來有彈性，為什麼不讓它感覺 有彈性 呢？

為了你

"For You"是Apple Music的跳動核心。 Apple Music可以根據使用者的"喜愛"策劃播放列表和專輯，從而靈活地瞭解使用者對該使用者的瞭解程度。

我收到了大量有關當前"For You"感覺如何隨機的反饋，因此對於我的重新設計，我的目的是減少使用者投入的內容量，同時增加剩下的內容的相關性......比如Facebook和Instagram的"熱門帖子" "。

重新設計的"For You"以"My Sampler "開頭，代替當前的"My Favorites Mix"和"My New Music Mix"。 "最近播放"保持不變，因為使用者發現它非常有用。

向下滾動，你會發現我已經將"每週插入日期---播放列表"更改為特定情緒，該情緒將根據位置，時間和最近的社交媒體活動進行調整。

如果在Facebook上檢視咖啡館後，Apple Music會將此Mood 部分更新為Focus / Study播放列表，那會不會很棒？

如果我們無論如何都要在社交媒體上分享我們的整個生活，不妨從中獲取一些東西，你感覺如何？

下面是每日流 ，這是一個如何根據使用者的喜好將獨家視訊內容推送給使用者的示例。例如，我真的很喜歡Katy Perry，所以如果發行了Cartle卡拉OK的Katy Perry劇集，可以改變Call-To-Action以強調Katy的外觀。這在技術上尚未釋出，但請讓它成為現實。

之後，您將找到經典的藝術家聚光燈，我在此演示中一直展示新的視覺品牌推廣方案如何與其他UI協調工作。

最後但並非最不重要的是，使用者可以預覽他們最喜愛/播放的流派，以便他們可以快速訪問更多音樂，如果For You feed中的任何內容都無法激發他們的興趣。我想不出一個適合Pop 的好工具，因此泡泡糖但是Connect 發生了什麼？

好問題。事實是，我沒有看到我的研究中的任何資料證明將Connect Feed保持在應用程式中是合理的。使用者更喜歡通過音樂（一種Spotify）與朋友和家人聯絡，而不是通過一個淡化的Twitter與藝術家聯絡。

我認為Apple應該專注於將現有的社交媒體 與Apple Music整合，而不是試圖在其已經負擔過重的消費者身上推出另一款社交媒體 。 Paramount Pictures / Mean Girls的圖片來源

瀏覽

我收到的關於當前瀏覽螢幕的大部分反饋是，它感覺太無菌和不吸引人。一些使用者也對"For You"和"Browse"之間的差異表示混淆。

我的解決方案是重新設計Apple網站風格的功能幻燈片---填充視口寬度的Jumbo幻燈片，以及使用者在幻燈片中的位置的水平指示。我相信這一變化使精選內容更具吸引力，更少侵入性/隨機性。

我還將Radio選單合併到現有的Browse選單中。這方便地為Watch 標籤騰出空間......

看

今年早些時候，Apple確認Apple Music正在擴充套件視訊流內容，以努力將Apple Music變成流行文化的核心。我很好奇這將如何發揮作用，特別是在移動應用程式的環境中，所以我建立了一個單獨的選項卡專門用於瀏覽獨家視訊內容和音樂視訊。將標籤專用於視訊的額外好處是"瀏覽"可以專門用於音訊內容。

最終將有足夠的內容來證明專用標籤的合理性，但是現在我的設計決策基於洩露的資訊以及Apple Music現有的可視語言。

搜尋

Apple Music現在處理搜尋的主要問題在於它基於模式系統：您可以在Apple Music或您的圖書館中搜索---但不能同時搜尋兩者。

使用這個應用程式兩年後，我仍然發現自己對處於錯誤模式感到沮喪，特別是因為庫模式處理關鍵字的方式不同：這尤其令人討厭，因為輸入錯誤的可能性很高，特別是如果使用者正在查詢尚未在其庫中的新歌曲或藝術家。

我的解決方案是將兩種模式合併為一個通用的"搜尋"，首先顯示使用者庫的結果，然後是Apple Music上可用的任何其他內容。很明顯，我是Lady Gaga的忠實粉絲嗎？

對模糊關鍵字的支援應擴充套件到使用者的庫內容。檢視與情緒或活動相關的關鍵字的結果是否可以在將來實施也將是有趣的。

正在播放

我喜歡Apple在正在播放螢幕上所做的事情，並且認為沒有必要進行任何重大調整。我決定按原樣保留大部分可視介面。但是，我認為在現有經驗的基礎上構建一些簡單的手勢互動的好方法。

對於包括我自己在內的許多使用者而言，通過"愛"和"不喜歡"命令"訓練"Apple Music的必要性尚不清楚。這可以部分歸因於隱藏所述命令的程度;在移動裝置上"愛"一首歌的過程需要使用者開啟一個單獨的選單 - 一個讓其影響微不足道的繁瑣過程。 "如果它們被隱藏得如此之好，那必定意味著它們無法被發現，對吧？"