Редизайн: практический опыт и рекомендации от лидов из больших компаний

UI UX Продуктовый дизайн

Провели вебинар и собрали главное из выступлений спикеров из Райффайзен Банка, Альфа-Банка, Ozon Банка и других компаний в этой статье.

Когда бизнесу пора задуматься о редизайне

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

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

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

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

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

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

Макс Лукашевич, главный дизайнер, Альфа-Банк

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

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

Анастасия Харитонова, дизайн-директор, Райффайзен Банк

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

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

Даниил Ермоленко, дизайн-лид, ex-Звук

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

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

Максим Власкин, ведущий продуктовый дизайнер, Ozon Банк

Как провести аудит дизайна и не упустить важное

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

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

Анализ пользовательских сценариев. Начните с того, чтобы проанализировать, как пользователи взаимодействуют с продуктом. Для этого можно использовать карты пути пользователя (customer journey maps), которые помогут визуализировать, как клиент проходит через различные этапы взаимодействия с продуктом. Определите ключевые сценарии, которые должны быть максимально простыми и удобными. Обратите внимание на этапы, где пользователи сталкиваются с трудностями, и запишите, что можно улучшить.
Сбор данных о поведении пользователей. Используйте аналитические инструменты, такие как Google Analytics, Hotjar или Яндекс.Метрика, чтобы понять, как пользователи ведут себя в вашем продукте. Посмотрите на ключевые метрики: время, проведенное на страницах, количество кликов, уровень отказов и конверсии. Эти данные помогут выявить проблемные места и определить, какие функции требуют улучшения.

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

Сергей Оболкин, UX Analytics Team Lead, pinkman

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

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

Максим Власкин, ведущий продуктовый дизайнер, Ozon Банк

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

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

Анастасия Харитонова, дизайн-директор, Райффайзен Банк

Как понять, что редизайн сработал

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

Чтобы эффективно оценить результаты, используйте следующие методы:

Определение ключевых метрик. Установите заранее, какие показатели будут индикаторами успеха. Это могут быть уровень удержания пользователей, время, проведенное в приложении, конверсия и NPS (Net Promoter Score). Наличие чётких целей позволит объективно оценить результаты. Например, Анастасия Харитонова рассказала, что в случае редизайна приложения Райффайзен Онлайн получилось увеличить вовлеченность клиентов, что стало важным индикатором успешности изменений.
Анализ пользовательского поведения. Используйте инструменты аналитики, такие как Google Analytics, чтобы отслеживать изменения в поведении пользователей после редизайна. Сравните новые данные с метриками до изменений.

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

Сергей Оболкин, UX Analytics Team Lead, pinkman

Пользовательский фидбек. Продолжайте собирать отзывы пользователей о новых функциях и изменениях, чтобы оценить их удовлетворённость. Это поможет выявить области для дальнейшего улучшения. К примеру, Максим Власкин из Ozon Банк отметил, что редизайн главной страницы значительно увеличил видимость ключевых продуктов, что способствовало росту продаж.
Изучение влияния на бизнес-показатели. Оцените, как редизайн повлиял на финансовые показатели бизнеса. Рассмотрите такие метрики, как:

— Изменение в объеме продаж или количестве транзакций
— Рост числа новых пользователей
— Увеличение среднего чека или частоты использования продукта
— ROI (Return on Investment) редизайна, сравнивая затраты на проект с полученной выгодой

Возвращайтесь к сделанному, чтобы не оказаться в ситуации, когда вы смотрите на свою работу и удивляетесь: «Как это получилось?» Регулярно анализируйте, задавайте вопросы и формируйте новые гипотезы. Проводите ретроспективы, чтобы находить возможности для улучшения. Помните, редизайн – это не всегда революция, иногда это эволюция.

Максим Власкин, ведущий продуктовый дизайнер, Ozon Банк

Бонус. 10 рекомендаций по редизайну

Регулярный аудит: Проводите регулярный аудит вашего продукта, не дожидаясь критических проблем. Это поможет вовремя выявить потенциальные области для улучшения.
Данные и пользователи: Всегда основывайте решения о редизайне на данных и обратной связи от пользователей. Избегайте изменений, основанных только на личных предпочтениях или трендах.
Постепенные изменения: Когда это возможно, внедряйте изменения постепенно. Это позволит минимизировать риски и получить обратную связь на каждом этапе.
Коммуникация с пользователями: Информируйте пользователей о предстоящих изменениях и объясняйте их преимущества. Это поможет снизить сопротивление изменениям и повысить лояльность.
Измеримые цели: Устанавливайте четкие, измеримые цели для редизайна. Это поможет оценить его успешность и обосновать инвестиции в проект.
Кросс-функциональное сотрудничество: Привлекайте к процессу редизайна не только дизайнеров, но и разработчиков, маркетологов и представителей бизнеса. Это обеспечит всестороннее рассмотрение проекта.
Тестирование: Проводите A/B тестирование ключевых изменений перед полным запуском. Это поможет выявить наиболее эффективные решения.
Гибкость: Будьте готовы корректировать планы по ходу проекта. Редизайн – это итеративный процесс, и важно уметь адаптироваться к новым данным и инсайтам.
Долгосрочная перспектива: Рассматривайте редизайн не как одноразовое мероприятие, а как часть долгосрочной стратегии развития продукта. Планируйте будущие обновления и улучшения.
Оценка рисков: Перед началом редизайна оцените потенциальные риски, такие как временное снижение ключевых метрик или негативная реакция части пользователей. Разработайте стратегии минимизации этих рисков.