СТАТЬЯ • БЛОГ WIXU
Мобильная версия сайта: почему «не ломается» — мало
Адаптивный дизайн сегодня есть почти у всех. Но между «сайт не разваливается на телефоне» и «сайт удобно покупать с телефона» — пропасть. А именно с телефона приходит больше половины ваших клиентов.
Что на самом деле проверять
Смоделируйте реальность: не офисный Wi-Fi, а мобильный интернет; не большой экран менеджера, а шесть дюймов клиента, который смотрит сайт одним глазом за рулём на парковке.
Первое — скорость. Сайт должен открыться до трёх секунд, иначе четверть аудитории закроет вкладку раньше первого экрана. Второе — читаемость без зума: текст меньше 16 пикселей на телефоне — это пинок посетителю. Третье — управление пальцем: кнопки и ссылки должны быть размером с подушечку пальца, а не с ноготь.
Формы — главная точка потерь
Каждое поле формы на мобильном стоит вам заявок. Четыре обязательных поля, выпадающий список, который надо прокручивать, капча с размытыми светофорами — итог предсказуем.
Нормы для мобильной версии: два поля максимум (имя и телефон), клавиатура сразу цифровая для номера, кнопка отправки на всю ширину, и альтернатива форме — кнопка мессенджера или звонка. Проверьте, как ваша форма выглядит именно на телефоне, а не в десктопном окне.
Тест за десять минут
Откройте сайт на телефоне с мобильным интернетом и пройдите путь клиента: главная → услуга → форма. Засеките время до первого экрана. Попробуйте попасть пальцем во все кнопки с первого раза. Проверьте, что телефон в контактах нажимается и предлагает позвонить.
Если на каком-то шаге пришлось «привыкнуть» — запишите. То, к чему приходится привыкать вам, отпугнёт клиента окончательно.
Поисковики тоже смотрят на мобильную версию: Google индексирует прежде всего её, а Яндекс учитывает удобство для смартфонов в ранжировании.