Дизайн и конверсия

Как проверить сайт на мобильном устройстве?

Елена, Волгоград 733 просмотров

Заказала лендинг для студии эпиляции, на компьютере выглядит отлично, а вчера открыла с телефона и увидела наползающие друг на друга блоки. Как теперь проверять сайт на мобильных, чтобы такие вещи ловить самой, не дожидаясь жалоб клиентов?

Дмитрий Акиндинов разработчик лендингов, 15 лет практики

ответил

Быстрый способ без телефона под рукой - режим устройств в Chrome DevTools: откройте сайт в Chrome, нажмите Ctrl+Shift+M или F12 и переключитесь на вкладку с иконкой телефона. Браузер покажет страницу в размерах разных моделей и позволит сразу увидеть, где текст вылезает за границы блока или кнопка перекрывает соседний элемент.

Этого достаточно для быстрой проверки на этапе правок, но окончательное решение всегда должен давать настоящий телефон, а не эмуляция в браузере. DevTools имитирует размер экрана, но не повторяет точно реальный рендеринг шрифтов, скорость касаний и поведение мобильного браузера - Safari на iPhone и Chrome на Android нередко по-разному обрабатывают одни и те же стили.

Проверять стоит минимум на двух устройствах: одном iPhone и одном Android, желательно не самой новой модели - именно на бюджетных телефонах с небольшим экраном чаще всего вылезают наползающие блоки и мелкий нечитаемый текст. Если своих устройств под рукой нет, попросите знакомых открыть сайт и прислать скриншот - для лендинга это займёт пять минут.

Отдельно проверьте кнопки заявки и мессенджеров: на телефоне палец крупнее курсора мыши, и элемент, который на компьютере кажется достаточно большим, на экране 5-6 дюймов может промахиваться при нажатии. Именно из-за таких мелочей лендинг, идеальный на мониторе дизайнера, в реальности теряет часть заявок с телефонов - а это большинство трафика для локальных услуг вроде студии эпиляции.

Подробный разбор Кроссбраузерность лендинга: как проверить на всех устройствах
Не нашли свой вопрос

Задайте его напрямую

Отвечаю сам, на почту, обычно в тот же день. Разбор самых частых вопросов потом попадает в этот раздел.

Похожие вопросы

Все вопросы темы "Дизайн и конверсия"

Помогу выбрать

Сомневаетесь — напишите, разберёмся за 10 минут

Расскажете про ваш бизнес и задачу — подскажу, что нужно: лендинг, многостраничник или вообще не сайт. Без обязательств, бесплатно.

Отвечаю в течение 15 минут в рабочее время (будни 11:00–20:00 МСК). Если удобнее e-mail: 9123578@gmail.com

Telegram TG MAX MAX Звонок