UI/UX дизайн

Смартбот: редизайн веб приложения по созданию ИИ ботов

Команда Smartbot создает веб-приложение, которое делает создание ботов доступным для всех. Этот продукт был собран внутренней командой дизайнеров и потребовал редизайна, для улучшения метрик и добавления новых сложных функций.

Это NDA проект

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

Для ознакомления с финальным результатом нужно будет зарегистрироваться на платформе

О проекте

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

Проблема

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

Цели

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

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

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

Моя роль

Для проектирования макетов я изучил конкурентов и работы исследовательских компаний Nielsen Norman Group и Baymard Institute, чтобы собрать проверенные паттерны и на их основе улучшить пользовательский опыт.

На основе сформированной дизайн системы я проектировал макеты, передавал их на A/B тесты, смотрел на результаты и вносил исправления, пока не достигал нужных показателей.

Результат

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

Повысил конверсию в процессе авторизации пользователей с 20 до 30 процентов

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

Спроектировал раздел онбординга, для адаптации новых пользователей

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

На основе опроса переработал раздел со статистикой, изменив визуал и добавив новые функции

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

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

Создание дизайн системы

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

Также я использовал и адаптировал библиотеку Charts, чтобы сократить затраты на дизайн и разработку.

Проработал редкие состояния и сценарии

Дополнительно я добавил экраны для различных редких состояний и сопроводил их красивыми иллюстрациями, от которых вся команда проекта была в восторге ✨

Выводы и чему я научился

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

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

Что вам в этом проекте понравилось, а что нет? Какие вопросы у вас возникли? Какой информации не хватило?

Спасибо за твой ответ!
Oops! Something went wrong while submitting the form.