🛒 Фильтры в интернет магазине могут поднять конверсию. А могут привести к «Ничего не найдено» после пяти кликов
Выбираешь товар, начинаешь сужать выдачу, ставишь пару галочек и внезапно получаешь пустой экран. В этот момент проблема обычно не в пользователе, а в логике фильтров. Плохая фильтрация не помогает выбрать, а ломает выбор.
Саша из KISLOROD собрал 18 решений для фильтрации и 7 вариантов сортировки на примерах Ozon, Lamoda, Wildberries и других магазинов. Полезный разбор именно с продуктовой точки зрения: что помогает купить быстрее, а что раздражает и уводит с сайта. Плюс есть наблюдения из исследований Baymard Institute, например про выбор нескольких значений фильтра и поиск совместимых товаров.
Внутри:
– Какие фильтры нужны всем категориям, а какие зависят от конкретной ниши;
– Почему важно давать выбрать несколько значений одного фильтра;
– Как показывать примененные фильтры, сброс и количество найденных товаров;
– Что делать с длинными списками параметров: обрезка, поиск, порядок по популярности;
– Когда лучше фильтровать по кнопке «Применить», а не обновлять выдачу после каждого клика;
– Как не доводить пользователя до пустой выдачи и потери покупки;
– Какие варианты сортировки реально нужны кроме цены: рейтинг, популярность, новинки, наличие;
– Когда горизонтальный фильтр лучше сайдбара, а когда только мешает.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Type Grid
если собираетесь на наш бесплатный воркшоп по вайбкодингу во вторник, вот вам способ изучить базу: продуктовый лид ⚪️ лёва сделал видео на ютуб, где за несколько шагов с помощью вайбкодинга собирает эффект для сайта.
на практике показал путь от макета в Figma до готового для шера с друзьями эффекта на Netlify — это без единой строчки кода вручную.
пайплайн такой:
макет в Figma → спека через Claude → план в Cursor → генерация кода → паблишинг на Netlify.
<<< смотреть видос >>>
Сегодня большинство пользователей смартфонов знают базовый минимум жестов — тап, свайп, зум и др. С одной стороны, жесты удобны и интуитивны, с другой — не так очевидны, как обычная кнопка с текстом.
Внедрение жестов в интерфейс требует онбординга. Жест в большинстве случаев будет альтернативой привычному паттерну кнопки.
Что говорят исследования?
Androidmetro: пользователи не находят свайп-действия. Жесты требуют подсказок или онбординга. Кнопки показывают себя эффективнее.
Университет Хильдесхайма: жесты плохо себя показывают для новичков в приложении, но с появлением у них привычки, наоборот, ускоряют работу.
MDPI: жесты увеличивают когнитивную нагрузку и замедляют выполнение задач. Пользователи тратили больше времени на выполнение задач с жестами, им требовалось больше когнитивных усилий. При этом, жесты воспринимались как более «интересные» и привлекательные.
Университет Корнелла: задачи, выполняемые с помощью жестов, демонстрировали большее время выполнения, чем задачи, выполняемые с помощью сенсорного управления, хотя респонденты воспринимали эти взаимодействия как более привлекательные.
Nature: существует прямая взаимосвязь между негативными эмоциями и недостатком наличия жестов управления. Одной из причин негативных эмоций пользователей при взаимодействии с интерфейсом является отсутствие возможности управлять жестами.
🌊🌊
Почти все исследования показывают один и тот же парадокс: жесты нравятся пользователям, но кнопки работают лучше. Жесты — это опциональное ускорение и повышение удобства взаимодействия. Если фичу нельзя найти без жеста — она не существует. Но если жеста нет — интерфейс может ощущаться неудобным.
🌊🌊
с портфолио для студии разобрались, теперь переходим к боссу — бигтех
Fit Curve
Полезный плагин, при помощи которого вы можете создавать кривые с гибкой настройкой.
Install
️ Figma Дизайн
Самый популярный материал в нашем журнале — Справочник, посвящённый кавычкам. В честь нашего дня рождения мы решили превратить этот материал в плакат, который поможет правильно расставить кавычки, например, в четырёх вариантах немецкого.
По ссылке — плакат с кавычками, использующимися в разных языках. Его можно напечатать самостоятельно в любом размере от А4 до А1
Самый популярный материал в нашем журнале — Справочник, посвящённый кавычкам. В честь нашего дня рождения мы решили превратить этот материал в плакат, который поможет правильно расставить кавычки, например, в четырёх вариантах немецкого.
По ссылке — плакат с кавычками, использующимися в разных языках. Его можно напечатать самостоятельно в любом размере от А4 до А1
У меня сейчас ситуация как у 9 из 10 фрилансеров — с клиентами не густо.
И вы это от меня слышите не первый раз.
Я отличный специалист, я умею делать хорошо, но это вообще не гарантирует поток денег проектов. Этот мир так несправедлив.
Можно продолжать сидеть в своём пузыре, ждать и надеяться, периодически брать мелкие задачи «лучше, чем ничего», но выгорать от них и снова оказываться в той же точке – «я хочу большего».
А можно пойти в сторону, где уже есть люди с проектами и подходящими задачами, и начать с ними… общаться )
Я выбрала второе.
Зашла в сообщество, где такие люди уже есть, и начала знакомиться. Уже сходила на один созвон, и это, конечно, очень отличается по ощущениям. Там ты сразу в контакте, в диалоге, сразу в поле, где есть движение.
Это бодрит. Это создаёт связи и расширяет возможности.
Хочу сделать это регулярной историей.
Пошли вместе? Вместе не так страшно )
План такой:
✔️Заходите в сообщество
✔️Пишите приветствие и чем вы полезны
✔️Общаетесь, знакомитесь
Как позовут на созвон – смелее!
Хотя можно даже не включаться сразу активно — просто зайти, посмотреть, почитать обсуждения. Но вы хотя бы окажетесь внутри среды.
Кто знает, может прямо сейчас там вас ждёт встреча, которая станет поворотной точкой для вашего взлёта?
Говорю как человек, у которого такая встреча была.
А вдруг? Решайся.
Решаюсь.
Плагин «Smart Button Generator» by Mohit Kumar
А это плагин для тех, кто не хочет делать и придумывать кнопки самостоятельно. С его помощью можно быстро и удобно настраивать готовые кнопки с интерактивными эффектами.
🎹 Скачать плагин 🎹
#plugin