После обучения кодированию и дизайну я перепроектировал 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. В каждом n-ом посте горстка рекомендуемых блогов появлялась на основе истории пользователей. Но алгоритм не был проблемой. Аватар, баннер и биография блога занимали более половины выделенного пространства, а предварительный просмотр блога занимал лишь небольшую часть.

Tumblr способ рекомендовать блоги

Это не имеет никакого смысла. Поскольку Tumblr является одной из единственных платформ, позволяющих пользователям настраивать свои профили, было ли это позволить им проявить свою креативность или больше людей? Или это должно было побудить их уделять меньше внимания содержанию и больше внимания друг к другу?

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

Редизайн рекомендованных блогов Tumblr

Таким образом, в своем редизайне я сделал содержание блога звездой шоу. Я отображал самые последние сообщения в сетке, чтобы лучше понять, о чем был блог. Это будет лучше определять решение пользователя следовать или нет.

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

Это победа / победа. Пользователи находят больше блогов, которые им нравятся, и людей, с которыми они могут связаться. Они тратят больше времени на просмотр и общение. И они повышают уровень вовлеченности Tumblr.

Проблема № 2: Очередь сообщений

До этого исследования я понятия не имел, насколько важны очереди сообщений для пользователей. Я подумал, что несколько человек посвятили несколько часов тому, чтобы круглосуточно создавать контент. Но давайте посмотрим правде в глаза ...

Очередь позволяет пользователям планировать свои посты заранее, что снимает некоторую нагрузку с управления блогом. После того, как выяснилось, что более половины полагаются на то, чтобы поддерживать свои блоги активными, мне пришлось сделать это приоритетом. Активные блоги помогли повысить уровень вовлеченности пользователей, и если бы пользователи могли сохранять свои блоги активными на ходу, это переключало бы с настольных компьютеров на мобильные устройства.

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

Итак, первое, что я сделал, это разобрал процесс. Я хотел понять, как каждая его часть создавала впечатление разочарования пользователей.

Процесс очереди Tumblr

Дизайнер UX Стивен Хубер сказал, что 49% мобильных пользователей держат свои телефоны одной рукой, а 75% мобильных взаимодействий управляются большим пальцем. Он назвал это принципом «зоны большого пальца». В текущем дизайне все, кроме первого шага, находятся в красной зоне. Можете ли вы представить, что делаете это на переполненном автобусе, где у вас было мало места для маневра для каждого поста, который вы хотите поставить в очередь? Это был реальный сценарий, который дал пользователь.

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

Редизайн функции очереди Tumblr

Первым делом я раскрыл эту функцию и избавился от всех ненужных шагов. Теперь все, что вам нужно было сделать, это нажать и перетащить, чтобы закончить работу.

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

Проблема № 3: пользователи не видели, что они хотели

Часть моего исследования состояла в том, чтобы просмотреть обзоры текущей версии в магазине приложений. Я хотел понять, с чем у пользователей больше всего проблем.

Помимо очередей, самой большой жалобой было то, что пользователи не получали желаемый контент. Они жаловались на прокрутку своего корма безрезультатно в поисках того, что им понравилось. Дело не в том, чтобы следовать за неправильными людьми - скорее, то, что они искали, различалось за сеанс.

Это имело смысл. Поиск и обмен приятным контентом был первой целью пользователя, о которой я упоминал ранее в этой статье. И если пользователи не получали желаемый контент, у них практически не было причин продолжать использовать приложение.

Решение № 3: Фильтр и вид сетки

Таким образом, возможность фильтровать содержимое в ленте пользователя была тем приоритетом, который я должен был сделать. Поскольку более 70 процентов контента в Tumblr основано на изображениях, я добавил опцию просмотра канала в сетке для лучшего обзора контента. Это позволит пользователям просматривать свои каналы, не чувствуя, что это рутина.

Хотя это не было продемонстрировано в других моих макетах, я оставлял функции фильтра и чата заблокированными, пока пользователь просматривал их фид. Это будет держать их в курсе любых новых сообщений, которые они получили. И это дало им контроль над фильтрацией их подачи снова, если они хотели.

Проблема № 5: активность и сообщения сгруппированы вместе

Раздел активности предупреждает пользователей о новых лайках, реблогах и подписчиках. Это было частью основной навигации, пока Tumblr не заменил ее мгновенными сообщениями.

Старая навигация против новой навигации

Если пользователи хотели видеть свою активность, они должны были: 1) войти в свой почтовый ящик и 2) провести пальцем влево. Мало того, что удаление его из навигации и заполнение чатом сделали его менее доступным, но пользователи также не получали уведомлений о новых действиях. Количество уведомлений, отображаемых над символом чата, относится только к новым сообщениям. Поэтому, если пользователи хотят знать, есть ли у них новые действия, они должны были проверять каждый раз вручную.

Нижняя навигация (слева), пост, созданный пользователем Tumblr с описанием текущей системы уведомлений (справа)

Я предполагаю, что Tumblr поместит обмен мгновенными сообщениями в основную навигацию, чтобы пользователи больше общались друг с другом. Чем больше они общаются друг с другом, тем больше времени они проводят на Tumblr.

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

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

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

Я поместил активность в основную навигацию и переместил обмен сообщениями в верхний правый угол канала. Разделяя их и наглядно, пользователи могут быть в курсе того, как работает их блог и как живут их друзья. Это не должен был быть один или другой.

И это все, ребята

Я узнал, что каждая проблема - это возможность проявить творческий подход, особенно те, которые кажутся слишком сложными для решения. И это не ограничивается дизайном или программированием. Я применил этот урок к своей собственной жизни, и это исследование является его результатом.

Моя проблема заключалась в том, что я хотел переключиться на разработку внешнего интерфейса и дизайн продукта, но у меня не было опыта. Я не мог позволить себе модные курсы или буткемпы, и я не хотел обременять себя кредитами. Но ничего из этого не имело значения. В Интернете доступны сотни бесплатных ресурсов. Вы можете найти все, что вы когда-либо мечтали узнать - это буквально у вас под рукой. Я знал с усердием и терпением, что смогу сдвинуться с мертвой точки самостоятельно и накопить опыт, создавая проекты, подобные этому.

Если вы хотите чему-то научиться, но чувствуете, что у вас нет способностей, опыта или ресурсов - создайте их. Создайте возможности для себя. Найдите способ заставить ваши проблемы работать на вас, а не против вас.

Полезные мемы любезно предоставлены пользователями Tumblr

Если у вас есть какие-либо предложения или вопросы, я хотел бы услышать их! Я с нетерпением жду любой конструктивной обратной связи, потому что она помогает мне понять, что нужно улучшить, чтобы двигаться вперед.