-24 секунды загрузки = 72% потерь: что мы сделали не так
Этот проект до сих пор у меня в голове как пример того, как можно одновременно сделать «красиво» и при этом полностью убить продукт. Мы делали редизайн личного кабинета сервиса, и в какой-то момент нам всем казалось, что мы движемся в правильную сторону: аккуратная типографика, мягкие тени, плавные переходы, лёгкие анимации, иллюстрации в онбординге, всё такое «живое», стильное, современное. На макетах это выглядело почти как из витрины дизайнерского портфолио - чисто, дорого, продуманно.
Когда мы выкатывали новую версию, в команде было ощущение уверенности. Никто не ждал сюрпризов. Проект вышел в прод, и какое-то время всё казалось нормальным, пока не пришли первые цифры из аналитики. Конверсия в ключевое действие упала на 72%. Это был тот случай, когда ты перечитываешь сообщение несколько раз, потому что мозг отказывается воспринимать цифру всерьёз.
Мы пошли смотреть записи пользовательских сессий. И там всё стало понятно без слов. Пользователь заходит в кабинет, видит пустой экран, через секунду появляется заглушка загрузки, потом ещё одна анимация, потом экран как будто «въезжает», потом снова что-то подгружается. Люди ждут, двигают мышкой, делают пару микродвижений - и просто закрывают вкладку. Среднее время до момента, когда интерфейс становился интерактивным, составляло 24 секунды. Двадцать четыре секунды ожидания перед тем, как можно хоть что-то сделать.
И это не был баг. Это была наша «осознанная» композиция.
Когда мы начали разбирать причину, стало даже немного стыдно. Тяжёлые иллюстрации на первом экране, которые должны были создать настроение. Кастомные шрифты, без которых интерфейс буквально не появлялся. Анимации появления экранов, потому что нам хотелось «плавности». Тяжёлые данные, которые тянулись одним большим куском. И сверху на всё это - обязательный туториал при первом входе, который полностью перекрывал интерфейс.
Каждый элемент сам по себе казался обоснованным. Но вместе они сложились в болото из ожидания. И самое неприятное в этой истории - это были не навязанные решения. Это были именно наши дизайнерские инициативы. Наше желание сделать эффектнее, современнее, «как в крутых кейсах».
Мы начали откатывать изменения. Без истерик и без попытки оправдываться. Убрали всё, что не было критичным для первого экрана. Иллюстрации уехали подальше. Анимации исчезли или превратились в едва заметные переходы. Интерфейс стал появляться сразу, пусть и без «магии». Загрузка разделилась на шаги, а вместо пустоты пользователь стал видеть каркас экрана. Туториал вынесли из критического сценария и перестали блокировать вход.
После этого время до первого действия сократилось с 24 секунд до примерно пяти. Конверсия вернулась и даже немного выросла. Пользователям стало проще. Интерфейс стал скучнее. И, честно говоря, лучше от этого стал именно продукт, а не наше дизайнерское эго.
Для меня этот кейс стал довольно болезненным, но полезным сдвигом в голове. Раньше я смотрел на дизайн через призму эстетики: нравится / не нравится, современно / устарело. После этой истории появилась другая ось координат - помогает действовать или мешает. Оказалось, что человек не обязан восхищаться нашей сложной визуальной конструкцией. Он просто приходит сделать своё действие. И если интерфейс заставляет его ждать двадцать четыре секунды ради красоты - значит, что-то пошло не так не у пользователя, а у нас.
Этот редизайн не проиграл конкурентам, он проиграл времени ожидания. И это был тот случай, когда поражение оказалось ценнее красивой победы в портфолио.