Платформа для сервиса аналитики YouTube

Tubalytics Платформа для сервиса аналитики YouTube

команда

экранов

годы работы

2017—2018

платформа

Web

О задаче

К нам обратилась стартап-команда, чтобы запустить проект Tubalytics.

Tubalytics — сервис, который поможет создать рекламную кампанию на Youtube: найти подходящий канал для сотрудничества, проанализировать его активность и популярность, связаться через CRM-систему с владельцем, а затем подготовить и контролировать запуск рекламы.

Целевая аудитория сервиса — медиа-менеджеры, маркетологи и медиа-байеры.

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

Четыре шага
к решению задачи

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

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

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

Разработали дизайн всех страниц и состояний. Собрали библиотеку элементов — UI kit.

Путь пользователя в системе

Дашборд — основная точка входа в систему

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

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

Подсказки для новых пользователей

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

Двухуровневая навигация

Мы решили сделать навигацию в виде двух автономных панелей, которые будут ориентировать пользователя в разделах и подразделах системы.

В ходе проектирования мы отказались от выпадающего меню — оно отвлекает от работы в системе.

Основная панель всегда остается в поле зрения пользователя.

Вспомогательная панель появляется, когда пользователь переходит в один из основных разделов системы.

Четыре типа
визуализации данных

Система аналитики Tubalytics содержит данные о ста тысячах Youtube-каналах, в которых пользователь должен легко ориентироваться. Чтобы не нагружать маркетолога однотипными элементами, мы предложили несколько вариантов визуализации данных и подобрали удобный формат для каждой задачи.

Таблицы для организации объемных данных

Мы собрали данные о каналах в таблицы
и предложили добавлять их в «Избранное»
в один клик, чтобы затем их сравнивать.

Адаптация данных под задачи пользователя

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

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

Конверсия пользователя в платную подписку

Клиент поставил задачу — найти решение, которое будет мотивировать пользователя перейти на платную подписку.

Система Tubalytics предполагает три уровня доступа в зависимости от тарифа подписки. Например, при бесплатном доступе Tubalytics блокирует фильтры, разделы меню, колонки таблиц и графики.

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

Панель администратора
с контролем изменений

Оформили административную панель в том же стиле, что и пользовательский интерфейс.