一點(diǎn)體會(huì)，這是合作翻譯的第三篇了，很感謝小伙伴們的辛苦。每一篇優(yōu)秀譯文的產(chǎn)出都很不容易（真正做過譯文的人都懂，絕不輕松），需要反復(fù)修改，校對(duì)多次。說實(shí)話，對(duì)接優(yōu)化比我自己翻譯還累，不過過程中，相互都學(xué)到了很多，還是很值得做的一件事。由于是大家一起去搜集，能夠發(fā)掘的好文章更多了，這對(duì)所有人來說都是一件好事，因?yàn)槊恳粋€(gè)參與翻譯和閱讀文章的人，都能學(xué)到不少，希望有更多熱愛翻譯和設(shè)計(jì)的朋友參與進(jìn)來，傳播更多優(yōu)質(zhì)內(nèi)容。

今天的這篇文章，是一篇

，作者從體驗(yàn)研究，到品牌識(shí)別再到界面視覺都做了非常多的設(shè)計(jì)分析，非常值得一看，話不多說，一起來學(xué)習(xí)吧！

以下是譯文：

首先，我想在這個(gè)案例研究的前言中說明，我重新設(shè)計(jì) Apple Music 的動(dòng)機(jī)絕不是來自于憤怒或怨恨。

今年早些時(shí)候（譯者注：2017年），我申請(qǐng)面試了 Apple Music 的平面設(shè)計(jì)實(shí)習(xí)（一生難忘的機(jī)會(huì)），但被友好地拒絕了。拒絕信中寫到：雖然他們喜歡我的作品，但希望能看到更多的成長(zhǎng)和練習(xí)。

一開始，我很沮喪西北大學(xué)不為本科生提供任何類型的平面設(shè)計(jì)課程（譯者注：作者當(dāng)時(shí)為西北大學(xué)戲劇專業(yè)的本科生），所以無論他們希望看到什么樣的成長(zhǎng)，都只能是自學(xué)了。而正是因?yàn)橐庾R(shí)到這點(diǎn)，我開始了后來為期三個(gè)月長(zhǎng)的學(xué)習(xí)之旅——重新設(shè)計(jì) Apple Music 應(yīng)用。

對(duì)我來說，這是一個(gè)真正深入理解用戶體驗(yàn)研究和設(shè)計(jì)的機(jī)會(huì)，一個(gè)熟練使用Sketch和Principle的過程，一個(gè)帶著粗糙線框圖的筆記本去煩身邊人的理由…

接下來你將看到的是一個(gè)為 Apple Music 的部分問題提供可能的解決方案和未來發(fā)展想法的案例研究。我的設(shè)計(jì)過程是以定性用戶研究、iOS設(shè)計(jì)規(guī)范和我自己的設(shè)計(jì)師直覺為指導(dǎo)的。

背景介紹

作為一名具有音樂創(chuàng)作和表演背景的設(shè)計(jì)師，我一直對(duì)音樂與科技相結(jié)合的體驗(yàn)充滿期待。通過設(shè)計(jì)，我希望有一天可以讓音樂體驗(yàn)更加便捷和愉悅。

但是，Apple Music 一直令我感到失望。這個(gè)旨在帶領(lǐng)人們進(jìn)入流媒體時(shí)代的服務(wù)正在經(jīng)歷青春期，相比于行業(yè)中的成熟產(chǎn)品（如Spotify），它還在穩(wěn)步成熟，但又缺乏吸引力。

為了更好地理解 Apple Music，我將根據(jù)我的記憶對(duì)它進(jìn)行回溯。Apple Music 的第一版的印象是令人困惑的界面和不完整的視覺形象，是糟糕體驗(yàn)的源頭。

圖片來源： Lana Del Rey 和他的 Wayback Machine

隨著 iOS10，蘋果發(fā)布了一版基于 Complexion Reduction（譯者注：尚無公認(rèn)的中文翻譯，由紐約數(shù)字設(shè)計(jì)公司SWARM的用戶體驗(yàn)設(shè)計(jì)師 Michael Horton 在 2016 年提出，詳情查看：[https://www./entry/complexion-reduction-a-new-trend-in-mobile-design_b_577d828fe4b05b4c02fb8b07 ] ）的更新。 

雖然新界面的導(dǎo)航更清晰了，但我仍然覺得還有改進(jìn)的空間。 盡管它簡(jiǎn)化了配色并放大了字體，界面依然令人感到雜亂，這與蘋果公司一貫的優(yōu)雅設(shè)計(jì)相去甚遠(yuǎn)。

除了貫穿全程的研究，我將從三個(gè)方面著手對(duì)產(chǎn)品進(jìn)行重設(shè)計(jì)： 核心體驗(yàn)、 品牌識(shí)別、視覺界面。

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

我做的第一件事就是嘗試分析apple music的用戶通常是怎樣一批人： 

標(biāo)記用戶位置，我自己是處在中間態(tài)，不算重度也非游客用戶

重度用戶 (Hoarders)： 擁有一個(gè)他們自己長(zhǎng)期積累的資料庫(kù)，對(duì)音樂內(nèi)容更挑剔

游客用戶(Nomads)：依靠默認(rèn)推薦來聽歌，很可能已經(jīng)在使用別的音樂產(chǎn)品

Apple Music 的主要用戶位于重度用戶一側(cè)。打開 Apple Music 的播放列表，你很可能會(huì)在說明中看到：

如果聽到喜歡的內(nèi)容，將它添加到你的資料庫(kù)中。

考慮到 Apple Music 的前身即為 iTunes，將播放列表視為發(fā)現(xiàn)新音樂的工具合情合理。但是，目前的實(shí)現(xiàn)方式非常牽強(qiáng)。 我發(fā)現(xiàn)用戶不習(xí)慣將整個(gè)播放列表添加到他們的個(gè)人資料庫(kù)中，尤其是當(dāng)播放列表會(huì)不斷更新時(shí)。

如果 Apple Music 希望將用戶群擴(kuò)大到游客用戶，則必須在不影響現(xiàn)有用戶群體驗(yàn)的基礎(chǔ)上進(jìn)行。這意味著要?jiǎng)?chuàng)建以藝術(shù)家和專輯而不是播放列表為核心的音樂發(fā)現(xiàn)體驗(yàn)。我稱之為My Sampler 。

我的偏好

'我的偏好'是優(yōu)化現(xiàn)有的 “New Music Mix”功能，連接重度用戶和游客用戶之間斷層的新體驗(yàn)。它源于這樣的洞察：對(duì)內(nèi)容挑剔的用戶也不愿意聽完一整個(gè)播放列表。更好的體驗(yàn)將是呈現(xiàn)精選的片段，為用戶提供足夠的信息來幫助用戶決定是否將其添加到他們的資料庫(kù)中。  

進(jìn)入 Sampler 后，用戶將看到一系列與精選歌曲相對(duì)應(yīng)的藝術(shù)家頭像。他們可以點(diǎn)按來預(yù)覽每首歌曲15秒，然后向上滑動(dòng)刪除或向下滑動(dòng)將歌曲添加到資料庫(kù)中。 

為 Tinder (著名交友軟件，操作方式和作者設(shè)計(jì)的 Sampler 類似） 一代設(shè)計(jì)的音樂軟件

我選擇使用手勢(shì)交互以便用戶在不看屏幕的情況下也可以進(jìn)行操作。當(dāng)用戶完成標(biāo)記，他們的選擇將被創(chuàng)建成一個(gè)可供收聽的 “New Music Mix” 播放列表。

這個(gè)設(shè)計(jì)背后的原理受到訪談中以下用戶原話的啟發(fā)：

“蘋果低估了游戲化的力量。” —— 我在洛杉磯訪談的用戶體驗(yàn)設(shè)計(jì)師和 Apple Music 用戶

我發(fā)現(xiàn)通過游戲化體驗(yàn)，用戶能夠立即與他們發(fā)現(xiàn)的音樂建立聯(lián)系。 此外，Sampler 還有為 Apple Music 持續(xù)提供關(guān)于聽者偏好數(shù)據(jù)的潛力，使得應(yīng)用能夠和用戶一起成長(zhǎng)。

    品牌識(shí)別    

在索尼音樂實(shí)習(xí)期間，我認(rèn)識(shí)到一個(gè)品牌在流媒體服務(wù)中的視覺形象必須是易識(shí)別而不喧賓奪主。 Spotify 在這方面表現(xiàn)出色，他們通過半調(diào)（譯者注：指為了模擬出連續(xù)調(diào)影像（色階）的視覺感覺，一般用墨點(diǎn)（半調(diào)網(wǎng)點(diǎn)）的大小或頻率的改變，來模擬明暗的變化）攝影和幾何元素搭配的視覺效果來處理播放列表封面，突出品牌一致性。 

對(duì)比之下， Apple Music 現(xiàn)在的視覺形象非?；靵y：有各種符號(hào)、3D字母和黑白圖片。 

此外，還有拼貼類型的封面，并沒有真正傳達(dá)有關(guān)播放列表的任何情緒/感覺。 

主要問題似乎是 Apple Music 將所有內(nèi)容都扔向消費(fèi)者，然后看哪個(gè)有效，而不是真正開發(fā)出一套既能在應(yīng)用中突出蘋果品牌，又能在不同專輯藝術(shù)中保持一致的視覺語(yǔ)言。

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

專輯封面應(yīng)被視為 UI 的一部分，而不是獨(dú)立的視覺元素。

藝術(shù)家專輯封面

受到 Apple Music 歡迎頁(yè)的啟發(fā)，我選擇用圓形圖案來展示藝術(shù)家頭像。圓圈形狀的靈感來自iPod 點(diǎn)按式選盤（譯者注：https://en./wiki/IPod_click_wheel），蘋果音樂品牌的標(biāo)志性部分。 “圓形頭像”樣式也可以在 iOS 的其他部分中看到，尤其是通訊錄。

此外，我選擇 San Francisco (譯者注：蘋果平臺(tái)的系統(tǒng) UI 字體) 以與整體 UI 統(tǒng)一。最后，我將配色限制為不同飽和度/亮度的藍(lán)色、紫色和紅色，以凸顯 Apple Music 的圖標(biāo)。

 精選播放列表

對(duì)于精選播放列表，我希望視覺上與藝術(shù)家專輯封面保持一致性的同時(shí)，通過顏色反映播放列表的部分情緒/氛圍。 使用相同的圖像加上高斯模糊濾鏡（受 iOS 背景模糊的啟發(fā)）作為背景，使得顯示更加生動(dòng)。 對(duì)于某些封面，我還添加了融合 Apple Music 標(biāo)志紅的微妙漸變，延續(xù)品牌一致性。 

精選播放列表

曲風(fēng)播放列表

最后，我使用與專輯和推薦相同的版式，更新了一些曲風(fēng)播放列表的封面形式。 

曲風(fēng)播放列表

我認(rèn)為新的品牌視覺設(shè)計(jì)應(yīng)該要與其他 UI 部分協(xié)調(diào)一致，并且很期待這個(gè)圓形圖案可以根據(jù)用戶的行為產(chǎn)生某些互動(dòng)。

    視覺界面    

整體優(yōu)化

我聽到的關(guān)于主界面最多的抱怨聲音是，看起來太性冷淡了，缺乏一些令人愉悅的元素。 致力于解決這個(gè)問題，我通過微妙的留白調(diào)整優(yōu)化了負(fù)空間，如下所示： 

Library

我認(rèn)為資料庫(kù)界面不需要大的改變，因此我將更改聚焦在留白和字體大小上。 我刪除了已下載音樂的默認(rèn)選項(xiàng)，因?yàn)槲艺J(rèn)為應(yīng)該根據(jù)網(wǎng)絡(luò)情況自動(dòng)調(diào)整用戶能夠訪問的音樂類型。

下面是為了使應(yīng)用感覺不那么太過于普通，我增加的一些微動(dòng)效細(xì)節(jié)（存在于所有標(biāo)簽中）：

應(yīng)用程序的圓角已經(jīng)讓它看起來有彈性，為什么不讓它感覺更有彈性一點(diǎn)呢？

For You

“For You”是 Apple Music 的核心功能。在這里， Apple Music 基于用戶過去 “喜歡” 的內(nèi)容來生成播放列表和專輯，靈活地表現(xiàn)它對(duì)用戶喜好的了解程度。  

我收到了大量關(guān)于目前 “For You” 感覺非常隨機(jī)的反饋，因此在我的再設(shè)計(jì)中，我旨在減少向用戶投放的內(nèi)容量的同時(shí)增加其他內(nèi)容的相關(guān)性...如同 Facebook 和 Instagram 的 “熱門帖子”。

“For You” 的再設(shè)計(jì)從用 “My Sampler” 代替當(dāng)前的 “My Favorites Mix” 和 “My New Music Mix” 開始。由于用戶認(rèn)為“最近播放”非常有用，我沒有刻意的去改變它。 

向下劃動(dòng)，會(huì)發(fā)現(xiàn)我將 “Insert Day of the Week Here?—?Playlists” 變成了特定的心情，而心情的內(nèi)容將根據(jù)用戶的位置、時(shí)間和最近社交網(wǎng)絡(luò)的活動(dòng)來進(jìn)行調(diào)整。

如果在 Facebook 上的狀態(tài)更新后，Apple Music 隨即將此情緒部分更新為專注 / 學(xué)習(xí)的播放列表，那是不是很棒？

既然我們?cè)谏缃痪W(wǎng)絡(luò)上分享一切，也應(yīng)該從中得到一些，你覺得呢？

接下來是Daily Stream，一個(gè)根據(jù)用戶的喜好將獨(dú)家視頻內(nèi)容推送給用戶的功能。 例如，我真的很喜歡 Katy Perry，所以如果 Katy Perry 的 Carpool Karaoke（譯者注：The Late Late Show with James Corden 節(jié)目中經(jīng)常出現(xiàn)的音樂環(huán)節(jié)https://en./wiki/Carpool_Karaoke） 劇集發(fā)行了，則可以改變 Call-To-Action 文字以強(qiáng)調(diào) Katy 的出現(xiàn)。 

之后，將看到經(jīng)典的 Artist Spotlights，我在此演示中保留了這個(gè)部分，以展示新的品牌視覺方案與 UI 的其他部分協(xié)調(diào)一致。 

最后，同樣重要的是，用戶可以預(yù)覽他們最喜愛/最常播放的流派。這樣如果 For You 中沒有任何內(nèi)容激起他們的興趣，他們還可以在這里快速接觸更多的音樂。

我想不出一個(gè)可以代表 Pop（流行樂）的樂器，因此用泡泡糖代替

但是 Connect 有什么變化呢？

好問題。事實(shí)上，我的研究中沒有任何數(shù)據(jù)表明將 Connect 流留在應(yīng)用程序中是合理的。用戶更喜歡通過音樂與朋友和家人保持聯(lián)系（如 Spotify），而不是通過難收到回復(fù)的 Twitter 與藝術(shù)家聯(lián)系。

我認(rèn)為蘋果應(yīng)該專注于將現(xiàn)有的社交媒體與 Apple Music 整合，而不是試圖對(duì)其已經(jīng)負(fù)擔(dān)過重的消費(fèi)者推出另一款社交媒體。

圖片來源 ：Paramount Pictures / Mean Girls

Browse

我收到的關(guān)于當(dāng)前瀏覽界面的大部分反饋是，它感覺太平庸，不吸引人。一些用戶也對(duì) “For You” 和 “Browse” 之間的區(qū)別表示困惑。

我的解決方案是以蘋果網(wǎng)站（https://www.apple.com/）的風(fēng)格重新設(shè)計(jì)展示banner圖——填充界面寬度的推廣圖，并用水平下劃線表明用戶所處的位置。我相信這一改變使精選內(nèi)容更具吸引力，并減少?gòu)?qiáng)加/隨機(jī)感。  

我還將 Radio 菜單合并到現(xiàn)有的 Browse 界面中。 

這方便為 Watch 標(biāo)簽騰出空間...

Watch

今年早些時(shí)候，蘋果確認(rèn)在為 Apple Music 擴(kuò)展視頻流內(nèi)容（expanding into video streaming (http://www./2017/01/16/apple-music-original-video-content-series-movies)），以將 Apple Music 變成流行文化的中心。我很好奇這將如何實(shí)現(xiàn)，尤其是在 Apple Music 的移動(dòng)應(yīng)用中，所以我創(chuàng)建了一個(gè)專門用于瀏覽獨(dú)家視頻內(nèi)容和音樂視頻的標(biāo)簽。

增加視頻標(biāo)簽的額外好處是 “Browse” 可以專用于音頻內(nèi)容

最終將有足夠的內(nèi)容來證明專用標(biāo)簽的合理性，但是現(xiàn)在我的設(shè)計(jì)決策基于泄露的信息（leaked information (http://www./music/news/dr-dre-secretly-working-on-scripted-apple-music-show-vital-signs-20160212)）以及 Apple Music 現(xiàn)有的視覺語(yǔ)言。

Search

Apple Music 現(xiàn)有搜索的主要問題是它基于模式系統(tǒng)：您可以選擇在 Apple Music 或你的資料庫(kù)中搜索——但不能同時(shí)搜索兩者。 

使用這個(gè)應(yīng)用兩年后，我仍然會(huì)因?yàn)樘幱阱e(cuò)誤模式中而抓狂，主要由于兩種模式處理關(guān)鍵字的方式不同：

這尤其令人討厭，因?yàn)檩斎氲某鲥e(cuò)率很高，特別是當(dāng)用戶想要查找尚未在其資料庫(kù)中的新歌曲或藝術(shù)家時(shí)。

我的解決方案是將兩種模式合并為一個(gè)通用的“搜索”，首先顯示用戶資料庫(kù)的結(jié)果，然后是 Apple Music 上任何可用的其他內(nèi)容。 

對(duì)模糊關(guān)鍵詞搜索的支持應(yīng)擴(kuò)展到用戶資料庫(kù)的內(nèi)容中。如果未來可以將與 moods 或 activities 相關(guān)的關(guān)鍵詞結(jié)合進(jìn)搜索結(jié)果中也將很有趣。

Now Playing

我喜歡蘋果現(xiàn)在“正在播放”界面的設(shè)計(jì)，并且認(rèn)為沒有必要進(jìn)行任何大的改動(dòng)。我決定按原樣保留大部分的視覺界面。但是，我認(rèn)為在現(xiàn)有體驗(yàn)的基礎(chǔ)上增加一些簡(jiǎn)單的手勢(shì)交互將會(huì)很不錯(cuò)。

對(duì)于包括我自己在內(nèi)的許多用戶而言，通過 “喜歡” 和 “不喜歡” 標(biāo)記來 “訓(xùn)練” Apple Music 的必要性尚不明確。這部分歸因于上述命令非常隱蔽：在移動(dòng)設(shè)備上 “喜歡” 一首歌需要用戶打開一個(gè)單獨(dú)的菜單——一個(gè)令這個(gè)功能顯得不重要的繁瑣過程。

“如果它們被隱藏得如此之好，那必定意味著它們不該被發(fā)現(xiàn)，對(duì)吧？”

我的解決方案是在“正在播放”中增加一個(gè)大多數(shù)用戶已經(jīng)熟悉的手勢(shì) - 雙擊喜歡（在 instagram 中廣泛使用）。我觀察到許多用戶試圖在當(dāng)前的應(yīng)用中點(diǎn)擊“浮動(dòng)”的專輯封面（它看起來很合理），為什么不增加一點(diǎn)響應(yīng)呢？ 

為 Instagram 一代設(shè)計(jì)的音樂軟件

此外，我添加了查看相鄰曲目的功能，用戶可以通過左右滑動(dòng)快速切換到另一首歌。我相信這種直觀的方式，將使用戶更好地控制他們的聽歌體驗(yàn)。

 向右滑動(dòng)即可

總結(jié)

回顧最初頭腦風(fēng)暴期間在筆記本上的涂涂畫畫，我很驚喜我在三個(gè)月內(nèi)取得的進(jìn)展。

做這個(gè)項(xiàng)目之前，我從沒用過 Principle，也幾乎不會(huì)在 Sketch 中編輯混合模式。現(xiàn)在，說實(shí)話，我仍然認(rèn)為自己是原型軟件中的新手，但是，看，我能夠?qū)崿F(xiàn)一些想法——這正是我最希望的。

我不期望 Apple Music 的員工能從這個(gè)案例研究中學(xué)到什么。事實(shí)上，如果任何在 Apple Music 工作的人偶然發(fā)現(xiàn)這篇文章，我都可能會(huì)嚇得心臟病發(fā)作...但如果你碰巧看到了，我希望我的設(shè)計(jì)能夠給你一些靈感并引發(fā)討論！

通過這個(gè)項(xiàng)目，我逐漸明白我的戲劇背景在用戶體驗(yàn)設(shè)計(jì)中的價(jià)值——用戶體驗(yàn)設(shè)計(jì)師和戲劇藝術(shù)家的共同之處在于他們對(duì)于人類同理心的理解。幾乎所有在我的簡(jiǎn)歷上翻看的人都該記住這點(diǎn)！

很快，我將開始我的下一次大冒險(xiǎn)：羅德島設(shè)計(jì)學(xué)院平面設(shè)計(jì)學(xué)士的BFA。 雖然對(duì)這個(gè)項(xiàng)目（以及西北大學(xué)）說再見很奇怪，我真誠(chéng)地希望這只是我體驗(yàn)設(shè)計(jì)生涯的開端，一個(gè)通過同理心改變世界的專業(yè)。

原文：https:///startup-grind/i-got-rejected-by-apple-music-so-i-redesigned-it-b7e2e4dc64bf