După ce m-am învățat să codez și să proiectez, am redesenat Tumblr.

Actualizare: După publicarea acestui articol, Tumblr mi-a adresat ocazia să lucrez cu ei și sunt fericit să spun că acum fac parte din echipa lor de design de produse.

Provocarea

Acum câteva luni m-am confruntat cu fiecare credință spunându-mi că nu pot învăța cum să codez și am început să învăț. Deși intenționez să continui, am avut o mâncărime pentru designul produsului care nu va dispărea. Mi-a combinat entuziasmul pentru rezolvarea problemelor și fascinația mea pentru comportamentul uman.

Ambele erau discipline la care am visat să învăț de multă vreme și nu voiam nici să rămân ceva ce am spus că se va întâmpla într-o zi.

Și așa am decis. Am schimbat traseele de carieră din neurobiologie și mi-am stabilit obiectivele asupra acestor obiective. Dar, eram blocat. Ar trebui să mă concentrez pe dezvoltarea de frontend sau pe designul produsului? Atunci am realizat - singura persoană care spune că trebuie să aleg una sau alta a fost eu.

Așadar, am venit cu propria mea soluție: voi învăța amândouă. După ce am lucrat la câteva proiecte JavaScript, m-am provocat să reproiectez aplicația iOS a unei platforme apropiate și dragi inimii mele: Tumblr.

Un pic de fundal

Îmi amintesc că m-am înscris la Tumblr când încă mai aveam bretele acum 10 ani. M-a conectat la unele dintre cele mai interesante persoane pe care le cunosc și m-a ajutat să navighez în probleme pe care nu le-am avut nimeni.

Însă de-a lungul anilor a avut probleme proprii. L-am văzut cum se luptă pentru a concura și pentru a rămâne relevant în industria de socializare în schimbare actuală. Nu mai doream să rămân un observator pasiv și să nu-l mai privesc cum se zburlă (intenționat) de la margine. Așadar, am luat o abordare practică pentru a descoperi ce soluții UX aș putea crede pentru a remedia unele dintre problemele sale.

O privire rapidă asupra reproiectării mele

Înainte de a mă scufunda în studiu, vreau să-mi exprim admirația pentru ceea ce au făcut deja designerii Tumblr cu aplicația iOS. Și nu, nu spun asta doar de dragul acestui articol. Am înțeles că există motive pentru deciziile pe care le-au luat pe baza datelor și cercetărilor la care nu am acces. Acest studiu se bazează strict pe propriile cercetări și resurse și din acest motiv nu este pe deplin cuprinzător.

Obiectivele de afaceri vs.

Pentru a evita o reproiectare nesolicitată, m-am asigurat că există o nevoie reală a utilizatorului pentru tot ce mi-am propus și că a rezolvat o problemă. Am început să înțeleg obiectivele de afaceri și de utilizator ale Tumblr, apoi am lucrat la soluții care să le conecteze.

Primele lucruri în primul rând, ce este Tumblr?

„Un loc în care să vă exprimați, să vă descoperiți și să vă legați de lucrurile care vă plac ... unde interesele dvs. vă conectează cu oamenii voștri.” - Declarația misiunii Tumblr (februarie 2018)

O parte din cercetarea mea a implicat înțelegerea a ceea ce a făcut Tumblr să aibă succes, la ce a stat și ce face pentru utilizatorii de azi.

Fondatorul său, David Karp, a construit-o de la sol cu ​​scopul de a reduce bariera pentru blogging. Era copilul lui. Cred că temelia pe care a pus-o pentru el a fost o mare parte a succesului Tumblr și am vrut să creez ceva care să respecte viziunea sa.

El a proiectat Tumblr pentru a nu avea multe dintre caracteristicile considerate necesare pentru social media. Afișarea numărului de urmăritori pe profilul utilizatorului și al altor markeri numerici de popularitate a fost un exemplu. El a crezut că a otrăvit o comunitate având-o construită în jurul numerelor. Și s-a temut să devină metric și optimizat, ca „orice [alta] mare companie de tehnologie.”

Obiectivele de afaceri

1. Faceți venituri

Karp nu a intenționat niciodată să conducă Tumblr ca o afacere. El a considerat că monetizarea ar compromite autenticitatea sa ca platformă pentru reclame. Dar trebuia să-l facă să funcționeze dacă Tumblr ar rămâne în funcțiune, așa că l-a vândut lui YAHOO! în 2013.

YAHOO! a lansat mai multe produse publicitare și și-a unit echipa de vânzări cu Tumblr's, dar a ratat în mod repetat obiectivele de vânzări. Amândoi au avut audiențe foarte diferite între ele, cu YAHOO !, fiind mult mai în vârstă, iar Tumblr era mult mai tânără. Acest lucru a făcut dificil să lucreze împreună, deoarece ambele echipe mergeau după diferite tipuri de agenți de publicitate.

Tumblr s-a străduit să treacă de la a fi o companie mică, independentă, la a fi condusă de o companie mare. Și încă încearcă să găsească acel echilibru. Astăzi este condus de Verizon după ce au cumpărat YAHOO! în 2017, iar Karp și-a dat demisia.

2. Creșteți baza de utilizatori

Creșterea anuală a utilizatorilor Tumblr (date colectate de la Statista)

Tumblr se luptă să-și crească baza de utilizatori în același ritm ca și concurenții săi. Are aproape patru milioane de bloguri astăzi, dar creșterea a fost în ultimii patru ani și se prevede că va continua în următorii doi ani.

3. Creșterea implicării

Tumblr nu are la fel de mulți utilizatori activi precum concurenții săi, dar utilizatorii săi sunt destul de implicați. Ei petrec mai mult timp pe el pe lună decât utilizatorii Instagram și lungimile sesiunii le bat Instagram și Facebook.

Aici este o problemă de a rămâne relevant, deoarece concurenții săi introduc în mod constant noi moduri de a-și menține publicul angajat.

Obiectivele utilizatorului

Am efectuat 72 de interviuri cu utilizatori Tumblr selectați la întâmplare prin sondaj și chat. Întrucât cei mai mulți doreau să rămână anonimi, le-am omis numele de utilizator din viziunea publică. Cele mai obișnuite obiective care au venit au fost:

Demografia utilizatorilor

Tumblr are cea mai tânără bază de utilizatori a concurenților săi, utilizatorul mediu având în jur de 18–24 ani. Există o cantitate egală de utilizatori de sex masculin și feminin, ceea ce este, de asemenea, diferit de concurenții săi.

67 la sută dintre intervievați au declarat că au fost pe Tumblr de mai bine de cinci ani. Când au fost întrebați ce i-au păstrat pe Tumblr, cel mai comun răspuns a fost că ar putea fi ei înșiși fără judecată din partea celorlalți. Nu s-au simțit presionați să trăiască până la o anumită imagine, deoarece comunitatea accepta diferențele. Unii chiar s-au deschis despre Tumblr fiind primul loc în care s-au simțit în siguranță explorând probleme în care s-au simțit complet singuri, precum sexualitatea și sănătatea mentală.

Nu mi-am dat seama cât de semnificativ a fost Tumblr pentru mulți utilizatori. A fost mai mult decât un spațiu pentru a trece timpul uitându-ne la memorii sau fotografii plăcute din punct de vedere estetic. Pentru mulți, era undeva unde se puteau conecta cu adevărat cu alții ca ei, să-și dea seama și să navigheze pe probleme personale.

Persoana utilizatorului

Am construit următoarea persoană de utilizator în jurul răspunsurilor pe care le-am primit în interviurile mele și l-am păstrat în centrul designului meu:

Cercetare

Utilizatorii s-au luptat cu aplicația iOS

  • 54% au folosit aplicația iOS mai mult
  • 32% au folosit mai mult desktop
  • 13% au folosit ambele la fel

... dar nu lăsați numerele să vă păcălească! Chiar dacă peste jumătate au folosit aplicația iOS mai mult, nu a fost pentru că le-a fost mai ușor sau mai plăcut. Stilurile lor de viață din mers nu le-au dat prea multe de ales.

"[Eu folosesc aplicația] iOS mai mult pentru că este mai practic în stilul meu de viață, dar prefer versiunea pentru desktop, deoarece este mai ușor de navigat."

Cei care au folosit ambele la fel de mult au simțit unele caracteristici, au fost mai ușoare una peste alta. Și își împart timpul între ei în funcție de ceea ce aveau nevoie să facă.

În timp ce utilizatorii desktop au evitat în mod deliberat să folosească aplicația iOS. Ei s-au plâns că este foarte incomod, consumă mult timp și este dificil de navigat.

Răspuns tipic de la utilizatori despre Tumblr iOS (Office)

Iată o analiză rapidă a paginii de pornire a Tumblr

Pagina de pornire, cunoscută și sub denumirea de tabloul de bord al utilizatorului

Problema nr. 1: Interfața Tumblr a mers împotriva instinctului de utilizator

98 la sută dintre utilizatori au spus atunci când își răsfoiesc fluxurile, s-au concentrat imediat pe conținutul unei postări, nu pe cine a postat-o.

Poate te gândești: „Ei bine, asta are sens. Tumblr-ul este format aproape în întregime din fotografii mari, pline de culoare. Cum ar putea să nu le atragă atenția mai întâi? ”Dar asta nu este suficient pentru a explica acest lucru. Același procent de utilizatori au spus cine a postat-o ​​a fost doar mai puțin important pentru ei decât conținutul în sine. Și, în cele mai multe cazuri, au ignorat cine a postat-o ​​cu totul.

Soluția # 1: Conținutul întâi, informația în al doilea rând

Să acoperim elementele de bază ale reproiectării mele. Am schimbat aspectul general al postărilor prin introducerea conținutului la început, așa că au fost ceea ce au văzut utilizatorii în primul rând când au urmat feed-ul.

După aceea am pus informații despre utilizator. Aceasta a inclus cine a postat-o ​​în feedul lor, de la cine au trimis-o și cine a fost sursa inițială. Am organizat-o împreună, astfel încât utilizatorii să nu fie nevoiți să scaneze postarea de la un loc la altul.

Dar era încă problematic că utilizatorii se ignorau reciproc. Așadar, am adăugat funcția de glisare spre stânga pentru a vedea cele mai recente opt postări ale unui utilizator sub formă de grilă.

Acest lucru ar face mai ușor pentru utilizatori să găsească mai mult din ceea ce caută, deoarece un blog din care le place o postare este probabil să aibă mai mult același conținut. De asemenea, fac cunoștință cu un alt utilizator și blogul lor fără să fie nevoiți să-și părăsească feedul. Dacă un blog are conținut care le place, este probabil să-și amintească de acesta și de utilizatorul din spatele acestuia.

Dar nu este util pentru a cunoaște bloguri noi sau pentru a găsi conținut nou. Unul dintre cele mai mari motive pentru care utilizatorii au stat pentru Tumblr a fost să interacționeze și să se conecteze cu prietenii apropiați pe care i-au făcut. Cu această caracteristică, ei au putut vedea cum se descurcă prietenii lor verificând postările lor recente.

Iată un exemplu de prieten care a trimis postările recente sugerează că poate doriți să vă adresați:

Un alt domeniu problematic a fost modul de a recomanda noi bloguri pentru a le urmări. La fiecare a șasea postare, o mână de bloguri recomandate au apărut pe baza istoricului unui utilizator. Dar algoritmul nu a fost problema. Avatarul, bannerul și bio-ul unui blog au ocupat peste jumătate din spațiul dat, în timp ce o previzualizare a blogului propriu-zis a ocupat doar o fracțiune.

Modul Tumblr de a recomanda bloguri

Acest lucru nu a avut niciun sens. Deoarece Tumblr este una dintre singurele platforme care permite utilizatorilor să își personalizeze profilurile, a fost aceasta pentru a le permite să-și exprime creativitatea sau persoanele mai mult? Sau a fost să-i încurajăm să acorde mai puțin atenție conținutului și mai multă atenție reciproc?

În orice caz, fereastra de oportunitate de a convinge utilizatorii să urmeze blogurile despre care nu știau era restrânsă. Și pe baza interviurilor mele, urmau să își bazeze decizia pe conținut și nu pe avatare, bios sau bannere.

Redesignarea blogurilor recomandate de Tumblr

Așa că, în reproiectarea mea, am făcut ca conținutul blogului să fie vedeta emisiunii. Am afișat cele mai recente postări într-o grilă pentru a oferi o imagine mai bună despre ce a fost blogul. Acest lucru ar ghida mai bine decizia utilizatorului de a urma sau nu.

De asemenea, am gamificat experiența pentru a încuraja utilizatorii să nu doar să-și petreacă mai mult timp fac-o, dar să se distreze cu ea. Ar putea să gluteze spre dreapta pentru a urma sau spre stânga pentru a vedea un alt blog. Acesta ar fi un mod mai eficient de a-i determina pe utilizatori să se conecteze între ei, deoarece ceea ce conțin blogurile lor este mai reprezentativ pentru interesele lor decât ceea ce spun bios-ul lor. Mai ales că majoritatea utilizatorilor nu au deloc nimic în bios.

Este un câștig / câștig. Utilizatorii găsesc mai multe bloguri care le plac și persoane cu care este probabil să se conecteze. Petrec mai mult timp navigând și discutând. Și cresc rata de implicare a Tumblr în acest sens.

Problema nr. 2: postări în coadă

Înainte de acest studiu, nu aveam nici o idee cât de importante au fost postările de coadă pentru utilizatori. M-am gândit că câțiva dedicați au pus deoparte câteva ore pentru a elimina conținutul în permanență. Dar, să-l înfruntăm ...

Așezarea permite utilizatorilor să-și planifice postările înainte de timp, ceea ce a luat o parte din presiunea de a gestiona un blog. După ce am aflat că mai mult de jumătate depindeau de ea pentru a-și menține blogurile active, a trebuit să fac din aceasta o prioritate. Blogurile active au ajutat ratele de implicare, iar permițarea utilizatorilor să își păstreze blogurile activ în timp, ar trece mai mult de la desktop la mobil.

Dar coada a fost cea mai reclamată caracteristică din interviurile mele. Utilizatorii s-au plâns că sunt prea mulți pași implicați, iar unii au apelat chiar la aplicații terțe pentru a finaliza treaba. Că atât de mulți își ieșeau din cale să facă aplicația să funcționeze pentru ei, ba chiar compensa pentru ceea ce îi lipsea cu o altă aplicație, a fost pentru mine un steag roșu imens.

Deci, primul lucru pe care l-am făcut a fost să desprind procesul. Am vrut să înțeleg cum fiecare parte a acesteia a constituit o experiență care a frustrat utilizatorii.

Procesul de așteptare de la Tumblr

Designerul UX, Steven Hoober, a spus că 49% dintre utilizatorii de telefonie dețin telefoanele cu o mână, iar 75% din interacțiunile mobile sunt orientate cu degetul mare. El a numit acest principiu „zona de deget”. În designul actual, toate în afară de primul pas sunt în zona roșie. Vă puteți imagina făcând acest lucru într-un autobuz aglomerat, unde aveți cam până la niciun spațiu periculos pentru fiecare postare pe care doriți să o faceți la coadă? Acesta a fost un scenariu real pe care l-a dat un utilizator.

Soluția # 2: Gestionați-vă blogul în timp

Redesignarea funcției de așteptare de la Tumblr

Primul lucru pe care l-am făcut a fost să ascund caracteristica și să scap de toți pașii inutili. Acum tot ce trebuia să faci era să apese și să tragi pentru a finaliza treaba.

S-ar putea să fi observat că am schimbat funcția de comentariu pentru una în coadă. Apăsarea pe notele unei postări a dus și la comentarii și nu avea sens să ai două butoane care fac același lucru pe aceeași pagină. Așa că, în schimb, am adăugat opțiunea de a glisa dreapta pentru a vizualiza sau a lăsa comentarii. Utilizatorii ar putea totuși să acceseze comentarii atunci când vizionează notele unei postări, dar în acest fel, au fost păstrate spațiu și s-au simțit mai puțin redundante.

Problema nr. 3: utilizatorii nu vedeau ce doreau

O parte din cercetarea mea a implicat parcurgerea recenziilor versiunii actuale din magazinul de aplicații. Am vrut să înțeleg cu ce au avut mai mulți probleme utilizatorii.

În afară de coada, cea mai mare plângere a fost utilizatorii care nu primesc conținutul dorit. Aceștia s-au plâns că au defilat hrana pentru a le căuta ceva ce le-a plăcut. Nu a fost vorba de urmărirea oamenilor greșiți - mai degrabă, ceea ce căutau diferă pe sesiune.

Acest lucru a avut sens. Găsirea și distribuirea de conținut plăcut a fost primul obiectiv de utilizator pe care l-am menționat anterior în acest articol. Și dacă utilizatorii nu primeau conținutul pe care și-l doreau, nu prea exista niciun motiv pentru ca aceștia să continue să folosească aplicația.

Soluția # 3: Vizualizare filtru și grilă

Așadar, faptul că aveam opțiunea de a filtra conținutul în fluxul unui utilizator a fost ceva ce trebuia să fac prioritate. Întrucât peste 70 la sută din conținutul de pe Tumblr este bazat pe imagini, am adăugat opțiunea de a vizualiza feedul într-o grilă pentru o mai bună imagine de ansamblu a conținutului. Acesta ar permite utilizatorilor să își răsfoiască feedul fără să simtă că ar fi o corvoadă.

Deși nu a fost demonstrat în celelalte machetele mele, am păstrat funcțiile de filtrare și chat în timp ce un utilizator a răsfoit feedul. Aceasta le va ține la curent cu orice mesaj nou primit. Și le-a dat controlul asupra filtrării din nou, dacă doreau.

Problema nr. 5: Activitate și mesaje grupate

Secțiunea de activități avertizează utilizatorii de like-uri noi, reclame și urmăritori. A fost o parte a navigării principale până când Tumblr a înlocuit-o cu mesagerie instantanee.

Navigare veche vs. Navigare nouă

Dacă utilizatorii doresc să-și vadă activitatea, trebuiau să 1) intră în căsuța de e-mail și să 2) gliseze la stânga. Nu numai că a eliminat-o din navigație și a o împinge cu chat-ul a făcut-o mai puțin accesibilă, dar utilizatorii nu au primit niciun fel de notificări pentru o nouă activitate. Numărul de notificări afișate deasupra simbolului chat-ului se referea doar la mesaje noi. Deci, dacă utilizatorii doreau să știe dacă au activitate nouă, trebuie să verifice manual de fiecare dată.

Navigare în partea de jos (stânga), postare creată de utilizatorul Tumblr care descrie sistemul de notificare curent (dreapta)

Presupun că Tumblr a pus mesaje instantanee în navigarea principală pentru a încuraja utilizatorii să discute mai mult între ei. Cu cât vorbesc mai mult între ei, cu atât mai mult timp petrec pentru Tumblr.

Dar a ști cum interacționează ceilalți cu blogul tău este o oportunitate de angajare în sine. Vă permite să știți cum este recepționat conținutul dvs. și cine interacționează cu blogul dvs. Este posibil să vă încurajeze să postați mai multe și să păstrați blogul activ dacă vedeți că merge bine.

Și poate chiar deschide oportunitatea de a descoperi oameni noi cu care să discutați. Este mai probabil să verificați un blog și să îl urmați după ce ați văzut că au interacționat cu dvs., de exemplu.

Soluția # 5: Separați activitatea de la inbox

Am pus activitate în navigarea principală și am mutat mesageria în colțul din dreapta sus al feedului. Dacă le separați și în vizualizare simplă, permite utilizatorilor să rămână la curent cu modul în care își desfășoară blogul și cum își desfășoară prietenii. Nu trebuia să fie una sau alta.

Și asta este totul, oameni buni

Am aflat că fiecare problemă este o oportunitate de a deveni creativ, în special cele care par prea dificil de rezolvat. Și aceasta nu se limitează la proiectare sau programare. Am aplicat această lecție în propria mea viață, iar acest studiu este rezultatul acesteia.

Problema mea a fost că am vrut să mă transform în design frontend și design de produs, dar nu aveam experiența. Nu mi-am putut permite cursuri de fantezie sau campe de pornire și nu voiam să mă încărc cu împrumuturi. Dar nimic din asta nu conta. Există sute de resurse gratuite disponibile online. Ați putea căuta orice ați visat vreodată să înveți - este literalmente la îndemână. Știam, cu sârguință și răbdare, că pot face rost de minge pe cont propriu și să construiesc experiență creând proiecte ca acesta.

Dacă vrei să înveți ceva, dar simți că nu ai abilitatea, experiența sau resursele, creează-le. Asigurați-vă oportunități pentru dvs. Găsiți o modalitate de a face problemele dvs. să funcționeze pentru dvs., nu împotriva dvs.

Un median sănătos sănătos pentru fetele cu amabilitatea utilizatorilor de la Tumblr

Dacă aveți sugestii sau întrebări, mi-ar plăcea să le aud! Salut cu nerăbdare orice feedback constructiv, deoarece mă ajută să înțeleg ce să îmbunătățesc înainte de a merge mai departe.