Рекомендация
Есть несколько подходов к тому, как показывать отсутствующие товары в интернет-магазине. Можно блочить всю карточку, можно вешать плашку «Нет в наличии», можно прикручивать предзаказ, можно скрывать товар.
А можно, как «Перекрёсток», выводить рекомендацию: мол, этого товара сейчас нет, но есть другой похожий и не хуже. На мой вкус, визуально исполнение выглядит сложновато, но сам подход и идея классные. И, наверное, этот приём здорово конверсию повышает.


#ux #web

Визуальный код

Жильё поблизости
Любопытный UX- и бизнес-кейс в пандемию: теперь, когда люди стали куда меньше путешествовать и часто ограничиваются локальными поездками, Airbnb на главной странице сразу привязывается к геолокации и предлагает варианты поблизости — не далёкие райские острова для отпуска, а жильё в соседних городах и районах для уикэнда и смены обстановки.
Кстати, оформлены варианты забавно — похоже, эти иллюстрации с облаками генерятся случайно и подходят к любому городу.


#ux #web

Визуальный код

Рекомендация после целевого действия
Не то чтобы визуальный приём, но про UX/UI. На сайте Икеи при добавлении некоторых товаров в корзину вместе с простым уведомлением, что всё прошло успешно, выскакивает рекомендация о сопутствующих товарах (например, в случае с абажуром советуют приобрести подходящую лампочку). Причём товар можно добавить в корзину прямо из этого тултипа, без дополнительных переходов. Крутая штука для увеличения конверсии в интернет-магазинах, причём полезная для юзера.


#ux

Визуальный код

Полузаполненный чекбокс
В Columns есть специальное состояние чекбокса в процессе заполнения. Неожиданный прогресс-бар, вшитый в другой элемент. За наводку спасибо каналу Продуктовые фичи.


#ux #web #фича

Визуальный код

Подборки
Утилитарный, часто встречающийся, но годный UX-паттерн: пустое состояние поиска, где по умолчанию показываются популярные подборки и ссылки на разделы. Здорово, что подборки оформлены единообразно.


#mobile #UX

Визуальный код