След като се научих да кодирам и проектирам, преработих Tumblr.

Актуализация: След публикуването на тази статия, Tumblr се обърна към мен с възможност да работя с тях и с радост казвам, че сега съм част от техния екип за продуктови дизайни.

Предизвикателството

Преди няколко месеца се сблъсках с всяка вяра, която ми казваше, че не мога да науча как да кодирам и започнах да уча. Макар че е нещо, което планирам да продължа, имах сърбеж за дизайн на продукта, който няма да изчезне. Той съчетаваше ентусиазма ми за решаване на проблеми и очарованието ми от човешкото поведение.

И двете бяха дисциплини, за които отдавна мечтаех да уча, и не исках нито да остана нещо, което казах, че някой ден ще се случи.

И така реших. Смених кариерните пътеки от невробиологията и насочих своите гледни точки към тези цели. Но, аз бях заседнал. Трябва ли да се съсредоточа върху разработването на интерфейса или дизайна на продукта? Тогава разбрах - единственият човек, който каза, че трябва да избера едното или другото, бях аз.

И така, измислих собствено решение: щях да науча и двете. След като работих върху няколко JavaScript проекта, аз предизвиках себе си да препроектирам приложението iOS на платформа, близка и скъпа за сърцето ми: Tumblr.

Малко предистория

Спомням си, че се регистрирах за Tumblr, когато все още имах брекети преди 10 години. Свърза ме с някои от най-интересните хора, които познавам и ми помогна да ориентирам проблеми, които мислех, че никой друг няма.

Но с годините има свои проблеми. Гледах как се бори да се конкурира и да остане уместен в днешната бързо променяща се индустрия на социалните медии. Не исках повече да оставам пасивен наблюдател и да го гледам как се разклаща (каламбур) от кулоарите. И така, аз използвах практически подход, за да разбера какви UX решения бих могъл да измисля, за да отстраня някои от проблемите му.

Бърз поглед към моя редизайн

Преди да се потопите в изследването, искам да изразя възхищението си от това, което дизайнерите на Tumblr вече са направили с приложението iOS. И не, не казвам това само за тази статия. Разбирам, че има причини за решенията, които са взели въз основа на данни и изследвания, до които нямам достъп. Това проучване се основава строго на моите собствени изследвания и ресурси и поради тази причина не е напълно изчерпателно.

Бизнес цели и цели на потребителите

За да избегна непоискано препроектиране, се уверих, че има реална потребност на потребителя от всичко, което предложих, и че той реши проблем. Започнах с разбирането на бизнес и потребителските цели на Tumblr, след което работих за решения, които да ги свържат.

Първи неща първо, какво е Tumblr?

„Място за изразяване на себе си, откриване на себе си и обвързване с нещата, които обичате… където вашите интереси ви свързват с вашите хора.“ - изявление на Tumblr за мисията (февруари 2018 г.)

Част от моето изследване включваше разбирането на това, което прави Tumblr успешен, за какво се стреми и какво прави за потребителите днес.

Основателят му Дейвид Карп го изгради от основата с цел да свали бариерата пред блоговете. Беше му бебе. Вярвам, че основата, която той заложи, е голяма част от успеха на Tumblr и исках да създам нещо, което да уважава визията му.

Той проектира Tumblr да няма много от функциите, смятани за необходими за социалните медии. Показването на броя на последователите в потребителския профил на потребителя и други цифрови маркери за популярност беше един пример. Той вярваше, че е отровила една общност, тъй като е построена около числа. И той се опасява да стане метричен и оптимизиран като „всяка [друга] голяма технологична компания.“

Бизнес цели

1. Направете приходи

Карп никога не е възнамерявал да управлява Tumblr като бизнес. Той смята, че монетизирането му ще компрометира автентичността му като платформа за рекламни послания. Но той трябваше да работи, ако Tumblr остава да работи и затова го продаде на YAHOO! през 2013.

YAHOO! разгърна няколко рекламни продукта и обедини търговския си екип с Tumblr, но многократно пропусна целите на продажбите. И двамата имаха много различна аудитория една от друга с YAHOO! 'Е много по-възрастен, а Tumblr е много по-млад. Това затрудняваше съвместната работа, тъй като и двата екипа продължиха да търсят различни типове рекламодатели.

Tumblr се мъчеше да премине от малка, независима компания, която да бъде управлявана от голяма. И все още се опитва да намери този баланс. Днес се управлява от Verizon, след като купиха YAHOO! през 2017 г. и оттогава Карп подаде оставка.

2. Повишаване на потребителската база

Годишен прираст на Tumblr (данни, събрани от Statista)

Tumblr се бори да разширява потребителската си база със същите темпове като своите конкуренти. Днес тя има почти четири милиона блога, но растежът е намалял през последните четири години и се очаква да продължи да намалява през следващите две години.

3. Увеличете ангажираността

Tumblr няма толкова активни потребители, колкото конкурентите си, но потребителите му са доста ангажирани. Те отделят повече време за това на месец, отколкото потребителите на Instagram, а продължителността на сесиите им победи Instagram и Facebook.

Именно тук остава проблемът, тъй като неговите конкуренти непрекъснато въвеждат нови начини да поддържат аудиторията си ангажирана.

Потребителски цели

Проведох 72 интервюта с произволно избрани потребители на Tumblr чрез анкета и чат. Тъй като повечето от тях искаха да останат анонимни, пропуснах потребителските им имена от публично виждане. Най-често срещаните цели бяха:

Потребителска демография

Tumblr има най-младата потребителска база от своите конкуренти, като средният потребител е около 18–24 години. Има еднакво количество мъже и жени, което също не е за разлика от неговите конкуренти.

67 процента от анкетираните казват, че са били на Tumblr повече от пет години. На въпроса какво ги задържа в Tumblr, най-честият отговор беше, че биха могли да бъдат себе си, без да преценяват другите. Те не са се чувствали принудени да изпълняват определен образ, защото общността приема различия. Някои дори се отвориха за Tumblr като първото място, на което се почувстваха сигурни, изследвайки проблеми, в които се чувстваха напълно сами, като сексуалността и психичното здраве.

Не разбрах колко смислен е Tumblr за много потребители. Беше нещо повече от пространство, за да отделя време за разглеждане на меми или естетически приятни снимки. За мнозина това можеше да се свърже истински с други като тях, да измислят себе си и да се ориентират в лични проблеми.

Личност на потребителя

Създадох следната персона на потребителя около отговорите, които получих в интервютата си, и я запазих в центъра на дизайна си:

изследване

Потребителите се бориха с приложението за iOS

  • 54% са използвали приложението за iOS повече
  • 32% използвани десктоп повече
  • 13% са използвали и двете еднакво

... но не позволявайте на числата да ви заблудят! Въпреки че над половината са използвали приложението за iOS повече, това не е било, защото са го намерили по-лесно или по-приятно. Техният начин на живот не им даваше голям избор.

„[Използвам приложението за iOS повече, защото е просто по-практично за моя начин на живот, но предпочитам настолната версия, защото е по-лесна за навигация.“

Тези, които използваха и двете еднакво, чувстваха, че някои функции са по-лесни една върху друга. И те си разделят времето между тях в зависимост от това, което трябва да направят.

Докато потребителите на десктоп умишлено избягват използването на приложението iOS. Оплакаха се, че е много неудобно, отнема време и е трудно да се ориентираш.

Типичен отговор от потребителите за Tumblr iOS (The Office)

Ето бърз анализ на началната страница на Tumblr

Начална страница, известна също като таблото за управление на потребителя

Проблем №1: Интерфейсът на Tumblr противоречи на инстинкта на потребителя

98 процента от потребителите казаха, че когато са преглеждали емисиите си, те са се фокусирали веднага върху съдържанието на публикацията, а не кой ги е публикувал.

Може би си мислите: „Е, това има смисъл. Tumblr е съставен почти изцяло от големи цветни снимки. Как да не привлече вниманието им първо? "Но това не е достатъчно, за да го обясни. Същият процент от потребителите заявиха, че го публикуват, за тях е само по-малко важен от самото съдържание. И в повечето случаи пренебрегваха кой го публикува изцяло.

Решение №1: Съдържание първо, информация второ

Нека да покрием основите на моя редизайн. Промених общото оформление на публикациите, като сложих съдържанието в началото, така че ще бъде това, което потребителите видяха първо, когато слизат в емисията си.

След това сложих потребителска информация. Това включваше кой го е публикувал в емисията си, от кого са го презаписали и кой е оригиналният източник. Организирах всичко заедно, така че потребителите да не се наложи да сканират публикацията от едно място на друго.

Но все пак беше проблематично, че потребителите се игнорират един друг. И така, добавих функцията за прекарване на пръст наляво, за да видите осемте най-нови публикации на потребител във вид на мрежа.

Това би улеснило потребителите да намерят повече от това, което търсят, тъй като вероятно блогът, от който харесват публикация, ще има повече от същото съдържание. Те също така се запознават с друг потребител и техния блог, без дори да оставят емисията си. Ако блогът има съдържание, което им харесва, има вероятност да го запомни и потребителя зад него.

Но не е полезно само за запознаване с нови блогове или намиране на ново съдържание. Една от най-големите причини, които потребителите дадоха за да останат на Tumblr, беше да си взаимодействат и да се свързват с близки приятели, които са направили на него. С тази функция те можеха да видят как се справят приятелите им, проверявайки последните им публикации.

Ето пример за приятел, който в последните публикации предполага, че може да искате да се свържете с тях:

Друга проблемна област беше начинът на Tumblr да препоръча нови блогове, които да следвате. На всеки четвърти пост се появиха шепа препоръчителни блогове, базирани на историята на потребителя. Но алгоритъмът не беше проблемът. Аватарът, банерът и биото на блога заеха половината от даденото пространство, докато визуализацията на действителния блог зае само част.

Tumblr начин на препоръчване на блогове

Това нямаше никакъв смисъл. Тъй като Tumblr е една от единствените платформи, които позволяват на потребителите да персонализират своите профили, това ли им позволяваше да изразят своята креативност или персонал повече? Или беше да ги насърчи да обръщат по-малко внимание на съдържанието и повече внимание един на друг?

Във всеки случай прозорецът на възможност да се убедят потребителите да следват блогове, които не са знаели, е тесен. И въз основа на моите интервюта, те щяха да основават решението си на съдържание, а не на аватари, биоси или банери.

Редизайн на препоръчаните блогове на Tumblr

Така че в моя редизайн направих съдържанието на блога звездата на шоуто. Показвах най-новите публикации в мрежа, за да дам по-добър преглед на това, за което е блогът. Това по-добре ще насочва решението на потребителя да следва или не.

Освен това устроих опита, за да насърча потребителите не само да прекарват повече време в това, но и да се забавляват с него. Те могат да прекарат пръст надясно, за да следват или наляво, за да видят друг блог. Това би бил по-ефективен начин да накарат потребителите да се свързват помежду си, защото това, което съдържат техните блогове, е по-представително за техните интереси, отколкото това, което казват биосите им. Особено, тъй като по-голямата част от потребителите изобщо нямат нищо в биосите си.

Това е печалба / печалба. Потребителите намират повече блогове, които харесват, и хора, с които е вероятно да се свържат. Те прекарват повече време в сърфиране и чат. И те увеличават процента на ангажираност на Tumblr като го правят.

Проблем №2: Опашки за публикации

Преди това проучване нямах представа колко важни са публикациите на опашката за потребителите. Мислех, че посветени няколко само заделят няколко часа, за да избират денонощно съдържание. Но, нека си признаем ...

Опашката позволи на потребителите да планират публикациите си предварително, което отне част от натиска от управлението на блог. След като разбрах, че повече от половината зависят от него, за да поддържат блоговете си активни, трябваше да го направя приоритет. Активните блогове помогнаха за степента на ангажираност и оставянето на потребителите да поддържат блоговете си активни в движение ще превключи повече от десктоп към мобилен.

Но опашката беше най-оплакваната функция в моите интервюта. Потребителите се оплакват, че има прекалено много стъпки, а някои дори прибягват до приложения на трети страни, за да свършат работата. Това, че толкова много излизаха от пътя си, за да накарат приложението да работи за тях и дори да компенсира това, което му липсваше с друго приложение, беше огромно червено знаме за мен.

И така, първото нещо, което направих, беше да разделя процеса. Исках да разбера как всяка част от него съставлява опит, който смущава потребителите.

Процесът на опашка на Tumblr

UX дизайнерът Стивън Хубер заяви, че 49% от мобилните потребители държат телефоните си с една ръка, а 75% от мобилните взаимодействия се управляват с палец. Той нарече това принципа „зона на палеца“. В сегашния дизайн всички, освен първата стъпка, са в червената зона. Можете ли да си представите това в претъпкан автобус, където нямате почти никакви помещения за всяка публикация, която искате да се наредите на опашка? Това беше действителен сценарий, който даде един потребител.

Решение №2: Управлявайте блога си в движение

Редизайн на функцията за опашка на Tumblr

Първото нещо, което направих, беше да скрия функцията и да се отърва от всички ненужни стъпки. Сега всичко, което трябваше да направите, е да натиснете и плъзнете, за да свършите работата.

Може би сте забелязали, че изключих функцията за коментиране за опашка. Докосването до бележките на публикацията също доведе до нейните коментари и няма смисъл два бутона да правят едно и също нещо на една и съща страница. Затова вместо това добавих опцията да прекарате пръст надясно, за да видите или оставите коментари. Потребителите все още ще имат достъп до коментари, когато гледат бележките на публикацията, но по този начин се спести място и се почувстват по-малко излишни.

Проблем №3: Потребителите не виждаха какво искат

Част от моите изследвания включваха прегледи на текущата версия в магазина за приложения. Исках да разбера какви потребители имат най-много проблеми.

Освен от опашката, най-голямото оплакване беше потребителите да не получават желаното от тях съдържание. Те се оплакаха, че превъртаха емисиите си безрезултатно в търсене на нещо, което им хареса. Не ставаше въпрос за следване на грешни хора - по-скоро това, което търсят, се различаваше на сесия.

Това имаше смисъл. Намирането и споделянето на приятно съдържание беше първата цел на потребителя, която споменах по-рано в тази статия. И ако потребителите не получиха желаното от тях съдържание, нямаше почти никаква причина да продължат да използват приложението.

Решение №3: Изглед на филтър и мрежа

Така че трябваше да направя приоритет възможността да филтрирам през съдържание в емисията на потребителя. Тъй като над 70 процента от съдържанието в Tumblr са базирани на изображения, добавих опцията за преглед на емисията в мрежа за по-добър преглед на съдържанието. Това ще позволи на потребителите да разглеждат емисиите си, без да усещат, че е скучно.

Въпреки че не се демонстрира в другите ми макети, държах функциите за филтриране и чат, подредени докато потребител преглеждаше емисията си. Това ще ги информира за всички нови съобщения, които са получили. И това им даде контрол над филтрирането на захранването им отново, ако искат.

Проблем № 5: Дейност и съобщения, групирани заедно

Разделът за дейности алармира потребителите за нови харесвания, реблоги и последователи. Той беше част от основната навигация, докато Tumblr не го замени с незабавни съобщения.

Стара навигация срещу нова навигация

Ако потребителите искаха да видят активността им, те трябваше 1) да влязат във входящата си поща и 2) прекарайте пръст наляво. Не само премахването му от навигацията и натъпкването с чат го направи по-малко достъпен, но и потребителите не получиха известия за нова активност. Броят на известията, които се показват над символа за чат, се отнася само за нови съобщения. Така че, ако потребителите искаха да знаят дали имат нова дейност, те трябваше да проверяват ръчно всеки път.

Долна навигация (вляво), публикация, създадена от потребителя Tumblr, описваща текущата система за уведомяване (вдясно)

Предполагам, че Tumblr постави незабавни съобщения в основната навигация, за да насърчи потребителите да разговарят повече един с друг. Колкото повече разговарят помежду си, толкова повече време прекарват в Tumblr.

Но знанието как другите си взаимодействат с вашия блог е възможност за самата ангажираност. Той ви позволява да знаете как се приема вашето съдържание и кой взаимодейства с вашия блог. Може да ви насърчи да публикувате повече и да поддържате блога си активен, ако видите, че се справя добре.

И дори може да отвори възможността да откривате нови хора, с които да разговаряте. По-вероятно е да проверите блога и да го следвате, след като видите, че са взаимодействали с вашия, например.

Решение № 5: Отделна дейност от входящата поща

Пуснах активност в основната навигация и преместих съобщенията в горния десен ъгъл на емисията. Разделянето им и нагледно изображение позволява на потребителите да бъдат в течение с начина, по който прави блога си и как се справят приятелите им. Не е трябвало да бъде едно или друго.

И това е всичко, хора

Научих, че всеки проблем е възможност за творчество, особено тези, които изглеждат твърде трудни за решаване. И това не се ограничава само до дизайн или програмиране. Приложих този урок в собствения си живот и това проучване е резултат от него.

Проблемът ми беше, че исках да премина в разработване на фронтенд и дизайн на продукти, но нямах опит. Не можех да си позволя фантастични курсове или начални камери и не исках да се натоварвам с заеми. Но нищо от това нямаше значение. Има стотици безплатни ресурси, достъпни онлайн. Можете да потърсите всичко, което някога сте мечтали да научите - това е буквално на една ръка разстояние. Знаех с усърдие и търпение, че мога да накара топката да се търкаля сама и да трупам опит, като създавам проекти като този.

Ако искате да научите нещо, но чувствате, че нямате способности, опит или ресурси - създайте ги. Направете възможности за себе си. Намерете начин да накарате вашите проблеми да работят за вас, а не срещу вас.

Здравословен среден момичета мемо любезност на потребителите в Tumblr

Ако имате някакви предложения или въпроси, ще се радвам да ги чуя! С нетърпение приветствам всяка конструктивна обратна връзка, защото ми помага да разбера какво да подобря при движение напред.