Итоги 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-референсов тарифов, туториалов, онбордингов, слайдеров, форм и тд в телеграм-канале.