Хабрахабр

[Перевод] Сделал редизайн — потерял миллиард

Исследуем эпичные провалы редизайна и мотаем на ус.

image

Менеджер по продукту заходит в отдел дизайна и заказывает редизайн сайта. «Наш сайт выглядит таким старым! У всех наших конкурентов есть более яркие сайты. Давайте перепроектируем его. Кнопки с разноцветными тенями — это будущее!»

Дизайнер: «Хорошо, давайте начнем с тестирования юзабилити».
ПМ: «У вас есть 3 недели, и я хочу, чтобы все цвета были заменены на ярко-розовый, ярко-синий или оранжевый».

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

Skype Redesign 2018

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

Будь то мелкие игроки, такие как Snapchat или такие большие, как Microsoft с Windows 8 и Skype — кажется, никто не застрахован от неудачи редизайна. Но чаще всего редизайн кажется довольно нежелательным, с падением конверсий, сердитыми пользователями и отрицательными отзывами о приложении.

Почему редизайн проваливается

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

Редизайн навигации Snapchat’a

image

Давайте проанализируем, как Snapchat переработал одну из своих основных пользовательских функций- просмотр историй от друзей.

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

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

image

Продвигаемые истории получили свою страницу. С редизайном истории друзей были перемещены влево и объединены с чатом. Основное внимание уделялось разделению между друзьями и издателями контента. Этот редизайн привел к тому, что Snapchat отошел от своего предыдущего разделения между «чатом» и «историями». Snapchat может продвигать платный контент, группируя все связанное с друзьями в одном месте.

image

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

image

Излишне говорить, что пользователям не очень понравились эти изменения. Были изменены как минимум два практических правила: структура навигации и область, которую нужно нажать, чтобы просмотреть историю. В течение недели средний рейтинг Snapchat снизился с 3,1 до 2,4.

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

image

image

image

Этот твит стоил Snapchat миллиард долларов

Ежедневная посещаемость сократились на 2% до 188 миллионов с 193 миллионов. Редизайн Snapchat был катастрофой. Многие издатели контента поменяли платформу и стали называть Instagram своим новым домом. Показы рекламы и доход снизились на 36%.

Истории друзей перемещены вправо вместе с историями издателей. Через 6 месяцев после внедрения редизайна Snapchat внес изменения и объявил об перестановке. Цитата:

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

Редакция меню Пуск в Windows 8

Теперь давайте посмотрим, как Microsoft перепроектировала их меню «Пуск» в Windows 8. Давайте попробуем открыть панель управления в Windows 7 и 8.

И тогда вы нажимаете на панель управления. Чтобы открыть панель управления в Windows 7, вам нужно нажать на кнопку «Пуск», чтобы вывести список всех приложений.

image

Хороший старт, верно? В Windows 8 вы уже начинаете с меню «Пуск». В перечисленных приложениях нет панели управления. Неправильно. Также нет возможности перечислить все программы.

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

image

Windows не предоставляла никакой дополнительной информации, чтобы помочь пользователям открыть меню чудо-кнопок. Этот основанный на жестах процесс доступа к панелям был совершенно чужд пользователям при запуске Windows 8. Жесты и зависания были новыми понятиями для ОС. Даже после того, как пользователи обнаружили Charms меню, прибегая к помощи Google или своих друзей, им все равно было неудобно с ним.

Все ли редизайны плохие?

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

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

Редизайн навигации в Facebook

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

image

И Android, и iOS реализовывали навигацию одинаково с одинаковыми панелями действий.

image

Мобильные социальные сети, такие как Instagram, Snapchat и Vine (rip) набирали популярность. Но база мобильных пользователей подтягивалась, и пользователи, начинающие с мобильного, понемногу затеняли пользователей, использующих десктопную версию. Было совершенно очевидно, что в будущем люди будут проводить больше времени за своими телефонами, чем за компьютерами.

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

image

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

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

Уроки

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

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

Редизайн предназначен для решения проблем с конкретными бизнес-ограничениями и требованиями.

image

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

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

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

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

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

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

Теги
Показать больше

Похожие статьи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Кнопка «Наверх»
Закрыть