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