Squadus — B2B on-premise суперапп: мессенджер, ВКС, календарь, облако, редакторы и др. Таймлайн:
Проблема: за годы фокуса на выпуске фич у продукта невысокая удовлетворенность конечных пользователей:
Целевые метрики редизайна:
Улучшение UX косвенно влияет на:
Также редизайн — это вижн продукта, который скорректирует roadmap.
Squadus — B2B суперапп, который включает в себя мессенджер, ВКС, календарь, облако, редакторы и многое другое. Вышел на рынок в 2023 году.
За годы существования, с конца 2020 г. и по сей день, продукт наращивал «мясо» фичи — логично, когда ты хочешь занять рынок.
Обратная сторона — растущий UX долг, ≈300 тикетов в бэклоге: у продукта есть UX проблемы в базовых сценариях.
Со сменой вектора развития продукта нас попросили сделать редизайн. И я с радостью взялся за эту задачу.
Редизайн — задача с размытыми границами.
Чтобы очертить задачу, выделил ключевые Job’ы — критичные и частотные.
Они стали фильтром: в концепт попали решения только тех UX проблем, которые мешают выполнять эти Job'ы.
Проанализировал бэклог из ≈300 UX-проблем и требования стейкхолдеров. Отобрал те, что мешают выполнять ключевые Job'ы.
Приоритет каждой проблемы определял по четырём параметрам:
Чтобы не утонуть в 300 проблемах, построил User Story Map по Job'ам и обсудил её с командой.
Помогло лучше понять объём работы и как распределить его между членами команды.
300 UX проблем — слишком много для одной презентации.
Сгруппировал проблемы по частям интерфейса, чтобы показать стейкхолдерам ключевые изменения без потери в деталях.
Объем UX проблем получился внушительный, а концепт нужно презентовать стэйкхолдерам.
Чтобы в презентации не перегрузить коллег деталями, я вычленил части интерфейса, которые объединили много ключевых и заметных изменений
Лента чата — core-функционал мессенджера. Здесь пользователь проводит большую часть времени, помимо встреч. И именно здесь накопилось много UX проблем.
Редизайн и рефакторинг ленты (реализовано ✅)
Ключевое изменение — сообщения в баблах. Были запросы и от пользователей, и от клиентов.
Баблы решают две задачи:
Стратегически — это отстройка от Rocket.Chat. Продукт не должен выглядеть как форк от open-source — негативно влияет на конверсию демо в пилоты.
Помимо баблов переработали дизайн и взаимодействие в деталях (см. ниже).
Лента чата — один из основных функциональных блоков в продукте.
Сообщения в баблах (реализовано ✅)
Было довольно много запросов от пользователей. Плюс решение позволяет визуально отстроиться от взятого за основу open-source решения.
Лента чата — один из основных функциональных блоков в продукте.
Сообщения в баблах (реализовано ✅)
Было довольно много запросов от пользователей. Плюс решение позволяет визуально отстроиться от взятого за основу open-source решения.
Лента чата — один из основных функциональных блоков в продукте.
Сообщения в баблах (реализовано ✅)
Было довольно много запросов от пользователей. Плюс решение позволяет визуально отстроиться от взятого за основу open-source решения.
С одной и двумя галочками. Изначалальная система была неочевидная.
Реализовано ✅
Многие пользователи отмечали, что неудобно читать сначала ответ, а потом цитируемое сообщение.
Реализовано ✅
Явная разница между ответить на сообщение в основной ленте и в треде.
Реализовано ✅
Явная разница между ответить на сообщение в основной ленте и в треде.
Реализовано ✅
Переделал на привычный паттерн с закрепленными сообщениями
В Roadmap'е ⏰
Сейчас вложения отправляются и рендерятся в ленте отдельными сообщениями.
В Roadmap'е ⏰
В корпоративной переписке бывают ситуации, когда отправить сейчас — рано: другой часовой пояс, нерабочее время, коллега ещё недоступен.
Реализовано ✅
Проще найти необходимую ссылку.
Реализовано ✅
Основная навигация
Продукт рос, появлялись новые разделы. Левая панель превратилась в перегруженный список. Найти нужный раздел становилось сложнее.
Выделил ключевые разделы, второстепенные убрал в контекстное меню. Дал возможность настроить панель под себя.
В Roadmap'е ⏰
Можно быстро вернуться назад. Или вперёд. Или 5 шагов назад...
Реализовано ✅
Позволяет:
В Roadmap'е ⏰
Особенно актуально для тредов, потому что раньше приходилось самому скроллить ленту или открывать список тредов через шапку чата
В Roadmap'е ⏰
Раньше чтобы отключить уведомления нужно было открыть чат, а затем перейти в настройки уведомлений. Теперь можно это сделать из списка чатов.
Также упростил настройки уведомлений в чате и профиле.
В Roadmap'е ⏰
Сейчас много инструментов, которые решают похожую задачу по организации коммуникации с коллегами. Людям не очевидна разница между типами чатов, которые перешли в продукт из Рокет.Чата.
Упростил набор сущностей.
Частично реализовано ⏰
Черновики
Текущее решение не позволяло показывать черновики из тредов.
Появилась идея дать возможность быстро найти свои черновики в одном месте — как из основной ленты, так и из тредов.
Реализовано ✅
Появилась идея дать возможность быстро найти непрочитанные треды, потому что:
В Roadmap'е ⏰
Подготовил интерактивные прототипы для презентации, чтобы нагляднее продемонстрировать изменения.
Получилось порядка 10 прототипов.
Перед реализацией решил проверить гипотезы на реальных пользователях.
Вместе с коллегой провели юзабилити-тестирование — 13 респондентов, сценарии по ключевым Job'ам.
Смотрели на:
🟢 Большинство приняли новый дизайн позитивно. Выявили несколько точечных проблем, зафиксировали и взяли в работу.
Было несколько гипотез, которые необходимо проверить количественно. Я подготовил опрос в Pathway с вопросами и интерактивными заданиями.
264 респондента прошло опрос.
✅ Большинство из гипотез и вопросвподтвердились. Концепт можно реализовывать.
Концепт редизайна согласован со стейкхолдерами, декомпозирован на истории и включён в Roadmap продукта. ✅ Часть историй уже реализована.
⬆️ SUS Score вырос с 63 до 73 (+16%) — продукт перешёл из зоны «marginal» в «good» по отраслевому бенчмарку.
Данных о Sales метриках нет. Ожидаю положительное влияние редизайна на License Renewal Rate, конверсию демов в пилоты и конверсию пилотов в контракты.
