Как сделать большой редизайн сайта и приложения? Рассказывает Head of product design Parimatch Tech

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

В преддверии онлайн-конференции о цифровых продуктах CASES, которая состоится 17 июня, Алексей Стикс, Head of product design в Parimatch Tech, рассказал Vector о том, из каких этапов состоит редизайн и как провести его грамотно.

Как развиваются интерфейсы продуктов

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

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

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

С чего начать редизайн

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

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

С точки зрения визуального дизайна всегда есть два варианта:

• быть похожими на других;
• отличаться от всех.

Оба варианта неплохие. Но важно четко понимать:

• что делает продукты похожими;
• что является паттерном для индустрии и для клиента;
• что можно «сломать», чтобы отличаться;
• как не испортить общий UX.

Когда вы определитесь с вышеперечисленным, можно начинать собирать реф-листы.

На что нужно ориентироваться

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

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

Поэтому важно поддерживать базовый уровень продуктовой гигиены — следить за совместимостью решений и закладывать мощности на поддержку визуального дизайна.

Как измерить эффективность редизайна

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

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

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

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

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

Таким образом переход будет плавным для аудитории.

Как это было в Parimatch

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

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

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

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

Детально о том, как провести успешный редизайн на примере продукта Parimatch, узнаете уже 17 июня на онлайн-конференции о цифровых продуктах CASES.