🛒 Фильтры в интернет магазине могут поднять конверсию. А могут привести к «Ничего не найдено» после пяти кликов
Выбираешь товар, начинаешь сужать выдачу, ставишь пару галочек и внезапно получаешь пустой экран. В этот момент проблема обычно не в пользователе, а в логике фильтров. Плохая фильтрация не помогает выбрать, а ломает выбор.
Саша из KISLOROD собрал 18 решений для фильтрации и 7 вариантов сортировки на примерах Ozon, Lamoda, Wildberries и других магазинов. Полезный разбор именно с продуктовой точки зрения: что помогает купить быстрее, а что раздражает и уводит с сайта. Плюс есть наблюдения из исследований Baymard Institute, например про выбор нескольких значений фильтра и поиск совместимых товаров.
Внутри:
– Какие фильтры нужны всем категориям, а какие зависят от конкретной ниши;
– Почему важно давать выбрать несколько значений одного фильтра;
– Как показывать примененные фильтры, сброс и количество найденных товаров;
– Что делать с длинными списками параметров: обрезка, поиск, порядок по популярности;
– Когда лучше фильтровать по кнопке «Применить», а не обновлять выдачу после каждого клика;
– Как не доводить пользователя до пустой выдачи и потери покупки;
– Какие варианты сортировки реально нужны кроме цены: рейтинг, популярность, новинки, наличие;
– Когда горизонтальный фильтр лучше сайдбара, а когда только мешает.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
Самый популярный материал в нашем журнале — Справочник, посвящённый кавычкам. В честь нашего дня рождения мы решили превратить этот материал в плакат, который поможет правильно расставить кавычки, например, в четырёх вариантах немецкого.
По ссылке — плакат с кавычками, использующимися в разных языках. Его можно напечатать самостоятельно в любом размере от А4 до А1
🆕 Рубрика «Вопрос-ответ»
В журнале Tilda Education появилась новая рубрика «Вопрос-ответ». Теперь вы можете не только изучать образовательные материалы, но и задавать интересующие вас вопросы экспертам.
Как это работает: вы задаёте вопрос, а мы передаём его специалисту, который разбирается именно в вашей теме. Получаем ответ и публикуем его в рубрике: https://tilda.education/questions
🚩 Небольшое уточнение:
Вы можете задавать вопросы на темы: веб-сайтов, дизайна, маркетинга, фриланса и предпринимательства. Если у вас есть технический вопрос — лучше сразу обратиться в поддержку.
✅«Почему другим дизайнерам платят больше», «Какую стратегию продаж выбрать», «Стоит ли нанимать маркетолога»
⛔️ «Что делать, если не работает сайт», «Как настроить отступы в этом блоке», «Что делать, если я не могу зайти в личный кабинет»
Новый виток A11y в Apple?
Джон Тернус — новый CEO Apple, а также тот человек, который в качестве дипломного проекта в University of Pennsylvania разработал механическую руку для кормления, управляемую с помощью движений головы. То есть пользователь, не имеющий возможности двигать конечностями, мог самостоятельно есть — управление шло через head-tracking без участия рук.
Также стоит вспомнить, что именно под его руководством вышли
Apple Watch с Double Tap — классический curb cut effect: жестовое управление изначально появилось в 2021 году как AssistiveTouch, фича для людей с особенностями верхних конечностей, а позже та же технология стала фичей для всех. AirPods Pro с hearing aid — наушники массового рынка, работающие как слуховой аппарат. Vision Pro, где eye-tracking — основной интерфейс: формально это универсальный дизайн, но выросший из accessibility-подхода )
И это уже другой уровень доступности — встройка в железо ) Кайф? Кайф!
Alt: фотография Джона Тёрнуса на сцене Apple-презентации, за ним крупным планом чипы и схемы.
___
en<able> - о дизайне в A11y | Наши статьи на VC
У меня сейчас ситуация как у 9 из 10 фрилансеров — с клиентами не густо.
И вы это от меня слышите не первый раз.
Я отличный специалист, я умею делать хорошо, но это вообще не гарантирует поток денег проектов. Этот мир так несправедлив.
Можно продолжать сидеть в своём пузыре, ждать и надеяться, периодически брать мелкие задачи «лучше, чем ничего», но выгорать от них и снова оказываться в той же точке – «я хочу большего».
А можно пойти в сторону, где уже есть люди с проектами и подходящими задачами, и начать с ними… общаться )
Я выбрала второе.
Зашла в сообщество, где такие люди уже есть, и начала знакомиться. Уже сходила на один созвон, и это, конечно, очень отличается по ощущениям. Там ты сразу в контакте, в диалоге, сразу в поле, где есть движение.
Это бодрит. Это создаёт связи и расширяет возможности.
Хочу сделать это регулярной историей.
Пошли вместе? Вместе не так страшно )
План такой:
✔️Заходите в сообщество
✔️Пишите приветствие и чем вы полезны
✔️Общаетесь, знакомитесь
Как позовут на созвон – смелее!
Хотя можно даже не включаться сразу активно — просто зайти, посмотреть, почитать обсуждения. Но вы хотя бы окажетесь внутри среды.
Кто знает, может прямо сейчас там вас ждёт встреча, которая станет поворотной точкой для вашего взлёта?
Говорю как человек, у которого такая встреча была.
А вдруг? Решайся.
Решаюсь.
Эффект невидимости by illustartur
Пошаговый гайд по созданию невидимости в DaVinci при помощи нод и масок. Гайд очень подробный и не спешный, у всех должно получиться.
#DaVinciResolve
Fit Curve
Полезный плагин, при помощи которого вы можете создавать кривые с гибкой настройкой.
Install
️ Figma Дизайн
Type Grid
если собираетесь на наш бесплатный воркшоп по вайбкодингу во вторник, вот вам способ изучить базу: продуктовый лид ⚪️ лёва сделал видео на ютуб, где за несколько шагов с помощью вайбкодинга собирает эффект для сайта.
на практике показал путь от макета в Figma до готового для шера с друзьями эффекта на Netlify — это без единой строчки кода вручную.
пайплайн такой:
макет в Figma → спека через Claude → план в Cursor → генерация кода → паблишинг на Netlify.
<<< смотреть видос >>>
От чёткого векторного принта и детального эскиза - до видео-примерки всего за несколько минут ✅
‼️Это реальный пример работы студентки курса Адоуб Иллюстратор(Adobe Illustrator) в дизайне одежды.
Когда есть база:
▶️ понятный технический эскиз
▶️ проработанные детали
▶️ чистый вектор
дальше подключаются инструменты, которые ускоряют процесс в разы.
И идея перестаёт быть просто картинкой - она сразу превращается в визуал, который можно показать, протестировать и доработать.
❔Хотите ускорить работу и упростить процесс?
Я подготовила для вас 5 бесплатных шаблонов, которые помогут делать аккуратные и пропорциональные эскизы 👇
Забрать шаблоны