Efter at have lært mig selv at kode og design, redesignede jeg Tumblr.

Opdatering: Efter at have offentliggjort denne artikel, rakte Tumblr mig til en mulighed for at arbejde med dem, og jeg er glad for at sige, at jeg nu er en del af deres produktdesignteam.

Udfordringen

For et par måneder siden konfronterede jeg enhver tro, der fortalte mig, at jeg ikke kunne lære at kode, og begyndte at lære. Selvom det er noget, jeg planlægger at fortsætte, havde jeg en kløe til produktdesign, der ikke ville forsvinde. Det kombinerede min entusiasme for problemløsning og min fascination af menneskelig adfærd.

Begge var discipliner, jeg har drømt om at lære i lang tid, og jeg ønskede ikke, at nogen af ​​dem skulle forblive noget, som jeg sagde, at en dag ville ske.

Og så besluttede jeg. Jeg skiftede karriereveje fra neurobiologi og satte mine synspunkter på disse mål. Men jeg sad fast. Bør jeg fokusere på frontend-udvikling eller produktdesign? Det var da jeg indså det - den eneste person, der sagde, at jeg skulle vælge den ene eller den anden var mig selv.

Så jeg kom med min egen løsning: Jeg lærte begge dele. Efter at have arbejdet med et par JavaScript-projekter, udfordrede jeg mig selv til at redesigne iOS-appen til en platform nær og kær for mit hjerte: Tumblr.

Lidt baggrund

Jeg kan huske, at jeg tilmeldte mig Tumblr, da jeg stadig havde seler for 10 år siden. Det er forbundet mig med nogle af de mest interessante mennesker, jeg kender, og hjalp mig med at navigere i problemer, som jeg troede, ingen andre havde.

Men gennem årene har det haft sine egne problemer. Jeg har set det kæmpe for at konkurrere og forblive relevant i dagens hurtig skiftende sociale medieindustri. Jeg ønskede ikke at forblive en passiv observatør og se den tumle (ordspil beregnet) fra sidelinjen. Så jeg tog en praktisk tilgang til at finde ud af, hvilke UX-løsninger jeg kunne tænke på for at afhjælpe nogle af dens problemer.

Et hurtigt kig på min redesign

Før jeg dykker ned i studiet, vil jeg udtrykke min beundring for, hvad Tumblr-designere allerede har gjort med iOS-appen. Og nej, det siger jeg ikke bare af hensyn til denne artikel. Jeg forstår, at der er grunde til beslutninger, de er truffet på grundlag af data og forskning, som jeg ikke har adgang til. Denne undersøgelse er strengt baseret på min egen forskning og ressourcer, og er derfor ikke fuldstændig omfattende.

Forretningsmæssige mål vs. brugermål

For at undgå uønsket redesign sørgede jeg for, at der var et reelt brugerbehov for, hvad jeg foreslog, og at det løste et problem. Jeg begyndte med at forstå Tumblrs forretnings- og brugermål og arbejdede derefter på løsninger, der ville forbinde dem.

Første ting først, hvad er Tumblr?

"Et sted at udtrykke dig selv, opdage dig selv og binde over de ting, du elsker ... hvor dine interesser forbinder dig med dine mennesker." - Tumblrs mission statement (Feb 2018)

En del af min forskning involverede at forstå, hvad der gjorde Tumblr vellykket, hvad det stod for og hvad det gjorde for brugerne i dag.

Dets grundlægger, David Karp, byggede det fra grunden med målet om at sænke barrieren for blogging. Det var hans baby. Jeg tror, ​​at det grundlæggende arbejde, han lagde for det, har været en stor del af Tumblrs succes, og jeg ville skabe noget, der respekterede hans vision.

Han designede Tumblr for ikke at have mange af de funktioner, der blev tænkt på som nødvendige for sociale medier. At vise tilhængertælling på en brugers profil og andre numeriske markører for popularitet var et eksempel. Han mente, at det forgiftede et samfund, da det byggede omkring antal. Og han frygtede, at det blev metrisk og optimeringsdrevet som "alle [andre] store tech-virksomheder."

Forretningsmæssige mål

1. Foretag indtægter

Karp havde aldrig til hensigt at køre Tumblr som en virksomhed. Han følte at tjene penge på det ville gå på kompromis med dens ægthed som platform for annoncer. Men han havde brug for at få det til at fungere, hvis Tumblr skulle holde op og køre, så han solgte det til YAHOO! i 2013.

YAHOO! rullede ad flere ad-produkter og fusionerede sit salgsteam med Tumblr's, men det gik gentagne gange glip af salgsmål. Begge havde meget forskellige målgrupper fra hinanden med YAHOO! 'S at være meget ældre og Tumblr's meget yngre. Dette gjorde det vanskeligt at arbejde sammen, da begge hold kæmpede efter forskellige typer annoncører.

Tumblr kæmpede for at bevæge sig fra at være en lille, uafhængig virksomhed til at blive styret af en stor. Og det forsøger stadig at finde den balance. I dag køres det af Verizon, efter at de købte YAHOO! i 2017, og Karp har siden fratrædet.

2. Væk brugerbase

Tumblr årlig brugervækst (data indsamlet fra Statista)

Tumblr kæmper for at udvide sin brugerbase i samme takt som sine konkurrenter. Det har næsten fire millioner blogs i dag, men væksten er faldet de sidste fire år, og det er forudset at fortsætte med at gå ned i de næste to år.

3. Forøg engagement

Tumblr har ikke så mange aktive brugere som sine konkurrenter, men dets brugere er ret engagerede. De bruger mere tid på det pr. Måned end Instagram-brugere, og deres sessionlængder slår Instagram og Facebook.

Det er her, at forblive relevant er et problem, fordi konkurrenterne konstant introducerer nye måder at holde deres publikum engageret i.

Brugermål

Jeg gennemførte 72 interviews med tilfældigt udvalgte Tumblr-brugere efter undersøgelse og chat. Da de fleste af dem ønskede at forblive anonyme, udeladte jeg deres brugernavne fra offentligt syn. De mest almindelige mål, der kom op, var:

Brugerdemografi

Tumblr har den yngste brugerbase af sine konkurrenter, idet den gennemsnitlige bruger er omkring 18–24 år gammel. Der er en lige stor mængde mandlige og kvindelige brugere, hvilket også er i modsætning til sine konkurrenter.

67 procent af de adspurgte sagde, at de havde været på Tumblr i mere end fem år. På spørgsmålet om, hvad der holdt dem på Tumblr, var det mest almindelige svar, at de kunne være sig selv uden dom fra andre. De følte sig ikke presset til at leve op til et bestemt billede, fordi samfundet accepterede forskelle. Nogle åbnet endda for, at Tumblr var det første sted, hvor de følte sig sikre på at udforske spørgsmål, de følte sig helt alene om, som seksualitet og mental sundhed.

Jeg vidste ikke, hvor meningsfuld Tumblr var for mange brugere. Det var mere end et sted at give tid med at se på memes eller æstetisk tiltalende fotos. For mange var det et sted, de virkelig kunne forbinde med andre som dem, finde ud af sig selv og navigere i personlige problemer.

Bruger persona

Jeg byggede følgende brugerpersoner rundt om de svar, jeg modtog i mine interviews og holdt det midt i mit design:

Forskning

Brugere kæmpede med iOS-appen

  • 54% brugte iOS-appen mere
  • 32% brugte desktop mere
  • 13% anvendte begge lige

... men lad ikke antallet narre dig! Selvom over halvdelen brugte iOS-appen mere, var det ikke fordi de fandt det lettere eller sjovere. Deres on-the-go livsstil gav dem ikke meget af et valg.

"[Jeg bruger] iOS-appen mere, fordi den bare er mere praktisk for min livsstil, men jeg foretrækker skrivebordsversionen, fordi det er lettere at navigere."

De, der brugte begge lige, følte nogle funktioner var lettere på den ene over den anden. Og de delte deres tid mellem dem afhængigt af, hvad de havde brug for.

Mens desktopbrugere bevidst undgik at bruge iOS-appen. De klagede over, at det var meget ubelejligt, tidskrævende og vanskeligt at navigere.

Typisk svar fra brugere om Tumblr iOS (The Office)

Her er en hurtig analyse af Tumblrs hjemmeside

Startside, også kendt som brugerens betjeningspanel

Problem nr. 1: Tumblr's interface gik imod brugerinstinkt

98 procent af brugerne sagde, når de gennemser deres feed, de fokuserede straks på et posts indhold, ikke hvem der har sendt det.

Du tænker måske: ”Det giver mening. Tumblr består næsten udelukkende af store, farverige fotos. Hvordan kunne det først ikke få deres opmærksomhed? ”Men det er ikke nok til at forklare det. Den samme procentdel af brugerne sagde, hvem der sendte det var bare mindre vigtigt for dem end selve indholdet. Og i de fleste tilfælde ignorerede de, hvem der helt udgav det.

Løsning 1: Indhold først, information nummer to

Lad os dække det grundlæggende i min redesign. Jeg ændrede det generelle layout af indlæg ved at placere indholdet i begyndelsen, så det var det, brugerne så først, når de gik ned på deres feed.

Derefter lægger jeg brugeroplysninger. Dette inkluderede, hvem der sendte det til deres feed, hvem de reblogede det fra, og hvem den oprindelige kilde var. Jeg organiserede det hele sammen, så brugere ikke behøver at scanne indlægget fra det ene sted til det andet.

Men det var stadig problematisk, at brugerne ignorerede hinanden. Så jeg tilføjede funktionen ved at stryge til venstre for at se en brugers otte seneste indlæg i gitterform.

Dette vil gøre det lettere for brugerne at finde mere af det, de leder efter, da en blog, de kan lide et indlæg fra, sandsynligvis har mere af det samme indhold. De lærer også en anden bruger og deres blog at kende uden at skulle engang forlade deres feed. Hvis en blog har indhold, de kan lide, vil de sandsynligvis huske det og brugeren bag.

Men det er ikke kun nyttigt at lære nye blogs at kende eller finde nyt indhold. En af de største grunde, som brugerne gav for at blive på Tumblr, var at interagere med og tjekke ind med nære venner, de lavede på det. Med denne funktion kunne de se, hvordan deres venner har det ved at tjekke på deres seneste indlæg.

Her er et eksempel på en ven, som de seneste indlæg antyder, at du måske ønsker at nå ud til dem:

Et andet problemområde var Tumblrs måde at anbefale nye blogs at følge. Hver niende indlæg dukkede op en håndfuld af anbefalede blogs baseret på en brugers lignende historie. Men algoritmen var ikke problemet. En blogs avatar, banner og bio tog over halvdelen af ​​den givne plads, mens en forhåndsvisning af den faktiske blog kun tog en brøkdel.

Tumblr's måde at anbefale blogs på

Dette gav ingen mening. Da Tumblr er en af ​​de eneste platforme, der lader brugerne tilpasse deres profiler, var det for at lade dem udtrykke deres kreativitet eller persona mere? Eller var det for at tilskynde dem til at være mindre opmærksomme på indhold og mere opmærksom på hinanden?

Under alle omstændigheder var vinduet med mulighed for at overbevise brugere om at følge blogs, de ikke kendte, snævert. Og baseret på mine interviews, ville de basere deres beslutning på indhold og ikke avatarer, bios eller bannere.

Gendesign af Tumblrs anbefalede blogs

Så i min redesign gjorde jeg bloggens indhold til showets stjerne. Jeg viste de seneste indlæg i et gitter for at give et bedre overblik over, hvad bloggen handlede om. Dette ville bedre hjælpe brugerens beslutning om at følge eller ikke.

Jeg gamified også oplevelsen for at tilskynde brugerne til ikke kun at bruge mere tid på at gøre det, men at have det sjovt med det. De kunne skubbe til højre for at følge eller til venstre for at se en anden blog. Dette ville være en mere effektiv måde at få brugere til at forbinde med hinanden, fordi hvad deres blogs indeholder er mere repræsentativ for deres interesser end hvad deres bios siger. Især da et flertal af brugerne slet ikke har noget i deres bios.

Det er en win / win. Brugere finder flere blogs, de kan lide, og folk, som de sandsynligvis vil få forbindelse til. De bruger mere tid på at gennemse og chatte. Og de øger Tumblrs engagementrater ved at gøre det.

Problem # 2: Stillinger i kø

Før denne undersøgelse havde jeg ingen idé om, hvor vigtig kø-stillinger var for brugerne. Jeg troede, at et dedikeret par bare afsatte flere timer til at udtømme indhold døgnet rundt. Men lad os indse det ...

I kø lod brugerne planlægge deres stillinger forud for tid, hvilket tog noget af presset fra at styre en blog. Efter at have fundet ud af, at mere end halvdelen var afhængige af det for at holde deres blogs aktive, måtte jeg prioritere det. Aktive blogs hjalp med til at engagere sig, og at lade brugerne holde deres blogs aktive under farten ville skifte mere fra desktop til mobil.

Men kø var det mest klagede træk i mine interviews. Brugere klagede over, at der var for mange trin involveret, og nogle af de endda brugte tredjepartsapps for at få arbejdet gjort. At så mange gik ud af deres måde at få appen til at fungere for dem, og endda kompensere for, hvad den manglede med en anden app, var et enormt rødt flag for mig.

Så det første, jeg gjorde, var at adskille processen. Jeg ville forstå, hvordan hver del af det udgjorde en oplevelse, der frustrerede brugerne.

Tumblrs køproces

UX-designer Steven Hoober sagde, at 49% af mobilbrugerne holder deres telefoner med den ene hånd, og 75% af mobilinteraktioner er tommelfingerdrevne. Han kaldte dette “tommelfingerzone” -princippet. I det aktuelle design er alle undtagen det første trin i den røde zone. Kan du forestille dig, at du gør dette på en overfyldt bus, hvor du havde ringe eller ingen vugge plads til hvert indlæg, du ville stå i kø? Dette var et faktisk scenario, en bruger gav.

Løsning 2: Administrer din blog mens du er på farten

Gendesign af Tumblrs køfunktion

Den første ting, jeg gjorde, var at skjule funktionen og slippe af med alle unødvendige trin. Nu var alt hvad du skulle gøre, at trykke og trække for at få jobbet gjort.

Du har måske bemærket, at jeg har slået kommentarfunktionen ud til en i kø. At trykke på et indlægs noter førte også til dets kommentarer, og det var ikke fornuftigt at have to knapper, der gjorde det samme på den samme side. Så i stedet tilføjede jeg muligheden for at skubbe til højre for at se eller efterlade kommentarer. Brugere ville stadig kunne få adgang til kommentarer, når de ser et indlægs noter, men på denne måde bevarede plads og følte sig mindre overflødige.

Problem nr. 3: Brugere kunne ikke se, hvad de ville have

En del af min forskning involverede gennemgang af anmeldelser af den aktuelle version i app store. Jeg ville forstå, hvad brugerne havde mest problemer med.

Bortset fra kø, var den største klage brugere, der ikke fik det indhold, de ønskede. De klagede over at have rullet deres foder til ingen nytte i søgen efter noget, de kunne lide. Det var ikke et spørgsmål om at følge de forkerte mennesker - snarere, hvad de kiggede efter, var forskellig pr. Session.

Dette gav mening. At finde og dele fornøjeligt indhold var det første brugermål, jeg nævnte tidligere i denne artikel. Og hvis brugerne ikke fik det indhold, de ønskede, var der ringe eller ingen grund til at fortsætte med at bruge appen.

Løsning 3: Fil- og gittervisning

Så det at have mulighed for at filtrere gennem indhold i en brugers feed var noget, jeg var nødt til at prioritere. Da over 70 procent af indholdet på Tumblr er billedbaseret, tilføjede jeg muligheden for at se feedet i et gitter for at få et bedre overblik over indholdet. Det ville lade brugerne gennemse deres feed uden at føle, at det var en opgave.

Selvom det ikke er demonstreret i mine andre mockups, holdt jeg filter- og chatfunktionerne forankret, mens en bruger gennemsøgte deres feed. Dette vil holde dem ajour med eventuelle nye meddelelser, de har modtaget. Og det gav dem kontrol over filtrering af deres foder igen, hvis de ville.

Problem nr. 5: Aktivitet og meddelelser grupperet sammen

Aktivitetsafsnittet advarer brugere om nye likes, reblogs og følgere. Det var en del af hovednavigationen, indtil Tumblr erstattede den med onlinemeddelelser.

Gammel navigation vs. Ny navigation

Hvis brugere ville se deres aktivitet, var de nødt til at 1) gå ind i deres indbakke og 2) stryge til venstre. Ikke kun gjorde det at fjerne det fra navigationen og proppe det med chat gøre det mindre tilgængeligt, men brugerne fik heller ikke underretninger om ny aktivitet. Antallet af underretninger, der blev vist over chat-symbolet, henviste kun til nye meddelelser. Så hvis brugerne ville vide, om de havde ny aktivitet, var de nødt til at kontrollere manuelt hver gang.

Nederste navigation (til venstre), indlæg oprettet af Tumblr-bruger, der beskriver det nuværende underretningssystem (højre)

Jeg antager, at Tumblr placerede onlinemeddelelser i hovednavigationen for at opmuntre brugerne til at chatte med hinanden mere. Jo mere de chatter med hinanden, jo mere tid bruger de på Tumblr.

Men at vide, hvordan andre interagerer med din blog, er en mulighed for selv engagement. Det giver dig mulighed for at vide, hvordan dit indhold modtages, og hvem der interagerer med din blog. Det kan opfordre dig til at skrive mere og holde din blog aktiv, hvis du ser, at det klarer sig godt.

Og det åbner måske endda muligheden for at opdage nye mennesker til at chatte med. Det er mere sandsynligt, at du tjekker en blog ud og følger den efter at have set, at de har interageret med din, f.eks.

Løsning 5: Adskilt aktivitet fra indbakke

Jeg satte aktivitet i hovednavigeringen og flyttede beskeder til øverste højre hjørne af feedet. Når de er adskilt og i almindelig visning, kan brugerne holde sig ajour med, hvordan deres blog har det, og hvordan deres venner har det. Det behøvede ikke at være den ene eller den anden.

Og det er alt, folk

Jeg har lært, at ethvert problem er en mulighed for at blive kreativ, især dem, der synes at være for vanskelige at løse. Og dette er ikke begrænset til design eller programmering. Jeg har anvendt denne lektion til mit eget liv, og denne undersøgelse er et resultat af den.

Mit problem var, at jeg ville skifte til frontend-udvikling og produktdesign, men ikke havde oplevelsen. Jeg havde ikke råd til smarte kurser eller bootcamps, og jeg ville ikke belaste mig med lån. Men intet af det betyder noget. Der er hundreder af gratis ressourcer tilgængelige online. Du kan slå op på alt, hvad du nogensinde har drømt om at lære - det er bogstaveligt talt lige ved hånden. Jeg vidste med flid og tålmodighed, at jeg kunne få bolden til at rulle på egen hånd og opbygge oplevelse ved at oprette projekter som denne.

Hvis du vil lære noget, men føler, at du ikke har evnen, oplevelsen eller ressourcerne - skab dem. Lav muligheder for dig selv. Find en måde at få dine problemer til at arbejde for dig, ikke imod dig.

Et sunde middel piger meme høflighed af brugerne på Tumblr

Hvis du har nogle forslag eller spørgsmål, vil jeg meget gerne høre dem! Jeg glæder mig meget over enhver konstruktiv feedback, fordi det hjælper mig med at forstå, hvad jeg kan forbedre, når jeg går videre.