Концепция дизайна UX: разделение ленты Instagram на группы

Многие пользователи Instagram следят за аккаунтами разной направленности. Тут и друзья, и знаменитости, и аккаунты «по интересам»: еда, спорт и так далее. Что делать, если вы заходите в приложение и не хотите видеть всю ленту подряд? Если вы хотите увидеть только фото своих родственников? Или только мемы, чтобы отдохнуть от этих самых фотографий? Или просто хотите вдохновения для своего следующего большого путешествия?

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

Исследование пользователей

Я опросил 25 студентов колледжа о том, как они пользуются Instagram, и вот что обнаружил:

  • Пользователи чувствуют, что они пропускают некоторые публикации;
  • У пользователей иногда бывает особое настроение в отношении того, что они хотят видеть в своей ленте;
  • Пользователи заинтересованы в настройке своего канала.

Чтобы создать более «контролируемую» ленту, один пользователь зашёл так далеко, что создал отдельный профиль, где подписался только на аккаунты моды. Это гарантировало, что он не пропустит ни одной публикации.

Что если бы у пользователей была возможность создавать разные новостные ленты в зависимости от их интересов?

Мозговой штурм

Держа в голове все эти идеи, я вместе с друзьями Ноа Хизоном и Алланом Вонгом, начинающими инженерами, приступил к мозговому штурму.

После мозгового штурма мы задались вопросом: «Как мы можем реализовать раздел, который содержит конкретные интересы пользователя?» Появились два варианта.

Вариант 1. Создать раздел сообществ.

  • Каждое сообщество определяется темой. Публикации в сообществе связаны между собой и соответствуют теме.
  • Проблемы: как будут регулироваться сообщества? Как просто интегрировать эту функцию? Меняет ли это цель Instagram?

Вариант 2. Разрешить пользователям создавать несколько лент.

  • Пользователи могут распределять профили, за которыми они следуют, по разным группам. Вместо того, чтобы видеть все публикации в своей ленте, они могут видеть посты определенной группы.
  • Проблемы: как вы можете переключаться между лентами? Как вы можете просто классифицировать аккаунты, на которые подписаны?

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

Реализация функции

Создание группы: как пользователи группируют учетные записи, за которыми они следуют?

Добавление учетной записи в группу: как пользователь может быстро добавить учетную запись в группу?

Переключение между группами: как мы разрешаем пользователям переключаться между различными группами, которые они создали?

После тестирования прототипов на 10 пользователях я выяснил следующее:

Создание группы

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

В первой итерации я попросил пользователей создать группу, используя 2 разных экрана. Первый экран использовался для заголовка группы и второй экран для добавления учетных записей в неё. В ходе тестирования пользователей я заметил, что большинство пользователей были смущены, что процесс проходит на 2 экранах. Некоторые пользователи хотели выбрать учетные записи перед названием группы.

Я решил разместить оба шага на одном экране. Чтобы гарантировать, что все шаги были выполнены (в любом порядке по желанию пользователя), пользователь не может нажать кнопку «Создать группу», пока оба шага не будут завершены.

Добавление учетной записи в группу

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

Кнопка с многоточием содержит множество действий. Почему бы не добавить ещё одно?

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

Переключение между группами

Сначала я думал о свайпе влево или вправо, но эти движения уже заняты: первое ведет к камере, второе – к сообщениям. Раз действие связано с лентой, то и движение должно быть как-то связано. Я придумал два варианта.

Вариант 1 – раскрывающийся список. Рядом с логотипом Instagram будет стрелка вниз, обозначающая скрытое меню.

Вариант 2 – долгое нажатие меню. Аналогично переключению между несколькими учетными записями, длительное нажатие на значок дома также покажет меню групп.

Обе функции будут доступны для пользователя.

Выводы

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

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

Демо

Автор: Кайл Тенгко для UX Collective

Поделиться:

Про автора

Руслан Копылов

Автор «Сей-Хай»

comments powered by HyperComments

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: