Родитель открывает на телефоне карточку детского самоката: нужно проверить допустимую нагрузку, тип тормоза и условия доставки. Если за каждым ответом приходится возвращаться в меню, сравнивать модели утомительно. Хуже, когда из-за этого важные для ребёнка характеристики остаются незамеченными до оформления заказа.
Почему на телефоне путь к информации важнее числа разделов
На узком экране видна лишь часть страницы. Каталог, фильтры, характеристики и условия доставки могут скрываться за разными кнопками или находиться далеко друг от друга. К тому же родитель нередко смотрит сайт одной рукой, отвлекается на ребёнка, прерывает поиск. Вернувшись, он должен сразу понять, где остановился и как продолжить.
Дело не в том, чтобы сделать меню как можно короче. Важнее понятные названия разделов, заметные переходы и возврат к результатам без потери фильтров. В магазине детских самокатов это особенно важно: пометка «от 3 лет» не заменяет проверки размеров, устойчивости и условий катания. Когда эти сведения спрятаны, легко выбрать модель по цвету или фотографии, не разобравшись, подходит ли она ребёнку.
Какие задачи решает родитель на мобильном сайте
Покупатель не обязан идти по порядку, задуманному для каталога. Один ищет трёхколёсный самокат для начинающего, другой знает модель и проверяет высоту руля, третий хочет выяснить условия возврата. Сайт должен позволять пройти каждым из этих путей без обязательного возвращения на главную.
- Найти подходящую группу моделей. Деление по типу самоката и уровню навыка полезнее длинного списка без пояснений. Возраст остаётся ориентиром, но не единственным критерием.
- Сузить выбор. Фильтры по регулировке руля, числу колёс, допустимой нагрузке и наличию тормоза помогают убрать неподходящие варианты. Названия параметров должны быть понятны без догадок.
- Проверить конкретную модель. Из карточки нужен быстрый переход к характеристикам, комплектации, доставке и возврату — и обратно к списку товаров.
- Задать вопрос. Контакты не должны находиться лишь после длинной прокрутки каталога. Родитель может захотеть уточнить размер деки или наличие запасной детали.
Эти задачи подсказывают, что вынести в меню. Один пункт «Каталог» без подразделов мало помогает, а десятки категорий первого уровня перегружают экран. «Трёхколёсные», «Двухколёсные», «Защита», «Доставка и возврат» говорят покупателю больше, чем внутренние названия товарных групп.
Меню и поиск: как не потерять нужный товар
Первый уровень меню
В открытом меню достаточно основных направлений; вложенные категории должны быть ясно обозначены. Стрелка рядом с названием пусть открывает подраздел, а не неожиданно перебрасывает на другую страницу. Кнопки закрытия и возврата на уровень выше должны быть доступны для нажатия пальцем. Значок из трёх полосок лучше дополнить подписью «Меню».
Покупателю также нужно понимать, где он сейчас. Заголовок «Двухколёсные самокаты» над списком и понятная кнопка возврата полезнее нескольких похожих страниц без обозначенных различий. А если карточка открыта из отфильтрованной выдачи, возвращать человека следует в ту же выдачу, с сохранёнными настройками.
Поиск по сайту
Поиск дополняет меню, но не заменяет его. Строку на телефоне должно быть легко найти; запросы могут звучать по-разному: название модели, «самокат с регулируемым рулём», «шлем». Если совпадений нет, лучше предложить близкие категории и дать возможность исправить опечатку, чем оставлять пустой экран. Подсказки при этом не должны закрывать результаты или мешать выйти из поиска.
Есть и слова, которые легко понять по-разному. «Складной» описывает механизм рамы, а не габариты самоката после складывания. Разницу стоит прояснять в выдаче и категориях, а в карточке указывать размеры в обоих состояниях, если продавец располагает этими данными.
Фильтры, сортировка и сравнение без лишних касаний
На телефоне фильтры часто открываются отдельной панелью. Пока она открыта, покупателю нужно видеть выбранные параметры и число оставшихся товаров. После применения — метки активных фильтров и простую кнопку сброса. Иначе пустую выдачу легко принять за отсутствие товаров в каталоге, хотя причина в слишком узком отборе.
Фильтр «от 3 лет» не означает, что каждая модель в выдаче подойдёт конкретному ребёнку. Уже в списке полезно показывать тип самоката, диапазон регулировки руля и заявленную допустимую нагрузку. Затем характеристики нужно сверить с ростом, навыками ребёнка и условиями катания. Шлем, подходящая защитная экипировка и присмотр взрослого необходимы, даже если ребёнок уверенно ездит.
Сортировка по цене помогает оценить бюджет, но особенности моделей лучше сравнивать отдельно. На небольшом экране кнопка сравнения должна быть заметной, а таблица — читаться без постоянной прокрутки вбок. Для двух-трёх товаров в первую очередь стоит показать различия: массу, размеры, колёса, тормоз и способ складывания. Одинаковые поля можно свернуть, важные ограничения — нет.
Карточка товара как часть навигации
В карточку нередко попадают прямо из поиска, сообщения или закладки, минуя каталог. Поэтому основные ответы должны быть на самой странице, а переходы к связанным разделам — под рукой. Название, фотографии, варианты исполнения, цена и наличие важны, но не стоит отодвигать характеристики настолько далеко вниз, что до них трудно добраться.
Помогают короткие переходы внутри карточки: «Характеристики», «Размеры», «Доставка и возврат». Вкладка должна отвечать своему названию. Если в «Размерах» указана только возрастная рекомендация, родителю всё равно придётся искать высоту руля и размер деки. Для выбора самоката это не мелочи.
Закреплённая кнопка покупки может быть удобной после просмотра характеристик, но она не должна перекрывать текст, предупреждения или другие кнопки. Условия доставки тоже нужно оставить заметными. Если возник вопрос о комплектации или совместимости аксессуаров, покупателю понадобится простой способ обратиться в магазин; о том, как сделать форму обращения в магазин детских самокатов удобной для родителей, есть отдельный материал блога.
Доступность и доверие в мелких деталях
На сенсорном экране соседние мелкие ссылки легко перепутать. Особенно неприятно это в фильтрах: одно случайное касание меняет выдачу. Между кнопками нужно достаточно места, текст должен читаться при увеличении, а меню — открываться без попыток попасть точно в крошечную стрелку. Выбранный фильтр нельзя обозначать одним цветом: добавьте отметку или подпись.
Иногда мешает не меню, а всплывающее окно подписки, запрос на уведомления или окно помощи. Если такой элемент закрывает характеристики либо кнопку возврата, человек теряет контроль над страницей. Окно должно легко закрываться и не появляться снова при каждом переходе к другой модели.
Точные названия разделов тоже поддерживают доверие. Пункт «Безопасность» не должен вести лишь к рекламному описанию. Там уместны сведения о тормозах, защитной экипировке, проверке креплений и выборе места для катания — без обещаний полной безопасности. Даже подходящий по размерам самокат нужно содержать в исправном состоянии; ребёнку необходимы защита и присмотр взрослых. Для поездок лучше выбирать маршрут вдали от автомобильного движения и сложных препятствий.
Как проверить навигацию на реальных задачах
Для проверки достаточно обычного телефона и нескольких родителей, которым не подсказывают порядок действий. Попросите найти двухколёсную модель с регулируемым рулём, сравнить её с другой, уточнить тип тормоза и условия возврата. Записывайте не только время: важнее заметить, где человек ошибся, потерял фильтры или не понял название раздела.
- Начните с главной страницы, а затем отдельно — с карточки, открытой по прямому адресу. Пути окажутся разными.
- Проверьте меню, поиск и фильтры на обычном экране и с увеличенным текстом.
- Вернитесь из карточки к результатам: сортировка и фильтры должны сохраниться.
- Попробуйте открыть доставку, возврат и контакты, не заходя на главную страницу.
- Повторите действия при медленном соединении: пока блок загружается, следующий шаг всё равно должен быть понятен.
Исправлять лучше найденное препятствие, а не всё меню разом. Если родители без труда находят самокат, но каждый раз ищут условия возврата внизу карточки, добавьте заметный переход рядом с доставкой. Затем снова дайте им ту же задачу на телефоне и посмотрите, исчезла ли заминка.
