Как проверить, как сайт выглядит на телефоне
Больше половины посетителей приходят с телефонов, поэтому проверять сайт нужно именно там. Самый честный способ — открыть его на своём телефоне через мобильный интернет и пройти путь клиента до отправки заявки.
Почему браузер на компьютере обманывает
Режим разработчика в браузере показывает узкое окно, но не показывает главного: как страница грузится на мобильном интернете, как ведут себя шрифты на настоящем экране, попадает ли палец по кнопке, не перекрывает ли что-то всплывающий чат. Именно эти вещи и теряют заявки, а в узком окне на компьютере они выглядят нормально.
Порядок действий
- Откройте сайт на своём телефонеОбязательно через мобильный интернет, а не по домашнему Wi-Fi: скорость и задержки будут ближе к реальности клиента.
- Засеките первый экранСколько секунд до появления заголовка и кнопки. Больше трёх — повод разбираться со скоростью: тяжёлые фото, видео на первом экране, лишние виджеты.
- Прочитайте текст, не увеличиваяЕсли приходится приближать пальцами, шрифт мелкий. Основной текст должен читаться сразу, без усилий.
- Нажмите все кнопки пальцемНе ногтем и не мышкой. Кнопка должна попадаться легко, ссылки не должны слипаться, номер телефона — набираться в одно касание.
- Заполните форму до концаПроверьте, удобно ли вводить телефон, не перекрывает ли клавиатура поля, приходит ли уведомление о заявке. Это самый важный шаг: сломанная форма обесценивает весь сайт.
- Проверьте на чужом телефонеЛучше на другой системе: у вас Android — попросите знакомого с айфоном. Заодно свежий человек заметит непонятное, к чему вы привыкли.
Что чаще всего ломается именно на телефоне
- Таблицы с ценами: на узком экране разъезжаются или требуют горизонтальной прокрутки.
- Всплывающие окна и чат: закрывают текст, а крестик мелкий.
- Длинные заголовки: переносятся некрасиво и занимают весь первый экран.
- Фотографии без сжатия: страница грузится секундами и съедает трафик.
- Формы с большим числом полей: заполнять с телефона утомительно.
В Zorava мобильная версия готовится вместе со страницей, а замечания вносятся тем же диалогом: «на телефоне карточки слишком узкие», «убери всплывающее окно на мобильном». Правка коснётся только мобильного вида, настольный останется как был.
Частые вопросы
Нужна ли отдельная мобильная версия сайта?
Отдельный мобильный сайт на поддомене — устаревший подход. Сегодня одна страница подстраивается под экран, и это правильный вариант.
Какие инструменты помогают проверить?
Публичные сервисы проверки скорости дают отчёт с картинкой, но заменить живой телефон они не могут: удобство касаний и удобство формы проверяются только руками.
Как понять, что на мобильных проблема?
Загляните в аналитику: если доля отказов с телефонов заметно выше, чем с компьютеров, дело почти всегда в скорости или неудобстве формы.