【翻譯Medium之二】我被Apple Music 拒絕了,所以我重新設計了它

原作:Jason Yuan

翻譯:張瑞

原文地址:科學上網

我想要在這個案例開始前聲明,我重新設計Apple Music的動力完全不是出於怨恨或者憤慨。

今年早些時候,我申請並面試了Apple Music的平面設計實習崗位(一生一次的機會),之後就收到了一封非常委婉的拒信說儘管他們喜歡我的作品,但是他們想看到我更多的成長和訓練。

一開始,我很沮喪——西北大學不提供任何的本科生平面設計的項目,所以無論他們期望的是怎樣的成長,我都必須靠自學……

但是很快我有了這個想法,我開始受到鼓舞,踏上了三個月之久的旅程,只為了一個堅定的目標——設計Apple Music應當成為的IOS端APP。

對我來說,這是一個讓我深入研究交互和設計的機會,是一個讓我花費大量時間在sketch和principle上的借口,是一個讓我用我粗略的線框圖打擾周圍人的理由??……

你將會在下面閱讀到一個Apple Music存在問題的潛在解決方案的案例研究,同時還有關於它未來發展的想法。我的過程基於定性用戶研究、蘋果的官方設計準則以及我自己的設計師直覺。

介紹

作為一個有音樂創造和表演背景的設計師,我總是對於將音樂與技術相結合的體驗充滿激情。通過設計,我希望能讓音樂的體驗更容易獲得和享受。

但是,Apple Music總是讓我感到困惑。

為了更好地理解Apple Music,我回溯記憶並且重新研究了它最初的版本。Apple Music的第一版是很多人頭痛的根源,因為它眾所周知的令人困惑的界面和半成熟的視覺設計。

感謝你們,lana del rey (美國女歌手,打雷姐。此處為作者使用了打雷姐的頁面的調侃)和wayBack machine(網頁時光機,尋找失去的界面的工具)

到了IOS10,Apple基於簡化的原則。發行了一次非常重要的升級。

雖然新的界面更容易導航了,我仍然感覺有提升的空間。儘管它簡化了色板和放大了文字及排版,但是它的界面仍然錯亂不堪,甚至讓人產生幽閉恐懼——離Apple一貫的優雅設計相距甚遠。

在指導從始至終的調查時,我依據三個原則推進我的重設計。

  • 核心體驗

  • 品牌辨識度

  • 界面視覺

1.核心體驗:音樂發現

我一開始就發現,使用流服務的用戶通常會落在下面的範圍中:

給你自己定位試試,我在中間的灰色地帶

收藏者Hoarders:

  • 擁有一個他們經常會添加的龐大資料庫
  • 對於他們聽的音樂更加敏感

隨性者Nomads:

  • 依賴歌單或者推薦內容
  • 可能已經正在使用spotify

Apple Music偏向在這個範圍的收藏者一邊。打開一個Apple Music的歌單,你會在描述中發現下面的文字:

如果你聽到了喜歡的東西,就把它加到你的資料庫里。

鑒於Apple music的前身就是iTunes,把歌單作為發現新音樂的工具是一種有意義的方法。但是,現在歌單被使用的方式讓人感覺非常的複雜。我發現用戶對於把整個歌單添加到他們的資料庫里這種方式非常不適應,尤其是被告知歌單會持續更新的時候。

如果Apple Music想要將用戶延伸到範圍的隨性者一邊,他們必須要同時保留現有用戶的基礎。這意味著要創建一種以藝術家和專輯為中心的音樂發現來取代歌單。那就是……My Sampler

My Sampler

My Sampler是一種新的體驗,可以用來在收藏者和隨性者之間取消芥蒂,來取代現在的「音樂新發現」。它的產生出於這樣的理解:如果用戶對於加進資料庫的音樂非常挑剔,那麼對於聽完全部都是陌生音樂的歌單也會非常不情願。一種更好的體驗會是收藏的片段——或者叫Sampler——可以給用戶足夠的信息來決定是否要將它加入他們的資料庫或者每周歌單里。

一進入樣本資料庫,用戶會看到一個和收藏的歌曲對應的歌手的頭像列表。用戶可以點擊並按住來試聽每首歌的15秒,之後便可以向上滑動來拒絕這首歌或者向下滑動將這首歌加入到他們的音樂資料庫里。

tinder時代的音樂

我選擇使用手勢交互以便於用戶可以在不看屏幕的情況下使用Sampler。一旦用戶完成了這個過程,他們的選擇會被用來創建一個用戶可以聆聽的新的「音樂新發現」。

這個經驗背後的來歷是在一次採訪中獲得的引用:

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

——我在LA採訪的一位Apple Music的用戶兼UX設計師

我這樣理解,通過一個遊戲化的體驗,用戶可以和他們發現的音樂立即建立聯繫。

除此之外,Sampler還可以提供給Apple Music有關用戶偏好的數據,可以讓APP和用戶一起進化和成長。

2.品牌辨識度

我在索尼音樂實習的期間,我學習到在流服務中,一個品牌的視覺設計必須同時是可以辨別卻又隱形的。Spotify這方面做得很好,尤其體現在他們對於歌單封面藝術的銅版攝影和「爆裂」效果上。

相比較而言,Apple Music現在的品牌視覺有點濫用了:

有字母混合、3D排版和黑白攝影。

除此之外,還有這種拼貼畫主題的封面,它們實際上沒有傳遞任何有關這個歌單的情緒/感覺。

主要的問題似乎是Apple Music放了太多的東西來展示,以便於讓他們觀察哪些在起作用,而不是真的在建立一個統一的視覺語言可以讓蘋果在海量的專輯封面中跳脫出來。

我的解決方案建立在下面的原則之上:

專輯封面應該被當做UI的一部分來對待,而不是一個獨立的視覺部分。

矚目藝人歌單:

從Apple Music的歡迎頁面獲得靈感,我選擇了圓形的樣式來展示歌手的頭像。這個圓形從iPod的經典滾輪式圓盤獲得靈感——蘋果音樂留給人們的經典印象之一。「圓形中的頭像」的樣式也是被iOS其他部分所使用的,尤其是聯繫人里。

此外,我選擇了San Francisco的字體來讓矚目藝人歌單的封面設計可以和UI協調一致。最後,我用藍色、紫羅蘭色和紅色等呼應Apple Music的圖標的顏色來代表不同的曲風同時規範了色板。

矚目藝人歌單

精選歌單:

對於精選歌單,我想要通過顏色的使用來使得在展示歌單的心情/氛圍的同時保持和矚目藝人歌單的一致性。通過高斯模糊和歌手同樣的照片作為背景來展示更明亮的圖像(從iOS 的背景模糊獲得靈感),我還增加了Apple Music的標誌性的輕微紅色漸變來增加面積感。

??

精選歌單

核心歌單:

最後,我通過使用矚目藝人歌單和精選歌單中使用的同樣的樣式升級了核心歌單的一些中心圖案。

核心歌單

我認為這種新的品牌規範和UI的其餘部分完美結合,並且我也很好奇這種圓形的主題是否可以通過用戶的使用來獲得生機……

3.界面視覺

總體提升

我聽到的對於現有的界面最多的抱怨就是它太平淡了,缺乏令人愉悅的元素。為了解決這個問題,我通過輕微的間距調整優化留白,如下圖:

上面是我對於EXID(韓國組合)的無恥安利

資料庫

我認為對於資料庫部分沒必要進行重大改造,所以我僅僅改變了標準的留白和字體大小的調整。我取消了已下載的音樂作為默認菜單,因為我認為應用應該根據用戶是流量還是無線來自動調整用戶可以獲得的音樂。

下面是一些我增加的微小的動態細節(在所有標籤下都一樣),來減少APP的無聊感。

APP的圓角已經讓它看起來很有活力了,所以為什麼不讓動態也看起來充滿活力呢?

為你推薦

「為你推薦」是Apple Music的核心部分。它是Apple Music通過基於用戶「喜愛」的歌單和專輯來推薦相應的歌單和專輯,以此來表現他們有多了解用戶的地方。

我收到了大量反饋告訴我他們覺得現在的「為你推薦」是多麼隨機,所以我的重設計里我決定減少投射在用戶部分的內容同時增加剩下部分的相關性——就像Facebook和Instagram的「top posts」。

重設計的「為你推薦」以My Sampler作為開始來取代現有的「最愛精選」和「音樂新發現」。「最近播放」被完整保留,因為用戶發現它相當實用。?

向下滑動,你會發現我把「一周當日歌單」變成了一個特定心情,它會基於地點、時間和最近的社交媒體活動來改變。

如果你剛剛通過Facebook進入咖啡館,Apple Music就將心情部分升級為專註/學習歌單,這不是會很棒嗎?

如果我們無論如何都會通過社交媒體分享我們的生活,那麼也應該從這裡獲得一些回饋,你說呢?

在這下面是每日推薦,這是一個基於用戶偏好可以推薦給用戶定製的視頻內容的例子。例如。我非常喜歡水果姐果子狸,如果水果姐的Carpool Karaoke(拼車卡拉秀,美國的一檔夜間秀節目)發行了,這個行為召喚(Call-To-Action)就會著重突出水果姐的節目。

這期節目實際上還沒有發行,但是請讓它成真。

之後,你會看到經典的矚目藝人,在這裡我保留了它來顯示新的品牌視覺是如何和UI的其他部分保持協調的。

最後,用戶會獲得最愛的/最經常放的曲風的預覽,以便於如果他們在為你推薦里沒有發現感興趣的內容的話,可以快速獲得更多音樂。

我沒有想到pop的經典樂器,因此用了泡泡糖(的樣式)

但是connect帖子呢?

好問題。事實上,我從我的調查中沒有收到任何錶明要在應用中保留connect服務的數據。用戶對於通過音樂和家人朋友保持聯繫更有興趣(就像Spotify),而不是通過一個山寨推特和藝術家聯繫。

我認為蘋果應該將注意力放在積累已有的社交媒體上,而不是強加另一個在它已經負載過重的用戶身上。

(不要再試著讓連接發生了,它不會發生的。)

瀏覽

我收到的對於現有的瀏覽屏的主要反饋是它太平淡太不吸引人了。還有一些用戶對於「為你推薦」和「瀏覽」的不同感到疑惑。

我的解決方案是以蘋果官網的樣式重設計介紹滑動——填充視圖寬度的巨大滑邊,用一個水平指示條告知用戶現在的位置。我相信這個變化會讓介紹內容感到更吸引人來減少侵入感/隨機感。

我還把收音機菜單合併進已有的瀏覽菜單里。

這樣為視頻標籤讓出位置更方便……

視頻

今年早些時候,蘋果正式宣布Apple Music將會擴展視頻流的服務以希望將Apple Music轉型成一個以流行文化為中心的應用。我很好奇這應該怎樣實現,尤其是在手機應用的上下文中。所以我為視頻專門創建了單獨的標籤來展示獨家視頻內容和音樂錄像帶。

把一個標籤讓給視頻的另一個好處是「瀏覽」可以僅僅因為廣播內容得到保留了。

最後應該有足夠的內容來平衡一個專用的標籤,但是現在我僅僅通過泄露出來的信息和蘋果已有的視覺語言來進行我的設計決策。

搜索

現在Apple Music處理搜索的主要問題是它的使用建立在一個模式之上:你可以在Apple Music里或者你的資料庫里搜索——但是不能同時。

即使是使用了兩年,我仍然發現我會因為在錯誤的模式之下而感到憤怒——尤其是資料庫處理鍵盤輸入的方式是不同的:

這非常容易令人生氣因為會有很高的輸入錯誤的潛在風險,尤其是如果用戶正在搜索一個不在他們資料庫里的新歌或者歌手的時候。

我的解決方案是將這兩個模式合併成一個總的「搜索」來展示結果,用戶的資料庫優先,後面是Apple Music里可以獲得的信息。

能看出我是鱉的忠實粉絲嗎?

對於模糊輸入的支持應該延伸到用戶的資料庫里的內容。在未來,有關心情或活動的輸入結果是否可以實現也非常有趣。

正在播放

我喜歡現在蘋果設計的正在播放屏,並且我想不出任何必要的調整。我決定保持它現有的大部分視覺界面。但是,我想出一個在現有的體驗之上增加的好方法,就是增加一些簡單的手勢交互。

對於很多用戶來說,包括我自己,通過「喜愛」和「不喜愛」的操作來「訓練」Apple Music的必要性是不清晰的。這可以被部分歸結於這個操作是被隱藏的。「喜愛」一首歌的過程在手機上需要用戶打開一個單獨的菜單——這是一個被輕視影響的無聊過程。

「如果他們被隱藏的這麼好,那就意味著他們不是用來被發現的,對嗎?」

我的解決方案是使用一個大部分用戶已經非常熟悉的手勢——雙擊——優化現有的正在播放的體驗。我注意到很多用戶會試著按下「浮動的」正在播放的專輯封面(它看起來如此自然……),為什麼不加一個反饋呢?

為了Instagram用戶的音樂

此外,我增加了相鄰歌曲的滑動預覽,以便於用戶可以通過水平滑動來跳過一些歌曲。我認為這會以一個更直接的方式增加用戶對於他們聆聽體驗的控制感。

向右滑動

接下來呢?

回顧我在我最初的頭腦風暴階段我在我的筆記本上的初稿,我驚訝地發現我在三個月里能夠取得這麼多進展。

開始整個過程之前,我沒有Principle的工作經歷並且幾乎很少在Sketch里進行混合編輯。現在……誠實的說,我仍然認為我在上述應用里是個新手,但是,我能夠做出一些改變了——並且是我能想到的最好的了。

我並沒有期望Apple Music的人們可以從這個案例里獲得任何東西。事實上,如果正在Apple Music工作的人因為這篇文章被絆了一跤我可能會感到心碎……但是如果你沒有,我希望我的工作能夠給你一些想法、啟發你一些交流!

通過這個項目,我理解了我的舞台劇背景和UX設計的關係了——體驗設計師和舞台藝術家在他們對於人類情感的理解是類似的。每一個看過我簡歷的人,記住它吧!

不久,我就會開始我的下一個大冒險——羅德島州設計學校的平面設計學士。儘管和這個過程(包括和西北大學)說再見很奇怪,我真誠的希望這只是我體驗設計事業的開端——一個通過同感改變世界的事業。


推薦閱讀:

入畫設計靠不靠譜?
Design System 中的 Design Token
用戶測試的溝通技巧
呀?你咋就認知科學家了?你認識誰吧你說?

TAG:用户体验设计 | 交互设计 | Medium |