Miután megtanítottam a kódolást és a tervezést, újraterveztem a Tumblr-t.

Frissítés: A cikk közzététele után a Tumblr felkeresett egy lehetőséget, hogy velük együtt dolgozzon, és örömmel mondhatom, hogy most része vagyok a terméktervező csapatnak.

A kihívás

Néhány hónappal ezelőtt minden hittel szembesültem, amikor azt mondtam, hogy nem tudtam megtanulni, hogyan kell kódolni, és elkezdtem tanulni. Noha ez valami, amit folytatni tervelek, viszkettem a termék dizájnját, amely nem ment el. Ez egyesítette a lelkesedésem a problémamegoldás iránt és az emberi viselkedés iránti elbűvölet.

Mindkettő olyan tudományág volt, amiről már régóta álmodtam, és nem is akartam, hogy valami maradjon, amiről azt mondtam, hogy valaha megtörténik.

És úgy döntöttem. Válttam a pályafutást a neurobiológiáról, és ezeket a célokat tűztem fel. De elakadtam. A frontend fejlesztésére vagy a termék tervezésére kellene összpontosítanom? Ekkor rájöttem: az egyetlen személy, aki azt mondta, hogy egyik vagy a másik választani kell, én magam voltam.

Tehát én kidolgoztam a saját megoldásomat: mindkettőt megtanulnám. Miután néhány JavaScript projekten dolgoztam, kihívást jelentettem magamnak, hogy újratervezzem a szívem közelében lévő és kedves platform iOS alkalmazását: Tumblr.

Egy kis háttér

Emlékszem, hogy feliratkoztam a Tumblr-re, amikor még tíz évvel ezelőtt még volt nadrágtartóm. Összekapcsolta a legérdekesebb emberekkel, akiket ismerek, és segített navigálni a problémák között, amelyekről azt gondoltam, hogy senki másnak sincs.

De az évek során saját problémái voltak. Láttam, hogy a mai gyorsan változó szociális médiaiparban versenyezni kell és releváns maradni. Nem akartam passzív megfigyelőként maradni, és már oldalról néztem, mire zuhan (a szándék szerint). Tehát gyakorlati megközelítést alkalmaztam, hogy kitaláljam, milyen UX megoldásokra gondolok néhány probléma megoldására.

Gyors áttekintés az újratervezésemről

Mielőtt belemerülnék a tanulmányba, csodálkozni szeretnék azon, amit a Tumblr tervezők már megtettek az iOS alkalmazással. És nagyon, nem csak ezt a cikket mondom. Megértem, hogy vannak olyan adatok és kutatások alapján hozott döntéseik, amelyekhez nem tudok hozzáférni. Ez a tanulmány szigorúan a saját kutatásaimra és az erőforrásokra épül, és ezért nem teljesen átfogó.

Üzleti célok és felhasználói célok

A kéretlen újratervezés elkerülése érdekében meggyőződtem arról, hogy valóban felhasználói igény van-e bármi, amit javasoltam, és hogy megoldotta-e a problémát. Először a Tumblr üzleti és felhasználói céljainak megértésével kezdtem, majd azon megoldások felé dolgoztam, amelyek összekapcsolnák őket.

Először is, mi a Tumblr?

„Hely, ahol kifejezheti magát, felfedezheti önmagát, és ragaszkodhat az Ön által kedvelt dolgokhoz… ahol az érdekei összekapcsolják Önt az emberekkel.” - Tumblr küldetésének nyilatkozata (2018. febr.)

Kutatásom egy részében megértettem, mi tette sikeressé a Tumblr-t, mi áll fenn és mit csinál a felhasználók számára ma.

Alapítója, David Karp az alapoktól kezdve építette fel azzal a céllal, hogy csökkentsék a blogolás akadályát. A baba volt. Úgy gondolom, hogy a Tumblr sikerének nagy részét képezte az általa elkészített alapmunka, és valami olyat akartam létrehozni, amely tiszteletben tartja a látását.

Úgy tervezte, hogy Tumblr nem rendelkezzen sok olyan funkcióval, amelyet a közösségi média szempontjából szükségesnek tartanak. Az egyik példa volt a követők számának a felhasználói profilon és a numerikus népszerűségi mutatókon történő bemutatása. Azt hitte, hogy megmérgez egy közösséget, mivel számok körül építette fel. Félte, hogy ez metrikussá és optimalizálás-vezérelté válik, mint „minden más [nagy] technológiai vállalat”.

Üzleti célok

1. Keress bevételt

Karp soha nem akart a Tumblr-t üzleti vállalkozásként működtetni. Úgy érezte, hogy a bevételszerzés veszélyeztetné annak valódiságát, mint a kreatívok platformja. De működnie kellett, ha Tumblr felfüggesztette és fut, így eladta a YAHOO-nak! 2013-ban.

JEHU! több hirdetési terméket hozott forgalomba, és egyesítette értékesítési csapatát a Tumblr-rel, de többször is elmulasztotta értékesítési céljait. Mindkettő közönségétől nagyon eltérő közönség volt, a YAHOO! Sokkal idősebb és Tumblr sokkal fiatalabb. Ez megnehezítette az együttműködést, mivel mindkét csapat különféle hirdetőket követett.

Tumblr küzdött azon, hogy kicsi, független társaságtól kezdve egy nagyvállalat irányuljon. És még mindig megpróbálja megtalálni ezt az egyensúlyt. Ma azt a Verizon üzemelteti, miután megvásárolták a YAHOO-t! 2017-ben, és Karp azóta lemondott.

2. Növekszik a felhasználói bázis

Tumblr éves felhasználói növekedés (adatok a Statista-tól gyűjtötték)

A Tumblr arra törekszik, hogy felhasználói bázisa növekedjen a versenytársakkal azonos ütemben. Ma már közel négymillió blogja van, de a növekedés az elmúlt négy évben lelassult, és az előrejelzések szerint a következő két évben is folytatódni fog.

3. Növelje az elkötelezettséget

A Tumblr-nek nincs annyi aktív felhasználója, mint versenytársaival, de a felhasználók nagyon elégedettek. Havonta több időt töltenek rá, mint az Instagram-felhasználók, és munkamenetük hossza meghaladja az Instagram-ot és a Facebook-ot.

Itt releváns a probléma, ha a versenytársak folyamatosan új módszereket vezetnek be a közönség elkötelezettségének fenntartására.

Felhasználói célok

72 interjút készítettem véletlenszerűen kiválasztott Tumblr felhasználókkal felmérés és chat segítségével. Mivel többségük anonim maradt, a felhasználóneveiket nyilvános nézetből elhagytam. A leggyakoribb célok, amelyek felmerültek:

Felhasználói demográfia

A Tumblr a versenytársainak legfiatalabb felhasználói bázisa, az átlagos felhasználó 18–24 éves. A férfiak és a nők száma azonos, a versenytársaitól eltérően.

Az interjúalanyok 67% -a mondta, hogy több mint öt éve a Tumblr-en volt. Arra a kérdésre, hogy mi tartotta meg őket a Tumblr-n, a leggyakoribb válasz az volt, hogy ők maguk is lehetnek mások megítélése nélkül. Nem érezték nyomásukat egy bizonyos kép kialakításában, mert a közösség elfogadta a különbségeket. Néhányan azt is felnyitották, hogy Tumblr az első hely, ahol biztonságban érezték magukat, feltárva azokat a kérdéseket, amelyekben teljesen egyedül éreztek magukat, mint például a szexualitás és a mentális egészség.

Nem tudtam, mennyire értelmes a Tumblr sok felhasználó számára. Ez több, mint egy idő, hogy időt tegyen át mémekre vagy esztétikailag kellemes fényképekre. Sokak számára ott volt, ahol valóban kapcsolatba léphetnek másokkal, mint ők, kitalálhatják magukat, és navigálhatnak a személyes kérdésekben.

Felhasználó személy

Az interjúim során kapott válaszok körül a következő felhasználói személyiséget építtem fel, és a tervezésem középpontjában tartottam:

Kutatás

A felhasználók küzdenek az iOS alkalmazással

  • 54% -uk többet használt az iOS-alkalmazásban
  • 32% -uk többet használt asztali számítógépen
  • 13% mindkettőt egyformán használta

... de ne hagyd, hogy a számok bolonduljanak! Annak ellenére, hogy több mint fele többet használták az iOS alkalmazást, az nem azért volt, mert egyszerűbbnek vagy élvezetesebbnek találták őket. On-the-go életmódjuk nem adott számukra sok választást.

"Az [iOS] alkalmazást inkább azért használom, mert ez egyszerűbb az életmód szempontjából, de jobban szeretem az asztali verziót, mert könnyebb navigálni."

Azok, akik mindkettőt egyformán használtak, úgy érezték, hogy egyes funkciók könnyebbek egymással szemben. És megosztották az idejét közöttük, attól függően, mit kellett tenniük.

Míg az asztali felhasználók szándékosan elkerülték az iOS alkalmazás használatát. Azt panaszolták, hogy nagyon kényelmetlen, időigényes és nehéz navigálni.

Tipikus felhasználói válasz a Tumblr iOS-ról (The Office)

Itt egy gyors elemzés a Tumblr honlapjáról

Kezdőlap, más néven a felhasználó műszerfal

1. probléma: A Tumblr felhasználói felülete ellentétes a felhasználói ösztönrel

A felhasználók 98 százaléka azt mondta, hogy a hírcsatorna böngészésekor azonnal a bejegyzés tartalmára koncentrálnak, nem pedig arra, aki közzétette.

Lehet, hogy arra gondol: „Nos, ennek van értelme. A Tumblr szinte teljes egészében nagy, színes képekből áll. Hogyan tudná előbb felhívni a figyelmüket? ”De ez nem elég ahhoz, hogy elmagyarázza. A felhasználók azonos százaléka azt mondta, hogy ki írta, csak kevésbé fontos számukra, mint maga a tartalom. És a legtöbb esetben figyelmen kívül hagyták, hogy ki tette közzé.

1. megoldás: Először a tartalom, a második

Fedezzük fel az újratervezés alapjait. Megváltoztattam a hozzászólások általános elrendezését azáltal, hogy a tartalmat eleinte tettem, tehát az lenne az, amit a felhasználók láttak először, amikor lementek a hírcsatornájukról.

Ezután felteszem a felhasználói információkat. Ez magában foglalta azt is, hogy kik feladták a hírcsatornájukhoz, kinek küldték újra, és ki volt az eredeti forrás. Mindent együtt rendeztem, így a felhasználóknak nem kellene átvizsgálniuk az üzenetet egyik helyről a másikra.

De továbbra is problémás volt, hogy a felhasználók figyelmen kívül hagyták egymást. Tehát hozzátette a balra húzás funkcióját, hogy rácsos formában láthassam a felhasználó legutóbbi nyolc bejegyzését.

Ez megkönnyítené a felhasználókat, hogy többet találjanak arról, amit keresnek, mivel egy olyan blog, amelyben szerepelnek egy hozzászólás, valószínűleg több azonos tartalommal rendelkezik. Ugyanakkor megismerik egy másik felhasználót és a blogjukat anélkül, hogy el kellene hagyniuk a hírcsatornájukat. Ha egy blog olyan tartalommal rendelkezik, amely tetszik, akkor valószínűleg emlékeznek rá és a mögötte lévő felhasználóra.

De nemcsak az új blogok megismerésére vagy új tartalom megismerésére szolgál. Az egyik legnagyobb oka a felhasználóknak a Tumblr-en maradására a közeli barátokkal való kapcsolattartás és bejelentkezés révén. Ezzel a funkcióval láthatták, hogyan működnek a barátok, ellenőrizve a legutóbbi hozzászólásaikat.

Íme egy példa egy barátra, aki legutóbbi hozzászólásai alapján felveheti velük a kapcsolatot:

Egy másik problémakör a Tumblr módja volt az új blogok ajánlására. Minden n. Üzenetben egy maroknyi ajánlott blog jelent meg a felhasználó kedvelt előzményei alapján. De az algoritmus nem volt a probléma. A blog avatarja, szalaghirdetése és az önéletrajz az adott terület több mint felét foglalta el, míg a tényleges blog előnézete csak egy töredékét foglalta el.

Tumblr módja a blogok ajánlására

Ennek nem volt értelme. Mivel a Tumblr az egyetlen platform, amely lehetővé teszi a felhasználók számára a profilok testreszabását, ez volt az, hogy jobban kifejezzék kreativitásukat vagy személyiségeiket? Vagy arra buzdította őket, hogy kevesebb figyelmet fordítsanak a tartalomra és nagyobb figyelmet fordítsanak egymásra?

Mindenesetre annak a lehetősége, hogy rá tudjuk győzni a felhasználókat olyan blogok követésére, amelyekről még nem tudtak, szűk volt. És az interjúim alapján döntésüket a tartalomra alapozzák, nem pedig avatárokra, biosokra vagy reklámcsíkokra.

A Tumblr által ajánlott blogok újratervezése

Tehát az újjátervezésem során a blog tartalmát a show csillagává tettem. Megjelenítettem a legfrissebb hozzászólásokat egy rácsban, hogy jobb képet kapjak arról, hogy mi volt a blog. Ez jobban irányítja a felhasználó döntését, hogy követi-e vagy sem.

Az élményt azzal is élveztem, hogy ösztönözze a felhasználókat, hogy ne csak töltsenek több időt erre, hanem szórakozzanak vele. Lecsúszhattak jobbra, hogy kövessenek, vagy balra, hogy megtekintsenek egy másik blogot. Ez hatékonyabb módszer lenne a felhasználók kapcsolatfelvételére, mivel a blogjaik inkább az érdeklődésükre vonatkoznak, mint a biosok. Különösen azért, mert a felhasználók többségének egyáltalán nincs semmi a bioüzemében.

Ez nyeremény / győzelem. A felhasználók több olyan blogot találnak, amelyik tetszik, és olyan embereket, akikkel valószínűleg kapcsolatba lépnek. Több időt töltenek böngészéssel és csevegéssel. És növelik a Tumblr elkötelezettségének arányát.

2. probléma: Bejegyzések sorba rendezése

A tanulmány elõtt nem tudtam, mennyire fontos a sorba állítás a felhasználók számára. Arra gondoltam, hogy egy dedikált néhány ember csak néhány órát félretette a tartalom éjjel-nappal való feltöltéséhez. De nézzünk szembe ...

A várakozási sorrend lehetővé tette a felhasználók számára, hogy idő előtt ütemezhessék a bejegyzéseiket, ami némi nyomást gyakorolt ​​a blog kezelésére. Miután több mint fele megtudta, hogy a blogjaik aktívak maradnak-e, prioritást kellett tennem. Az aktív blogok elősegítették az elkötelezettségi szintet, és ha lehetővé tenné a felhasználók számára, hogy blogjaikat folyamatosan aktívvá tegyék, akkor inkább az asztali számítógépről a mobilra váltanak.

Interjúimban azonban a sorba állítás volt a leginkább panaszkodó funkció. A felhasználók azt panaszolták, hogy túl sok lépés van bevonva, és néhányan még a harmadik fél alkalmazásához is igénybe vették a munkát. Hatalmas piros zászló számomra, hogy oly sokan mentek el az útból, hogy az alkalmazás működjön számukra, sőt annak kompenzálására is, ami hiányzik egy másik alkalmazással.

Tehát az első dolog, amit megtettem, az volt, hogy elválasztom a folyamatot. Meg akartam érteni, hogy ennek minden része milyen élményt jelent a felhasználók számára.

Tumblr sorba állítási folyamata

Az UX tervezője, Steven Hoober szerint a mobil felhasználók 49% -a egy kézzel tartja a telefonját, és a mobil interakciók 75% -a hüvelykujj alapú. Ezt „hüvelykujj zóna” elvének nevezte. A jelenlegi kialakításban az első lépés kivételével minden a piros zónában van. El tudod képzelni, hogy ezt egy zsúfolt buszon csinálják, ahol kevés vagy egyáltalán nem kellett helyet foglalni minden sorban, amellyel sorba állt? Ez egy tényleges forgatókönyv, amelyet a felhasználó adott.

2. megoldás: Kezelje blogját útközben

A Tumblr sorbaállítási funkciójának újratervezése

Az első dolog, amit csináltam, az a funkció elrejtése és a felesleges lépések megszabadulása volt. Most már csak annyit kellett tennie, hogy megnyomta és húzta a munkát.

Lehet, hogy észrevetted, hogy a kommentáló funkciót sorba állítom. A bejegyzés megjegyzésének megérintése a hozzászólásokhoz is vezetett, és nem volt értelme, ha két gomb ugyanazt az oldalt csinálja ugyanazon az oldalon. Tehát ehelyett hozzáadtam azt a lehetőséget, hogy jobbra húzza a megjegyzéseket, vagy megjegyzéseket hagyhat azokhoz. A felhasználók továbbra is hozzáférhetnek a megjegyzésekhez, amikor egy bejegyzés megjegyzését tekintik meg, ám ezáltal megtakarították a helyet, és kevésbé feleslegesnek érezték magukat.

3. probléma: A felhasználók nem láthatták, amit akartak

Kutatásom egy részét a jelenlegi verzió áttekintése végezte az App Store-ban. Meg akartam érteni, hogy a felhasználók miért voltak a legnagyobb problémák.

A sorba állítás mellett a legnagyobb panasz az volt, hogy a felhasználók nem kapják meg a kívánt tartalmat. Arra panaszkodtak, hogy takarmányuk kudarcot vallott valami keresésükre. Nem a rossz emberek követéséről volt szó - inkább az, hogy mit kerestek, munkamenetenként eltérő volt.

Ennek értelme volt. A élvezetes tartalom megkeresése és megosztása volt az első felhasználói cél, amelyet már említettem a cikkben. És ha a felhasználók nem kapták meg a kívánt tartalmat, akkor nem volt semmi ok, ami miatt folytathatják az alkalmazás használatát.

3. megoldás: Szűrő és rács nézet

Tehát prioritást kellett adnom annak a lehetőségnek, hogy szűrjük át a tartalmat a felhasználói hírcsatornában. Mivel a Tumblr tartalmának több mint 70 százaléka kép alapú, hozzáadtam annak lehetőségét, hogy a hírcsatornát egy rácsban tekinthetem meg a tartalom jobb áttekintése érdekében. Ez lehetővé tenné a felhasználók számára a takarmányok böngészését anélkül, hogy úgy éreznék, hogy ez fárasztó munka.

Noha ezt a többi makett nem mutatta be, a szűrő és a csevegés funkcióit dokkolt állapotban tartottam, amíg a felhasználó böngészte a feedjét. Ez folyamatosan frissíti őket a kapott új üzenetekkel. És ez adta nekik az irányítást a takarmányuk újbóli szűrése felett, ha akarják.

5. probléma: A tevékenység és az üzenetek össze vannak csoportosítva

A tevékenység rész figyelmezteti a felhasználókat az új kedvelésekről, újbóli blogokról és követőiről. Ez volt a fő navigáció része, amíg Tumblr helyettesítette azonnali üzenetküldéssel.

Régi navigáció vs. új navigáció

Ha a felhasználók látni akarják tevékenységüket, 1) be kellett lépniük a postafiókba, és 2) elcsúszni balra. Nemcsak a navigációból való eltávolítás és a csevegéssel való összekeverés tették kevésbé hozzáférhetővé, hanem a felhasználók nem kaptak értesítést az új tevékenységekről sem. A csevegési szimbólum felett megjelenő értesítések száma csak az új üzenetekre vonatkozik. Tehát ha a felhasználók meg akarják tudni, van-e új tevékenysége, minden alkalommal manuálisan ellenőrizniük kell őket.

Alsó navigáció (balra), a Tumblr felhasználó által létrehozott üzenet, amely leírja az aktuális értesítési rendszert (jobbra)

Feltételezem, hogy Tumblr az azonnali üzenetküldést a fő navigációba helyezi, hogy ösztönözze a felhasználókat további csevegésre. Minél többet beszélgetnek egymással, annál több időt töltnek a Tumblr-ra.

De annak ismerete, hogy mások hogyan működnek együtt az Ön blogjával, magának az elkötelezettségnek a lehetősége. Ez tudatja velük, hogyan fogadják el a tartalmadat, és ki működik együtt a blogoddal. Arra ösztönözheti, hogy további bejegyzéseket tegyen közzé, és tartsa aktív a blogját, ha látja, hogy jól működik.

És fel is nyithatja a lehetőséget új emberek felfedezésére, akikkel beszélgetni lehet. Sokkal valószínűbb, hogy ellenőriz egy blogot, és követi azt, miután látta, hogy kapcsolatba léptek például a tiéddel.

5. megoldás: Válasszon tevékenységet a beérkező levelek alól

Beillesztettem a tevékenységeket a fő navigációba, és az üzenetkezelést áthelyeztem a hírcsatorna jobb felső sarkába. A szétválasztás és a világos nézet lehetővé teszi a felhasználók számára, hogy naprakészek legyenek a blogjuk és a barátaik teljesítményéről. Nem kellett lennie egyiknek vagy sem a másiknak.

És ez minden, emberek

Megtanultam, hogy minden probléma lehetőséget teremt a kreativitásra, különös tekintettel azokra, amelyeket túl nehéz megoldani. És ez nem korlátozódik a tervezésre vagy a programozásra. Ezt a leckét alkalmaztam a saját életemben, és ez a tanulmány ennek eredménye.

A probléma az volt, hogy át akartam váltani az előlap fejlesztésén és a terméktervezésen, de nem volt tapasztalata. Nem engedhettem meg maguknak divatos tanfolyamokat vagy bootcampeket, és nem akartam terhelni magát a kölcsönökkel. De egyik sem számított. Több száz ingyenes forrás elérhető online. Bármit megnézhet, amiről valaha is álmodott - ez szó szerint kéznél van. Gondoskodással és türelmével tudtam, hogy egyedül tudom gördíteni a labdát, és tapasztalatokat szerezhetek az ilyen projektek létrehozásával.

Ha szeretne valamit megtanulni, de úgy érzi, hogy nem rendelkezik képességekkel, tapasztalatokkal vagy erőforrásokkal - hozza létre azokat. Készítsen lehetőségeket magadnak. Találj meg egy módot arra, hogy a problémáid neked szemben mutassanak meg.

Egy egészséges Mean Girls-nek a Tumblr felhasználói jóvoltából

Ha bármilyen javaslata vagy kérdése van, örömmel hallom őket! Alig várom az esetleges konstruktív visszajelzéseket, mert ezek segítenek megérteni, mit kell javítani az előrelépés során.