Итоги 2023: 15 любимых юикс-рефов подписчиков и 10 из моего топа

Поиск, кнопки, формы, тарифы, qr, карточки и хлебные крошки

За год я опубликовал в телеграмм-канале 270 мощных, необычных и редких находок. В этом материале делюсь 15 референсами, которые понравились подписчикам больше всего, и своим личным топом.

Поиск

Нельзя ошибиться с языком ввода при поиске города у Леруа Мерлен

Кнопки

В кнопке «дата доставки» вместо обычного призыва «В корзину» у Ozon

Кнопка перехода в корзину появляется сразу вместо «Добавления в корзину» у Яндекс.Маркета

Второстепенная кнопка притягивает на себя внимание за счет подсветки тем же цветом, что и заголовок у Vercel

Хлебные крошки

Выпадающий список в хлебных крошках упрощает навигацию у Мегамаркет

Сплэш скрин

Билайн обновил сплэш скрин под НГ тематику

Продуктовая карточка у Самоката

Форма

Пароль генерируется автоматически на отдельном шаге во время регистрации у Timeweb

Весь контент вокруг заблюривается для полной концентрации на форме у Biosites

Онбординг у Ясно — опрос и подбор психолога

В тарифах у Revolut есть возможность убрать из таблицы ненужные тарифы

Эффект сжигания при закрытии всех вкладок у DuckDuckGo

QR

Упрощение звонка с десктопа с помощью QR у m2

Курсор пропадает в области с QR-кодом, чтобы не мешать сканировать у Бери заряд

3d эффект за счет выхода за границы баннера по ховеру у Wargaming

Поиск

Возможность предложить иконку, которую не смог найти у Iconoteka

Подсказки вокруг выбранной буквы упрощают ввод запроса при поиске на TV у OS Tizen

Вставка

url-адрес, который в буфере обмена, встает в ссылку без лишних действий у Telegram

Акцент

Акцент на товаре и фотографии в карточке товара у Befree

Акцент только на форме за счет скрытия ненужных элементов во время открытия модального окна у Т—Ж

Дополнительный акцент и более глубокое погружение в продукт за счет автопролистывания фото в объявлении во время скролла у Auto.ru

Форма

Форма у VWO чистая и не отвлекает внимание лишним контентом. Политика и согласие на рассылку появляются только во время взаимодействия

Максимально подсказываем и упрощаем заполнение у Тинькофф

Таблица

Удобная навигация за счет цветового выделения каждой строки при наведении и выборе у biathlontime

Минималистичные тарифы, которые легко считываются, у Readymag

Спасибо за внимание!)

Ещё больше UX-референсов тарифов, туториалов, онбордингов, слайдеров, форм и тд в телеграм-канале.

💬 Всегда готов дать совет, проконсультировать, стать ментором и обсудить сотрудничество