本文作者是就讀于美國(guó)西北大學(xué)的一名大學(xué)生，他申請(qǐng)了Apple Music平面設(shè)計(jì)實(shí)習(xí)生的崗位。被拒之后，他花了三個(gè)月時(shí)間重新設(shè)計(jì)了Apple Music。本文記錄了他在重新設(shè)計(jì)過程中的思路和方法。文章選自Medium上原文名為《I Got Rejected by Apple Music… So I Redesigned It》的文章。

首先，作為開場(chǎng)白，我必須要澄清一點(diǎn)：我之所以想重新設(shè)計(jì)Apple Music，絕非是出于憤慨或惡意。

今年早些時(shí)候，我申請(qǐng)了Apple Music的平面設(shè)計(jì)實(shí)習(xí)生崗位并參加了面試。雖然未能通過面試，但這對(duì)我來說已經(jīng)是一次千載難逢的機(jī)會(huì)了。蘋果公司發(fā)來了一則善意的拒信，表示盡管他們很喜歡我的作品，但他們還是期待我能有更多進(jìn)步、接受過更多的培訓(xùn)。

一開始我感到分外沮喪，美國(guó)西北大學(xué)并未開設(shè)任何本科階段的平面設(shè)計(jì)專業(yè)，因此不管他們所期待的是什么類型的進(jìn)步，都只能靠我自學(xué)。

但當(dāng)我意識(shí)到這一點(diǎn)之后，這次失敗激勵(lì)了我開始為期三個(gè)月長(zhǎng)的朝圣之旅——設(shè)計(jì)一款配得上Apple Music的iOS應(yīng)用。

對(duì)我而言，這其實(shí)是鉆研用戶體驗(yàn)研究與設(shè)計(jì)的絕佳時(shí)機(jī)，我也有理由可以將大把時(shí)間花在Sketch和Principle上了。我還能有借口拿著簡(jiǎn)陋的線框草圖筆記，去打擾身邊的所有人。

本文只是一則案例研究，針對(duì)Apple Music的一些問題嘗試提出可能的解決方案，并給未來的開發(fā)提供一些想法。我的研究過程借鑒了定性用戶研究，蘋果的官方設(shè)計(jì)指南，并參考了我自己的設(shè)計(jì)直覺。

介紹

作為一個(gè)專業(yè)背景是作曲和表演的開發(fā)者，我一直對(duì)將音樂和科技結(jié)合在一起很感興趣。通過設(shè)計(jì)，我希望在未來，將音樂變得更加觸手可及、令人享受。

但是，Apple Music卻讓我的希望一直落空。這項(xiàng)服務(wù)旨在將所有人轉(zhuǎn)向流媒體，可如今它正處在青澀階段——這指的是它在穩(wěn)步成熟。然而在現(xiàn)今的大格局中，它尚且不能像Spotify那樣吸引成年人。

為了更好地了解Apple Music，我梳理了一下時(shí)間線，回到Apple Music發(fā)展的起源。眾所周知，Apple Music的用戶界面讓人感到困惑，視覺識(shí)別也不太成熟，Apple Music最初的這些特點(diǎn)正是很多問題的根源。

在iOS 10系統(tǒng)問世后，Apple基于Complexion Reduction（化繁為簡(jiǎn)）的原則發(fā)布了一個(gè)緊急的更新。

盡管新的界面在導(dǎo)航操作上變簡(jiǎn)單了，我仍然感覺這還有提升的空間。雖然調(diào)色板更加簡(jiǎn)潔，字體也放大了，但是界面還是感覺亂七八糟，甚至于讓人感覺不適，像是被關(guān)閉在一個(gè)空間里——這與Apple一貫的優(yōu)雅風(fēng)格相去甚遠(yuǎn)。

我從三個(gè)部分對(duì)Apple Music進(jìn)行了重新設(shè)計(jì)，這一想法始終貫穿我的研究：

1. 核心體驗(yàn)
2. 品牌識(shí)別
3. 視覺界面

一、核心體驗(yàn)：發(fā)現(xiàn)音樂

首先，我發(fā)現(xiàn)使用流媒體服務(wù)的用戶通常屬于以下這個(gè)范疇：

你可以試著標(biāo)識(shí)一下自己所在的位置，我大概屬于較為模糊的灰色區(qū)域。

貯藏者（Hoarder）：

• 有一個(gè)龐大的音樂庫(kù)，時(shí)不時(shí)添加音樂；
• 對(duì)所聽的音樂很講究。

流浪者（Nomad）：

• 依賴播放列表或者整理的內(nèi)容；
• 很可能已經(jīng)在使用Spotify了。

Apple Music位于光譜的Hoarder端。打開Apple Music的播放列表，你很可能會(huì)看到這樣的描述：

如果你聽到了自己喜歡的音樂，就將它添加到音樂庫(kù)里吧

Apple Music選擇將播放列表，作為發(fā)現(xiàn)新音樂的工具也是可以說得通的，畢竟它的前身就是iTunes。但是，現(xiàn)在還采用播放列表這種方式，就給人感覺非常僵化了。我發(fā)現(xiàn)用戶并不習(xí)慣將整個(gè)播放列表添加到自己的音樂庫(kù)中，尤其是這些播放列表還會(huì)時(shí)常更新。

如果Apple Music想要向光譜的流浪者端拓展，他們采用的方式必須同時(shí)考慮到自己現(xiàn)有的用戶群。這就意味著要基于歌手和專輯創(chuàng)建一種音樂發(fā)現(xiàn)體驗(yàn)，而非基于播放列表。

下面是我做的Sampler：

我的Sampler

Sampler是一種全新的體驗(yàn)方式，它可以將貯藏者和流浪者有機(jī)結(jié)合在一起，取代當(dāng)前的“New Music Mix”。它的創(chuàng)建是源于這樣一種認(rèn)知，即會(huì)對(duì)添加到音樂庫(kù)的音樂精挑細(xì)選的用戶，并不會(huì)耐著性子聽完一整個(gè)全是新歌的播放列表。

更好的體驗(yàn)應(yīng)當(dāng)是播放小節(jié)或樣例，讓用戶獲得足夠多的信息，來決定是否要將其添加到音樂庫(kù)中，還是添加到每周播放列表里。

進(jìn)入Sampler之后，系統(tǒng)會(huì)給用戶提供了一系列歌手的頭像，分別對(duì)應(yīng)著所推薦的曲目。用戶可以點(diǎn)擊并按住這些頭像，試聽歌曲15秒，之后決定是要向上滑動(dòng)拒絕推薦，還是向下滑動(dòng)將歌曲添加到音樂庫(kù)中。

我決定采用手勢(shì)作為互動(dòng)方式，這樣一來，即便用戶不看屏幕也可以使用Sampler。一旦用戶完成了試聽樣例的過程，我們就可以通過用戶的選擇創(chuàng)建出一個(gè)New Music Mix。

這種體驗(yàn)背后的機(jī)制源自于一次采訪中提到的一句話：

“蘋果低估了游戲化的力量?！?/p>

——這是我在洛杉磯采訪的一位用戶體驗(yàn)設(shè)計(jì)師兼Apple Music用戶告訴我的。

通過一種游戲化的體驗(yàn)，我開始意識(shí)到用戶能夠迅速與發(fā)現(xiàn)的音樂建立一種聯(lián)系。此外，Sampler也可以持續(xù)為Apple Music提供有關(guān)聽眾偏好的信息，這樣應(yīng)用可以伴隨著用戶一同進(jìn)化和發(fā)展。

二、品牌識(shí)別

我在Sony Music實(shí)習(xí)期間，了解到流媒體服務(wù)中的品牌視覺呈現(xiàn)方式必須具備辨識(shí)度，但與此同時(shí)它也可以是無形的。Spotify在這一點(diǎn)上就做的非常出色，他們采用了半色調(diào)攝影效果，還在播放列表的專輯封面采用了“爆炸性”的效果。

Apple Music的視覺品牌呈現(xiàn)方式就與之形成了鮮明的對(duì)比，它的視覺品牌太過混雜：

它夾雜了符號(hào)、3D字體以及黑白攝影效果。

此外，還有抽象派的封面，這就無法讓用戶切實(shí)了解播放列表中歌手所要傳遞的情緒或者感受。

主要問題在于，Apple Music似乎是想將所有方式都呈現(xiàn)出來，然后看用戶更喜歡哪種，而不是在嘗試開發(fā)一種前后統(tǒng)一的視覺語(yǔ)言，讓用戶在浩如煙海的專輯封面中，感受到蘋果在應(yīng)用層面扮演的角色。

我的解決方案是基于如下一條原則：

在用戶界面的設(shè)計(jì)中，就應(yīng)當(dāng)將專輯封面考慮在內(nèi)，而不是將其視作是一個(gè)單獨(dú)的視覺元素。

藝術(shù)家/歌手封面

受到Apple Music歡迎界面的啟發(fā)，我選擇用圓形的裝飾圖案將藝術(shù)家頭像陳列出來。圓形的靈感來源于iPod的按鈕，這也是蘋果在音樂方面的標(biāo)志性慣例。“以圓形呈現(xiàn)頭像”同樣是在致敬iOS的其它應(yīng)用，特別是“聯(lián)系人”應(yīng)用。

此外，我還沿用了San Francisco字體，進(jìn)而與UI保持一致的風(fēng)格。最后，我將調(diào)色板限制為不同色調(diào)的藍(lán)色、紫色和紅色，以響應(yīng)Apple Music的圖標(biāo)設(shè)計(jì)。

播放列表封面

就播放列表來說，我希望它能夠與Artist Spotlights在視覺上保持一致的風(fēng)格，通過顏色的選取來呈現(xiàn)歌手的情緒或想要營(yíng)造的氛圍。圖片要想顯得更加生動(dòng)，那么背景可以采用相同圖片的高斯模糊效果（這一靈感來源于iOS的背景模糊效果）。針對(duì)一些封面，我還略微增加了Apple Music簽名的顏色梯度，以加強(qiáng)立體感。

核心播放列表封面

最后，我調(diào)整了一些核心播放列表的中間圖形，采用的是和Artist Spotlights以及Curations相同的字體。

我認(rèn)為這種品牌主題和其余的用戶界面相協(xié)調(diào)，我也很想知道這種圓形主題能否在用戶輸入信息時(shí)產(chǎn)生某種動(dòng)態(tài)效果。

三、視覺界面

整體改進(jìn)

關(guān)于目前的用戶界面，我聽到的抱怨主要是說覺得Apple Music太過無趣，缺少令人開心的元素。為了著手解決這個(gè)問題，我略微調(diào)整了應(yīng)用寬度，優(yōu)化了白色區(qū)域的位置，達(dá)到了下面的效果：

音樂庫(kù)

我認(rèn)為不必對(duì)音樂庫(kù)進(jìn)行過多調(diào)整，所以我僅僅是改變了標(biāo)簽寬度和字體大小，我刪除了默認(rèn)菜單選項(xiàng)中的“下載音樂”選項(xiàng)。因?yàn)樵谖铱磥?，?yīng)用應(yīng)當(dāng)能根據(jù)用戶是使用流量還是WiFi，自動(dòng)調(diào)整用戶聆聽的音樂類型。

下面是我對(duì)應(yīng)用增加的一些動(dòng)畫細(xì)節(jié)，可以讓它看起來不那么枯燥乏味。

應(yīng)用的圓形邊緣已經(jīng)讓它顯得充滿活力了，那為什么不更活潑一些呢？

For You

“For You”功能是Apple Music的核心部分，基于用戶“喜歡”的內(nèi)容，Apple Music可以為其推薦播放列表以及專輯。這便是Apple Music大展身手、表現(xiàn)出自己了解用戶的地方了。

針對(duì)現(xiàn)在的“For You”，我獲得的大量反饋都是覺得“For You”功能太過隨機(jī)，因此在我重新設(shè)計(jì)時(shí)，我想要減少推薦給用戶的內(nèi)容數(shù)量，與此同時(shí)增加剩余內(nèi)容的相關(guān)性。這就類似于Facebook以及Instagram的“Top posts”功能。

在Sampler中，我重新設(shè)計(jì)了“For You”版塊，用來替代現(xiàn)有的 “My Favorites Mix”（我的收藏） 和 “My New Music Mix”（最近添加）?！癛ecently Played”（最近播放）這個(gè)功能則被完整地保留下來了，因?yàn)橛脩粲X得這個(gè)功能很有用。

往下滾動(dòng)屏幕，你會(huì)發(fā)現(xiàn)我調(diào)整了“Insert Day of the Week Here—Playlist”，將其替換成了特定的心情（Mood），它會(huì)根據(jù)地理位置、時(shí)間和最近的社交媒體行為發(fā)生改變。

當(dāng)你在Facebook上定位一家咖啡廳之后，Apple Music能將心情設(shè)置為專注/學(xué)習(xí)播放列表，這難道不酷炫嗎？

既然我們?cè)趺炊紩?huì)在社交媒體上分享自己的全部生活，那么借助這種分享提取一些信息也不失為一種選擇，你們?cè)趺聪肽兀?/p>

下面是Daily Stream功能，應(yīng)用會(huì)根據(jù)用戶的偏好，為其推送獨(dú)家的視頻內(nèi)容。例如：我非常喜歡Katy Perry，那么如果她在Carpool Karaoke中的插曲放出了，Call-To-Action（行為召喚）就可以自動(dòng)將Katy放在明顯位置。

從技術(shù)角度來說，這種方式還未推出，但愿能早日實(shí)現(xiàn)這一點(diǎn)吧。

之后，你會(huì)發(fā)現(xiàn)經(jīng)典的Artist Spotlights功能，我在演示中保留了這個(gè)部分，你可以看到新的視覺品牌主題與用戶界面的其它部分完美得融合在一起。

最后也是最重要的一點(diǎn)，用戶可以預(yù)覽他們最喜歡或最常播放的音樂流派。即便在For You列表中沒能找到感興趣的內(nèi)容，他們也可以快速找到更多音樂。

我還沒有為流行音樂找到一個(gè)合適的樂器，所以還是泡泡的圖標(biāo)。

那么Connect功能呢？

這個(gè)問題問得好，事實(shí)情況是，我的研究中還沒有任何數(shù)據(jù)能證明，有必要繼續(xù)保留Connect功能。用戶更感興趣的是通過音樂和家人、朋友保持聯(lián)系，而不是像現(xiàn)在這樣通過Twitter來關(guān)注歌手。

我認(rèn)為蘋果應(yīng)當(dāng)注重將已有的社交媒體與Apple Music整合在一起，而不是試圖再向用戶推送一個(gè)新的社交媒體方式。對(duì)消費(fèi)者來說，如今的應(yīng)用已經(jīng)過多了。

Browse

關(guān)于現(xiàn)有的Browse界面，我收到的大部分反饋都認(rèn)為它過于乏味，沒有吸引力。一些用戶對(duì)于“For You”和“Browse”兩種功能之間的區(qū)別也表達(dá)了困惑。

我的解決方案是采用蘋果網(wǎng)站的風(fēng)格——Jumbo幻燈片，重新設(shè)計(jì)現(xiàn)有的Feature Slides。我相信，這樣的改變能讓Feature Slides更具吸引力，也減少突兀性和隨機(jī)性。

我還將“Radio”菜單融入了當(dāng)前的Browse菜單中。

這就為Watch標(biāo)簽留下了空間…

Watch

今年早些時(shí)候，蘋果公司確認(rèn)Apple Music將會(huì)增加視頻流媒體的內(nèi)容，旨在將其打造成流行文化的中心。對(duì)于蘋果公司要如何實(shí)現(xiàn)這個(gè)目標(biāo)，特別是在移動(dòng)應(yīng)用的背景下，我還是很期待的。因此我特別為它創(chuàng)建了一個(gè)單獨(dú)的標(biāo)簽，供用戶瀏覽獨(dú)家視頻內(nèi)容和音樂視頻。

專門為視頻設(shè)計(jì)一個(gè)標(biāo)簽還有一個(gè)好處，那就是針對(duì)音頻內(nèi)容，“Browse”功能可以保留。

最終，內(nèi)容數(shù)量的增加會(huì)證明設(shè)計(jì)一個(gè)專門的標(biāo)簽還是很有必要的。但就目前來說，我是根據(jù)泄露的信息，還有Apple Music現(xiàn)有的視覺語(yǔ)言進(jìn)行設(shè)計(jì)的。

Search

Apple Music目前處理Search功能的主要問題在于：它是基于模式系統(tǒng)的，用戶要么在Apple Music中進(jìn)行搜索，要么在自己的音樂庫(kù)中搜索，但不能同時(shí)搜索這兩者。

作為一個(gè)有兩年Apple Music使用體驗(yàn)的用戶，我在使用時(shí)還經(jīng)常會(huì)出錯(cuò)，特別是音樂庫(kù)模式在關(guān)鍵字處理上采用的方式也是不同的：

鑒于輸入錯(cuò)誤信息的幾率很大，這一點(diǎn)就讓人很是煩惱，尤其是在用戶搜索新歌或者搜索音樂庫(kù)中還沒有添加的音樂時(shí)。

我的解決方案是：將這兩種模式融合到一起，形成一個(gè)整體的搜索功能，首先顯示用戶音樂庫(kù)內(nèi)容的搜索結(jié)果，然后是Apple Music的搜索結(jié)果。

我是Lady Gaga的粉絲這一點(diǎn)是不是很明顯了？

此外，Apple Music也應(yīng)當(dāng)支持對(duì)音樂庫(kù)進(jìn)行模糊關(guān)鍵字的搜索。未來如果能夠搜索關(guān)于情緒或行為的關(guān)鍵字，應(yīng)當(dāng)也是很有趣的。

Now Playing

蘋果現(xiàn)在的Now Playing（正在播放）界面是我很喜歡的，我不覺得有什么需要大幅調(diào)整的地方，我決定在我的設(shè)計(jì)中保留大部分的視覺界面。不過，當(dāng)前的體驗(yàn)如果能增加一些手勢(shì)交互的話，我覺得會(huì)更好一些。

對(duì)于很多用戶來說（也包括我自己），通過“喜歡”和“不喜歡”命令來“訓(xùn)練”Apple Music的必要性不夠明確。一部分原因在于，這個(gè)命令隱藏過深，在移動(dòng)界面上，“喜歡”一首歌需要用戶打開一個(gè)單獨(dú)的菜單——這個(gè)過程太過乏味以至于減少了它的影響力。

如果它們隱藏得足夠深，這就意味著它們本無意于被用戶發(fā)現(xiàn)，不是嗎？

我的解決方案是：采用一個(gè)大多數(shù)用戶已經(jīng)熟悉的手勢(shì)——在Now Playing的體驗(yàn)中使用雙擊。我發(fā)現(xiàn)有很多用戶都喜歡去點(diǎn)擊當(dāng)前“浮動(dòng)”的封面（這看上去就很好玩），那為什么不添加一個(gè)回應(yīng)呢？

此外，我還添加了快速瀏覽最近播放曲目的功能，用戶可以水平滑動(dòng)使用此功能。我相信，這能讓用戶以一種更簡(jiǎn)單的方式管理自己的聽歌體驗(yàn)。

未來

回首我最初頭腦風(fēng)暴時(shí)在筆記本上寫的內(nèi)容，我很驚訝自己在三個(gè)月內(nèi)取得了如此多的進(jìn)展。

在開始這次設(shè)計(jì)之前，我對(duì)Principle一無所知，也不太會(huì)在Sketch中編輯混合模式?，F(xiàn)在呢……說實(shí)話，我覺得自己在應(yīng)用原型設(shè)計(jì)上依然還是一個(gè)新手，但是我已經(jīng)能做一些東西出來了，這已經(jīng)是最好的回報(bào)了。

我也沒想過Apple Music的人能從這次案例學(xué)習(xí)中“借鑒”到什么內(nèi)容。事實(shí)上，如果有在Apple Music工作的人恰好看到了這篇文章，我可能都要得心臟病了……不過既然大家已經(jīng)閱讀到這里了，我還是希望自己的努力能夠?yàn)榇蠹規(guī)硪恍┫敕?，引發(fā)一些討論。

經(jīng)過這個(gè)項(xiàng)目，我已經(jīng)意識(shí)到自己的表演專業(yè)背景在用戶體驗(yàn)設(shè)計(jì)中的價(jià)值——體驗(yàn)設(shè)計(jì)師和表演藝術(shù)家在同理心方面有一些共通之處。記住這一點(diǎn)，讓那些對(duì)我簡(jiǎn)歷嗤之以鼻的人不屑去吧！

很快，我就要開始新的征程：去美國(guó)羅德島設(shè)計(jì)學(xué)院就讀BFA圖形設(shè)計(jì)專業(yè)。雖然要與這個(gè)案例學(xué)習(xí)說再見了，但我衷心地希望這只是我體驗(yàn)設(shè)計(jì)職業(yè)生涯的起點(diǎn)……我想要通過同理心來改變這個(gè)世界！

原文作者：Jason Yuan

原文鏈接：https://medium.com/startup-grind/i-got-rejected-by-apple-music-so-i-redesigned-it-b7e2e4dc64bf

譯文鏈接：http://36kr.com/p/5138309.html

本文由 @Vivian Wang 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載

題圖作者提供