Неприятие изменений (ненависть к обновлениям) — это концепция, хорошо известная дизайнерам и продакт-менеджерам. Это отрицательная реакция пользователей на изменения в вашем продукте. Будь то функциональные изменения, такие как обновления функций продукта или изменения интерфейса, такие как визуальный редизайн.

Есть множество историй, предостерегающих от внесения изменений. Когда Twitter поменял иконку «нравится» со звезды на сердечко, пользователи угрожали массовым уходом. Точно так же люди «хватаются за вилы» всякий раз, когда Facebook вносит правки в свой дизайн. Они угрожают удалить свои аккаунты, если сайт не вернет оригинальный дизайн. (Это никогда не происходит, и люди быстро привыкают к нововведениям).

На первый взгляд все очевидно: пользователи ненавидят изменения или обновления — даже, когда это улучшает их опыт работы с продуктом. Как же тогда внедрять что-то новое? Недавний визуальный редизайн нашего Inbox показывает нам, что неприязнь к изменениям на самом деле намного сложнее, чем кажется.

Причина любого изменения — наличие проблемы

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

Наша цель — помочь клиентам почувствовать, что они контролируют процесс.

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

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

Что у нас получилось

Картинка стоит тысячи слов, поэтому давайте просто посмотрим на Inbox до и после редизайна:

Intercom Inbox до редизайна и после

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

Процесс редизайна

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

Вот, пример нескольких бета-версий:

процесс редизайна в Intercom мелкими итерациями

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

Обработка сообщений в один клик Intercom

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

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

Дальнейший ребрендинг Intercom

На этом этапе мы задали себе вопрос: должны ли мы консолидировать все бета-тесты в одну бета-версию с темно-серой левой панелью навигации (так как мы получили положительный фидбек именно с ней), а затем изменить цвета после этого? Или мы должны перевести всех пользователей разных бета-версий на наше окончательное предложение со светло-серой левой панелью навигации?

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

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

Тестирование изменений дизайна

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

Отзывы пользователей о редизайне Intercom

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

Финальное тестирование интерфейса Intercom

Что к сожалению, привело к подобным реакциям…

Обратная связь от пользователей Intercom

Почему была такая резкая реакция?

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

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

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

Что мы узнали

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

Поэтому в следующий раз, когда вы запланируете редизайн, помните:

  • Понимайте, кто ваши пользователи: каковы их привычки и каков их последний бета-опыт. Это даст вам наилучшее понимание того, как они могут реагировать на ваши изменения.
  • Всегда напоминайте себе и своей команде о проблеме, которую вы решаете. Делайте это часто. В противном случае легко увязнуть в крошечных деталях макета, не видя полной картины или широкого влияния вашей работы.
  • У каждого есть мнение о дизайне — от вашей команды до ваших клиентов. Эти мнения могут быть полярными, но вам решать, как действовать, чтобы обеспечить успешный редизайн. Может быть полезно использовать DACI модель, чтобы убедиться, что существует правильный уровень участия различных заинтересованных сторон.

О, да, и выбор цвета всегда сложен?

Эпилог

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

Готово!?

Конечный результат редизайна Intercom Inbox

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

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