1871 подписчик

Станислав Хрусталёв написал о строке поиска в мобильных интернет-магазинах.

— Чаще всего она находится в верхней части экрана или фиксируется там при скроле;

— Поиск — хороший кандидат в список быстрых действий приложения;

— Если каталог не сложный, строку поиска можно показывать после нажатия на кнопку. Общепринятая метафора — лупа;

— В поле поиска стоит разместить плейсхолдер, чтобы облегчить понимание его функции. Например, можно перечислить типы запросов, задать вопрос («Что вы ищете?»), упомянуть название компании («Найти в СберМаркете»), подсветить широту ассортимента, показать примеры конкретных запросов (в этом случае их стоит динамически менять);

— Плейсхолдер должен полностью умещаться в поле;

— При активации строки поиска избегайте сильного изменения её дизайна;

— Активированный поиск отображайте в полноэкранном формате с подсказками в виде актуальных (последних, популярных) запросов, уточнений текущего запроса, категорий, брендов, товаров;

— Также там могут быть непродуктовые подсказки вроде ссылок «Наши магазины», «Оплата»;

— Подсказки разных типов лучше не смешивать. Сгруппировать их можно заголовками, иконками, подписями (текст «Бренд», название вышестоящей категории), вкладками;

— Избегайте ложной персонализации, когда пользователь только зарегистрировался, а магазин уже показывает товары, «рекомендованные для вас»;

— При поиске учитывайте связи. Например, при поиске «джинсы» показывайте бренды, в ассортименте которых есть это слово. Можно показывать подходящие товары («адаптеры для iphone»). В аптеках — искать по симптомам;

— Показывайте количество найденных товаров: вообще и в категориях;

— В статье ещё много рекомендаций по взаимодействию со списком подсказок, истории поиска, пустым состояниям и так далее.

1 минута

8 октября 2023