Загрузка...
Иконка
misc
Generic

🏆 10 лучших моментов UX и UI (2024)

Я собрал ряд выдающихся решений в интерфейсах, как с точки зрения дизайна, так и пользовательского опыта. В этой статье вы увидите мой топ за 2024 год.

Таймер

4 мин

Peter Ramsey

Обложка

Весь контент взят с builtformars.com Пришло время для ежегодного обзора «Лучшие UX Bites года». Это как «Оскар», но действительно достойный просмотра. Что такое UX Bite, спросите вы? Это небольшой момент UX. Я публикую их ежедневно на Built for Mars и еженедельно отправляю по электронной почте 38 000 продуктовым командам. Поэтому я выбрал 10 самых популярных фильтров, охватывающих различные потоки, психологию, воздействия и UI-компоненты. Без лишних слов, встречайте выпуск 2024 года.

1. 🏆 Лучшая идея онбординга


Категория: Поток → Онбординг

DIY-переключатель Arc


Во время онбординга Arc предложит вам включать и выключать рекламу на веб-странице, чтобы продемонстрировать разницу в опыте (и ценность, которую они добавляют).

Изображение

2. 🏆 Лучший трюк конверсии


Категория: Flow → Дополнительные продажи

Переключатель «Напомнить мне» от Rise


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

Изображение

3. 🏆 Корзины и оформление заказа


Категория: Flow → Корзины и оформление заказов

Динамическая CTA от Etsy


При оформлении заказа в Etsy финальная CTA-кнопка динамически показывает, куда вы отправляете товар.

Изображение

4. 🏆 Развлечение для пользователя


Категория: Психология → Развлечение

«Каратэ Кид» от Statamic


У Statamic есть интерактивная фигурка «Каратэ Кид» над нижним колонтитулом. Она показывает сообщение и воспроизводит звук мистера Мияги, говорящего: «Если делать правильно, защиты не нужно».

Изображение

5. 🏆 Лучшее использование фрейминга


Категория: Психология → Фрейминг

Uber фокусирует вашу ценность


Uber сделает паузу, чтобы отметить момент, когда вы сэкономите через Uber One больше денег, чем стоит ежемесячная подписка.

Изображение

6. 🏆 Геймификация


Категория: Психология → Геймификация

Поход Focus Traveller


Focus Traveller — это приложение для концентрации, где ваш герой идет по тропе. Чем дольше вы фокусируетесь, тем дальше он продвигается. Когда таймер на паузе, он отдыхает у костра. И чем дольше вы фокусируетесь, тем больше «снаряжения» вы разблокируете для своего героя-путешественника.

Изображение

7. 🏆 Лучшее пасхальное яйцо


Категория: UI-компонент → Пасхальное яйцо

Интерактивный бластер от Lego


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

Изображение

8. 🏆 Избежание оттока


Категория: Воздействие → Отток пользователей

Экран отмены от Canva


Если вы собираетесь отменить подписку Canva, они подчеркнут, насколько выгодна ваша текущая сделка. Кроме того, они используют эффект неприязни к потерям, перечисляя функции, которые ваша команда использует (но к которым потеряет доступ).

Изображение

9. 🏆 Самый мотивирующий элемент


Категория: Воздействие → Фокус внимания и мотивация

CTA от Too Good To Go


Когда ежедневный «сюрпризный пакет» распродан, Too Good To Go динамически показывает, когда именно он закончился.

Изображение

#10. 🏆 Подталкивание к покупке


Категория: Воздействие → Покупки

Функция «Забронировать» от Air New Zealand


Air New Zealand позволяет вам за небольшую плату зафиксировать цену билета. Это обрамляет стоимость потери этого рейса и предлагает способ продолжить с меньшим уровнем обязательств.

Изображение

И на этом всё. Надеюсь, вы сделали свои заметки. Если вам понравились эти примеры, их более 800 на Built for Mars. Я продолжу их искать. Увидимся в 2025 году. ✌️"