Jeg blev afvist af Apple Music… Så jeg redesignede den igen

Jeg vil gerne indlede denne casestudie ved at konstatere, at mine intentioner med at redesigne Apple Music på ingen måde var drevet af forargelse eller trods.

Tidligere i år ansøgte og interviewede jeg et praktikophold i grafisk design hos Apple Music (en mulighed for livet) og blev afvist med et meget venligt brev om, at selv om de kunne lide mit arbejde, ville de se mere vækst og træning.

Til at begynde med blev jeg frustreret - Northwestern University tilbyder ikke nogen form for grafisk grafisk designprogram, så uanset hvilken vækst de ledte efter måtte være selvlært ...

... men så snart jeg kom til denne erkendelse, blev jeg inspireret til at gå i gang med det, der blev en tre måneder lang rejse til den hellige gral - iOS-appen, som Apple Music fortjener.

For mig var dette en mulighed for virkelig at grave mine tænder i UX-forskning og -design, en undskyldning for at bruge alt for meget tid på Sketch and Principle, en grund til at kede alle omkring mig med min notesbog med groft tegnet trådrammer ...

Hvad du finder nedenfor er en casestudie, der tilbyder mulige løsninger til at tackle nogle af Apple Musiks problemer, samt ideer til fremtidig udvikling. Min proces blev styret af kvalitativ brugerundersøgelse, Apples officielle designprincipper og min egen designerintuition.

Introduktion

Som designer med baggrund inden for musikkomposition og performance har jeg altid brænder for oplevelser, der gifter sig med musik og teknologi. Gennem design håber jeg på en dag at gøre oplevelsen af ​​musik mere tilgængelig og underholdende.

Apple Music har dog altid frustreret mig. Det, der var meningen at være tjenesten til at konvertere alle i verden til streaming, gennemgår puberteten - en sætning, som her betyder jævnt modning, men alligevel uattraktiv sammenlignet med de voksne i spillet (aka Spotify).

For bedre at forstå Apple Music tog jeg en tur ned i hukommelsesbanen og gik på gang med dens begyndelse. Apple Musiks første identitet, der er plaget af et notorisk forvirrende interface og en halvbagt visuel identitet, var den skyldige af mange hovedpine.

Tak, Lana Del Rey og Wayback Machine

Med iOS10 frigav Apple en meget tiltrængt opdatering baseret på principperne for kompleksreduktion.

Kig på det utrolige Pentatonix-kunst fra min kære ven og mentor Annie Stoll

Mens denne nye grænseflade var meget lettere at navigere, følte jeg stadig, at der var plads til forbedringer. På trods af sin forenklede farvepalet og forstørrede typografi føltes grænsefladen rodet og endda klaustrofobisk - langt fra Apples sædvanlige elegance.

Jeg nærmede mig min redesign i tre trin, mens jeg udførte forskning i hele:

  • Kerneoplevelse
  • Brand Identity
  • Visuel grænseflade

1. Kerneoplevelse: Music Discovery

En af de første ting, som jeg fandt ud af, var, at brugere af streamingtjenester generelt faldt et sted på følgende spektrum:

Tag selv; Jeg er det tvetydige grønt område

hoarders:

  • Har et stort bibliotek, som de tilføjer til fra tid til anden
  • Er mere selektive med hensyn til hvad de lytter til

Nomads:

  • Stole på afspilningslister / kurateret indhold
  • Bruger sandsynligvis allerede Spotify

Apple Music sidder ved Hoarder-siden af ​​spektret. Åbn en Apple Music-spilleliste, og du finder sandsynligvis denne i beskrivelsen:

Hvis du hører noget, du kan lide, skal du føje det til dit bibliotek.

At behandle afspilningslister som værktøjer til at opdage ny musik er en tilgang, der giver mening i betragtning af Apple Musiks fortid som iTunes. Den måde, afspilningslister i øjeblikket implementeres på, føles dog meget tacklet. Jeg fandt, at brugere ikke var komfortable med at tilføje hele afspilningslister til deres personlige biblioteker, især hvis nævnte afspilningslister konstant opdaterede.

Hvis Apple Music ønsker at udvide til den nomadiske side af spektret, er de nødt til at gøre det på en måde, der bringer deres eksisterende brugerbase med. Dette betyder at skabe en musikopdagelsesoplevelse, der er centreret om kunstnere og albums i stedet for afspilningslister. Indtast ... Min sampler

Min prøveudtager

My Sampler er en ny oplevelse, der er gjort for at bygge bro mellem Hoarders og Nomads, og erstatte den nuværende "New Music Mix." gennem en hel playliste fuld af ny musik. En bedre oplevelse ville være at præsentere uddrag - eller eksempler - af kurater, der giver brugeren lige nok information til at beslutte, om han vil tilføje det til deres bibliotek og ugentlige playliste.

Når han kommer ind i sampleren, får brugeren præsenteret en række kunstnerhovedbilleder, der svarer til en kurateret sang. Brugeren kan trykke på og holde nede for at få vist 15 sekunder af hver sang, før han stryger op for at afvise sangen eller skubbe ned for at tilføje sangen til deres bibliotek.

Musik til Tinder-generationen

Jeg valgte at bruge gestusinteraktion, så brugerne kan bruge sampleren, selvom de ikke ser på skærmen. Når brugeren er færdig med sampling, bruges deres valg til at oprette en ny musikmix, som brugeren kan lytte til.

Mekanikken bag denne oplevelse blev inspireret af følgende citat fanget i et interview:

"Apple undervurderer kraften ved gamification."
- UX-designer og Apple Music-bruger, jeg interviewede i LA

Jeg har forstået, at brugeren gennem en gamified oplevelse er i stand til at etablere en øjeblikkelig forbindelse til den musik, de opdager. Derudover har Sampler potentialet til at give Apple Music en konstant strøm af information om lytterpræferencer, så appen kan udvikle sig og vokse sammen med brugeren.

2. Brand Identity

Under mit praktikophold hos Sony Music lærte jeg, at et brands visuelle tilstedeværelse i en streamingtjeneste skal være genkendelig og alligevel usynlig på samme tid. Spotify gør dette meget godt i deres brug af halvtonefotografering og “Bursts” i deres spillelistealbum.

Til sammenligning har Apple Musiks visuelle branding lige nu slags overalt:

Der er en blanding af symboler, 3D-typografi og sort / hvid-fotografering.

Derudover er der covers med collage-tema, der ikke virkelig kommunikerer noget om stemning / fornemmelse på spillelisten.

...

Hovedspørgsmålet ser ud til at være Apple Music, der kaster alt ved væggen for at se, hvad der klæber, i stedet for virkelig at udvikle et konsistent visuelt sprog, der angiver Apples tilstedeværelse i appen blandt et hav af albumkunst.

Min løsning blev bygget på følgende princip:

Albumkunst skal behandles som en del af brugergrænsefladen og ikke som en selvstændig visuel komponent.

Kunstner Spotlight Kunstværk:

Inspireret af Apple Musiks velkomstskærm valgte jeg at vise kunstnerhovedbilleder inden for et cirkulært motiv. Cirkelformen blev inspireret af iPod-klikhjulet - en ikonisk del af Apples musikarv. Motivet "ansigt inde i en cirkel" ses også andre aspekter af iOS, især Kontaktpersoner.

Derudover valgte jeg San Francisco, så kunstneren Spotlight-kunstværker ville harmonere med UI. Til sidst begrænsede jeg farvepaletten til forskellige nuancer / toner af blå, violet og rød for at afspejle Apple Music Icon.

Kunstner Spotlights

Kurateret playlistekunst:

For kuraterede spillelister ønskede jeg, at udseendet skulle være i overensstemmelse med kunstnerens spotlights, mens jeg viser et aspekt af spillelistens stemning / stemning gennem brug af farve. Flere levende billeder vises på baggrund af det samme billede med et gaussisk slørfilter (inspireret af iOS's baggrundsslør). For visse covers har jeg også tilføjet en subtil gradient af Apple Musiks signaturrøde for at tilføje en følelse af dimension.

Kuraterede afspilningslister

Core Playlist Artwork:

Til sidst opdaterede jeg den centrerede grafik for nogle af de centrale spillelister med den samme typografi, der blev brugt til kunstnerens spotlights og kurationer.

Grundlæggende afspilningslister

Jeg tror, ​​at denne nye branding-ordning harmoniserer godt med resten af ​​UI, og er nysgerrig efter at se, om dette cirkulære motiv også på en eller anden måde kunne være animeret efter brugerens input ...

3. Visuelt interface

Generelle forbedringer

Den største klage, jeg hørte om den aktuelle grænseflade, var, at den føltes for steril og manglede et element af glæde. For at begynde at løse dette optimerede jeg det hvide rum gennem subtile justeringer i hele appen som vist nedenfor:

Over: skamløs reklame for EXID

Bibliotek

Jeg troede ikke, at store ændringer i fanen Bibliotek var nødvendige, så jeg begrænsede ændringerne til det hvide rum og indstil justeringerne. Jeg fjernede Downloaded Music som en standardmenuindstilling, fordi jeg synes, appen skulle selvjustere, hvilken musik brugeren har adgang til, baseret på tilgængeligheden af ​​LTE / WiFi.

Nedenfor er nogle subtile animationsdetaljer (der findes i alle faner), jeg tilføjede for at få appen til at føle sig mindre steril.

Appens runde hjørner får den allerede til at se hoppende ud, hvorfor ikke få den til at føle bouncy også?

For dig

“For You” er det bankende hjerte i Apple Music. Det er her Apple Music får til at flexere, hvor meget den ved om brugeren ved at sammenlægge afspilningslister og albums baseret på, hvad brugeren har "Elsket."

Jeg fik masser af feedback om, hvor tilfældig den nuværende "For You" følte, så for min redesign havde jeg til formål at reducere mængden af ​​indhold, der blev kastet på brugeren, mens jeg øgede relevansen af ​​hvad der er tilbage ... som Facebook og Instagram's "Top Posts."

Den nydesignede "For You" begynder med "My Sampler" i stedet for den nuværende "My Favorites Mix" og "My New Music Mix". "For nylig spillet" holdes intakt, da brugerne fandt det at være meget nyttigt.

Rulning ned finder du, at jeg har ændret "Indsæt ugedag her - Afspilningslister" til et specifikt humør, der justeres baseret på placering, tid og nylig aktivitet på sociale medier.

Ville det ikke være fantastisk, hvis Apple Music straks efter at have tjekket på en café på Facebook opdaterer dette humør-afsnit til fokus / studér afspilningslister?
Hvis vi alligevel deler vores hele liv på sociale medier, kan du lige så godt få noget ud af det, føler du det?

Nedenfor er Daily Stream, et eksempel på, hvordan eksklusivt videoindhold kan skubbes til brugeren baseret på deres præferencer. For eksempel kan jeg virkelig godt lide Katy Perry, så hvis en Katy Perry-episode af Carpool Karaoke frigives, kan Call-To-Action ændres for at lægge vægt på Katys udseende.

Dette er ikke teknisk frigivet endnu, men lad dette være sandt.

Bagefter finder du de klassiske Artist Spotlights, som jeg holdt i denne demo for at vise, hvordan de nye visuelle branding-ordninger fungerer i harmoni med resten af ​​UI.

Og sidst, men ikke mindst, får brugerne en forhåndsvisning af deres mest elskede / spillede genrer, så de har hurtig adgang til mere musik, hvis intet i For You-feedet var i stand til at gøre deres interesse interesseret.

Jeg kunne ikke tænke på et godt instrument til Pop, deraf boblergummi
Men hvad skete der med Connect?

Godt spørgsmål. Sandheden er, at jeg ikke så nogen data fra min forskning, der kunne retfærdiggøre at holde Connect-feedet i appen som det er. Brugere var mere interesserede i at forbinde med venner og familie gennem musik (a la Spotify) i stedet for med kunstnere gennem en udvandet Twitter.

Jeg synes, Apple skal fokusere på at integrere eksisterende sociale medier med Apple Music i stedet for at forsøge at skubbe endnu et på sine allerede overbelastede forbrugere.

Billedkredit til Paramount Pictures / Mean Girls

Gennemse

Størstedelen af ​​de tilbagemeldinger, jeg fik om den aktuelle browserskærm, var, at det føltes for sterilt og uinviterende. Nogle brugere udtrykte også forvirring med hensyn til forskellene mellem "For You" og "Browse".

Min løsning var at redesigne Feature Slides i stil med Apples websted - Jumbo-dias, der udfylder visningsbredden, med en vandret indikator for, hvor brugeren er i slideshowet. Jeg tror, ​​at denne ændring får det udvalgte indhold til at føles mere indbydende og mindre påtrængende / tilfældigt.

Jeg fusionerede også Radio-menuen til den eksisterende Gennemse-menu.

Dette giver nemt plads til fanen Watch…

Holde øje

Tidligere i år bekræftede Apple, at Apple Music udvides til indhold af videostreaming i et forsøg på at gøre Apple Music til en popkulturcentral. Jeg var nysgerrig efter, hvordan dette vil afspille især i forbindelse med mobilappen, så jeg oprettede en separat fane specielt til gennemsyn af eksklusivt videoindhold og musikvideoer.

En ekstra bonus ved at dedikere en fane til Video er, at

Der vil med tiden være nok indhold til at retfærdiggøre en dedikeret fane, men i øjeblikket baserede jeg mine designbeslutninger på lækket information såvel som Apple Musiks eksisterende visuelle sprog.

Søg

Det største problem med, hvordan Apple Music håndterer søgning lige nu, er, at det er baseret på et tilstandssystem: hvor du enten kan søge i Apple Music eller dit bibliotek - men ikke begge dele.

To år efter brug af denne app finder jeg mig stadig frustreret over at være i den forkerte tilstand, især da Bibliotekstilstanden håndterer søgeord forskelligt:

Dette er især irriterende, fordi der er et stort potentiale for inputfejl, især hvis brugeren søger en ny sang eller artist endnu ikke i deres bibliotek.

Min løsning var at flette de to tilstande til en generel "søgning", der først viser resultater fra brugerens bibliotek, efterfulgt af alt andet, der er tilgængeligt på Apple Music.

Er det indlysende, at jeg er en stor fan af Lady Gaga?

Support til fuzzy nøgleord skal udvides til brugerens Bibliotek indhold. Det vil også være interessant at se, om resultater for nøgleord, der vedrører humør eller aktiviteter, kan implementeres i fremtiden.

Spiller nu

Jeg kan godt lide, hvad Apple har gjort med skærmen Now playing, og troede ikke, at der var behov for større justeringer. Jeg besluttede at beholde det meste af det visuelle interface som det er. Jeg troede dog, at en god måde at bygge videre på den eksisterende oplevelse var at inkorporere nogle enkle gestusinteraktioner.

For mange brugere, inklusive mig selv, var nødvendigheden af ​​at "træne" Apple Music gennem kommandoerne "Love" og "Dislike" ikke klar. Dette kan delvis tilskrives, hvor godt de nævnte kommandoer er skjult; processen med at ”elske” en sang på mobil kræver, at brugerne åbner en separat menu - en kedelig proces, der bagatelliserer dens indflydelse.

”Hvis de er skjult så godt, skal det betyde, at de ikke er beregnet til at blive fundet, ikke?”

Min løsning var at implementere en gestus, som de fleste brugere allerede er bekendt med - dobbelttryk - i oplevelsen Now playing. Jeg bemærkede, at mange brugere forsøgte at trykke på den “flydende” albumkunst i den aktuelle udgivelse (det ser bare så dejligt ud) ... hvorfor ikke tilføje et svar?

Musik til Instagram-generationen

Derudover tilføjede jeg sneak peeks af tilstødende spor, som brugerne kan springe til gennem en vandret svejse. Jeg tror, ​​at dette vil give brugerne mere kontrol over deres lytteroplevelse på en intuitiv måde.

Stryg til højre for at feste.

Hvad er det næste?

Når jeg ser tilbage på de indledende skriblerier, jeg lavede på min notesbog under mine indledende brainstorming-sessioner, er jeg glad for overrasket over den mængde fremskridt, jeg var i stand til at gøre i tre måneder.

Når jeg gik ind på denne proces, havde jeg ingen praktisk kendskab til princippet og kunne næppe redigere blandingstilstande i Sketch. Nu ... for at være ærlig betragter jeg mig stadig som en novice i nævnte prototype-apps, men hey, jeg var i stand til at få noget til at ske - og det er det bedste, jeg kunne have håbet på.

Jeg forventer ikke, at de gode folk hos Apple Music vil tage noget fra denne casestudie. Faktisk kan jeg faktisk have et hjerteanfald, hvis nogen, der arbejder med Apple Music, snubler over denne artikel ... men hvis du er derude, håber jeg, at mit arbejde kunne give dig nogle ideer og få nogle samtaler!

Gennem dette projekt er jeg kommet til at forstå værdien af ​​min teaterbaggrund i forhold til UX-design - erfaringsdesignere og teaterkunstnere er ens i deres fælles forståelse af menneskelig empati. Tag det, bogstaveligt talt alle, der ruller øjnene på mit CV!

Snart går jeg ud på mit næste store eventyr: BFA Grafisk Design ved Rhode Island School of Design. Selvom det føles mærkeligt at sige farvel til denne proces (og Northwestern University), håber jeg inderligt, at dette bare er begyndelsen på en karriere inden for oplevelsesdesign… en karriere med at ændre verden gennem empati.

Jason Yuan
Visual & Experience Designer
Teater / kommunikations junior, Northwestern University
Twitter | Instagram | Portefølje | Lad os tale!