В мире дизайна есть герои, которые создают интуитивно понятные интерфейсы, и есть… ну, скажем так, «креативщики», чьи решения заставляют пользователей задуматься о смысле жизни. В этой статье мы разберем реальные примеры эпических провалов в UI/UX у известных компаний, где кнопка «Купить» могла спровоцировать сердечный приступ или вызвать желание переустановить антивирус. Приготовьтесь смеяться, удивляться и, возможно, плакать.
Кто из нас не сталкивался с AliExpress? Этот гигант электронной коммерции однажды решил сделать кнопку «Купить сейчас» максимально яркой. Результат? Мигающий красный текст на фоне желтых полос, который больше напоминал баннер с предупреждением «НЕ НАЖИМАЙТЕ, ИЛИ ВЫ ПОТЕРЯЕТЕ ДЕНЬГИ».
Пользователи жаловались, что кнопка выглядит как реклама вредоносного ПО. Особенно забавно было наблюдать, как некоторые клиенты писали в отзывах: «Я думал, это шутка, пока не увидел, что заказ реально оформился».
Шведский ритейлер одежды H&M однажды допустил ошибку в своем мобильном приложении. Кнопка «Добавить в корзину» была расположена слишком близко к кнопке «Удалить из каталога» — обе были одинакового размера и цвета. Разница была только в тексте, но мелкий шрифт делал его практически невидимым.
Один пользователь рассказал историю: он хотел купить футболку, случайно нажал не ту кнопку, и товар исчез из каталога. Да, навсегда. Это вызвало волну негодования среди клиентов, и компания быстро исправила ошибку.
Сервис доставки еды Uber Eats однажды решил поэкспериментировать с интерфейсом. Кнопка «Оформить заказ» появлялась только после того, как пользователь просматривал меню в течение 30 секунд. Логика была простой: «Если человек потратил время на изучение меню, значит, он точно хочет заказать».
На практике это выглядело так: вы выбираете пиццу, переходите к оформлению заказа… и ничего не происходит. Кнопка просто отсутствует. Пользователи начали паниковать, думая, что сайт сломан, и уходили на конкурентов. После нескольких недель жалоб команда вернулась к старому дизайну, но история о «пропавшей кнопке» до сих пор ходит легендой среди дизайнеров.
Когда-то Toys «R» Us решили обновить дизайн своего сайта, чтобы привлечь внимание детей и их родителей. Кнопка «Купить» была выполнена в ядовито-желтом цвете на фоне фиолетового градиента, а текст был написан белым шрифтом Comic Sans.
Пользователи описывали свои ощущения так: «Это было похоже на попытку прочитать текст через призму радуги под кислотным трипом». Многие просто закрывали сайт, потому что глаза начинали болеть уже через несколько секунд. В итоге компания потеряла треть своей аудитории за первый месяц после обновления дизайна.
Один из самых известных случаев произошел с PayPal. В мобильном приложении кнопки «Подтвердить» и «Отмена» были абсолютно одинаковыми: одинаковый цвет, одинаковый шрифт, одинаковый размер. Единственное отличие — текст.
Проблема возникла, когда пользователи начали случайно нажимать «Отмена» вместо «Подтвердить» при переводе денег. Один клиент даже оставил отзыв: «Я хотел перевести деньги жене на день рождения, а в итоге отменил операцию и остался без торта». Команда PayPal быстро исправила ошибку, но история стала мемом в социальных сетях.
Чтобы избежать таких катастроф, вот несколько конкретных рекомендаций:
Хороший дизайн — это не только про красоту, но и про функциональность. Когда кнопка «Купить» выглядит как реклама вирусов или прячется в самых неожиданных местах, это не только смешно, но и раздражающе.
Истории выше показывают, что даже такие крупные компании, как AliExpress, H&M, Uber Eats, Toys «R» Us и PayPal, могут допустить ошибки в дизайне. Так что, дорогие дизайнеры, помните: ваша задача — сделать жизнь пользователей проще, а не превратить их в героев фильма ужасов. 😊
Arseniy Lugovoi 
Елизавета 
goracheva_alena@mail.ru 
Елизавета 
Arseniy Lugovoi 
Arseniy Lugovoi 
Arseniy Lugovoi 
Geka 
Geka 
Анна Лисова 
