FAST DEV 24
Разборы сайтов · на телефоне

Что видит посетитель за первые десять секунд

Я открываю настоящие сайты малого бизнеса на телефоне и показываю, с чем сталкивается посетитель, пока не найдёт номер телефона: баннеры о куки на весь экран, первый экран с одним логотипом, кнопки, которые так и не появляются. Каждый разбор заканчивается тремя конкретными правками. Названия заведений не раскрываются: сайты общедоступны, и факты - то, что вы увидите на собственном телефоне.

Узнать цену для своего сайта Смотреть на YouTube

#1 · Бургерная в Талсе

С чем сталкивается посетитель за первые десять секунд

  1. Баннер согласия на куки закрывает весь первый экран. В нём упомянуты 1072 партнёра.
  2. Баннер закрыт. Первый экран: логотип, фото, название. Ни телефона, ни часов работы, ни адреса.
  3. Кнопка заказа появляется только после прокрутки. Часов работы и адреса всё ещё нигде нет.
  4. Дальше - рассказ о миссии и форма пожертвований. Адрес по-прежнему ниже.

Что я бы изменил

  1. Телефон, часы работы и адрес на первом экране - всё нажимаемое
  2. Одна крупная кнопка заказа над фото, а не под ним
  3. Тонкая полоса согласия внизу, а не стена текста

Названий не пишу: важны ошибки, а не владелец. Всё это видно на любом телефоне.

#2 · Бар с тако и мескалем в Талсе

С чем сталкивается посетитель за первые десять секунд

  1. Весь первый экран - один логотип. Ни адреса, ни часов работы, ни кнопки меню.
  2. Следующий экран: фото и «Наша философия». По-прежнему нет способа найти заведение или позвонить в него.
  3. Три экрана текста о философии и команде. Ни одной нажимаемой ссылки на телефон на всей странице.

Что я бы изменил

  1. Адрес, часы работы и две кнопки на первом экране: «Меню» и «Позвонить»
  2. Номер телефона, который набирается по нажатию
  3. Текст сокращён втрое; меню - выше философии

Названий не пишу: важны ошибки, а не владелец. Всё это видно на любом телефоне.

#3 · Строительная компания в Талсе

С чем сталкивается посетитель за первые десять секунд

  1. Первый экран: логотип и фото. Ни номера телефона, ни кнопки «Получить смету».
  2. Дальше - рассказ о ценностях. Безопасность, честность, командная работа. По-прежнему ни слова о том, для какой работы их можно нанять.
  3. В подвале сайта: адрес, четыре значка соцсетей. Я проверил код страницы - номера телефона нет нигде на главной.

Что я бы изменил

  1. Номер телефона и кнопка «Получить смету» на первом экране
  2. Одно предложение вверху: что вы строите и для кого
  3. Готовые проекты с фотографиями раньше рассказа о ценностях

Названий не пишу: важны ошибки, а не владелец. Всё это видно на любом телефоне.

#4 · Корейский ресторан в Калгари

С чем сталкивается посетитель за первые десять секунд

  1. Первый экран: баннер «сделано на Wix, создайте свой», значок Instagram, маленький логотип. Ни адреса, ни часов работы, ни телефона.
  2. Меню - это одна картинка. На телефоне названия блюд мельче этой подписи: чтобы прочитать цену, приходится увеличивать и двигать изображение.
  3. Раздел контактов: форма с именем, почтой и сообщением. Чтобы забронировать столик, нужно написать письмо и ждать.
  4. В самом низу - номер телефона обычным текстом. Я проверил код: по нажатию номер не набирается.

Что я бы изменил

  1. Адрес, часы работы и кнопка звонка по касанию на первом экране
  2. Меню текстом, читаемым на телефоне, с ценами
  3. Собственный домен и без баннера «создайте свой» над названием заведения

Названий не пишу: важны ошибки, а не владелец. Всё это видно на любом телефоне.

Первый экран сайта на телефоне
Первый экран на телефоне.

#5 · Парикмахерская в Спрингфилде

С чем сталкивается посетитель за первые десять секунд

  1. Открывается в компьютерной вёрстке, сжатой в 2,5 раза под экран телефона. Весь сайт - один экран. Меню мельче этой подписи.
  2. Телефон, почта и адрес стоят под фото мелким шрифтом. Нажимаете на номер - ничего не происходит. Это обычный текст, а не ссылка.
  3. Левая колонка: шесть логотипов брендов средств для волос, каждый крупнее всего, что салон говорит о себе. Кнопки записи нет нигде.

Что я бы изменил

  1. Мобильная вёрстка: читаемый текст, без масштабирования пальцами
  2. Номер телефона, который набирается по нажатию, адрес, который открывает карту
  3. Одна кнопка записи на первом экране; логотипы брендов - ниже рассказа о самом салоне

Названий не пишу: важны ошибки, а не владелец. Всё это видно на любом телефоне.

Первый экран сайта на телефоне
Первый экран на телефоне.

#6 · Крафтовая пивоварня в Калгари

С чем сталкивается посетитель за первые десять секунд

  1. Два вопроса раньше всего остального: достигли ли вы возраста, с которого можно пить, и «любите ли вы пиво?» с формой для почты. Ни адреса, ни часов работы.
  2. Всплывающее окно закрыто. Весь первый экран занимает проверка возраста: ДА или НЕТ. Нажмёте НЕТ, и сайт отправит вас в Google.
  3. После проверки: фото пивного зала и две кнопки, «Меню» и «Заказать». Адрес, часы работы и телефон стоят в самом низу.
  4. Внизу страницы - номер телефона обычным текстом, не ссылкой. Я проверил код: по нажатию он не набирается.

Что я бы изменил

  1. Адрес, часы работы и номер для звонка по касанию прямо на первом экране
  2. Один вопрос за раз: сначала только проверка возраста, рассылка - позже
  3. Часы работы зала рядом с кнопкой заказа, а не внизу

Названий не пишу: важны ошибки, а не владелец. Всё это видно на любом телефоне.

Первый экран сайта на телефоне
Первый экран на телефоне.

#7 · Бутик красоты в Калгари

С чем сталкивается посетитель за первые десять секунд

  1. Первый экран: полоса со скидкой, логотип, одна кнопка записи. Ни адреса, ни часов работы, ни телефона. Что это и где - ниже.
  2. Дальше - два длинных абзаца по центру про «путь» и «неповторимые впечатления»: двадцать строк до первой фотографии, и ни одной цены в поле зрения.
  3. Три экрана вниз: «Позвоните или напишите» и номер обычным текстом. Я проверил код: это не ссылка, номер не набирается.

Что я бы изменил

  1. Адрес, часы работы и номер для звонка по касанию на первом экране, рядом с кнопкой записи
  2. Рассказ сокращён до трёх строк; фото и цены - сразу вверху
  3. Номер телефона, который набирается, и часы работы, за которыми не нужно листать три экрана

Названий не пишу: важны ошибки, а не владелец. Всё это видно на любом телефоне.

Первый экран сайта на телефоне
Первый экран на телефоне.

#8 · Сидроварня в Оклахома-Сити

С чем сталкивается посетитель за первые десять секунд

  1. Первый экран: логотип, надпись «Выберите страницу», оставшаяся от шаблона, логотип ещё раз, проверка возраста и баннер про куки. Ни адреса, ни часов работы.
  2. После проверки: логотип в третий раз, заголовок и стена текста про сидр без глютена. Нажать на этом экране не на что.
  3. Часы работы, адрес и телефон стоят в самом конце, через семь экранов вниз. Номер набран обычным текстом: по нажатию он не звонит.

Что я бы изменил

  1. Адрес, часы работы и номер для звонка по касанию на первом экране, сразу под проверкой возраста
  2. Один логотип вместо трёх; убрана оставшаяся от шаблона надпись «Выберите страницу»
  3. Кнопка «Как нас найти» с картой и часами работы вместо семи экранов прокрутки

Названий не пишу: важны ошибки, а не владелец. Всё это видно на любом телефоне.

Первый экран сайта на телефоне
Первый экран на телефоне.

#9 · Кафе в Сиднее

С чем сталкивается посетитель за первые десять секунд

  1. Первый экран: название дважды, строка «Добро пожаловать в», полоса подписки на рассылку. Ни адреса, ни часов работы, ни телефона. Ничто не говорит, где это и когда открыто.
  2. «Закажите по телефону», - написано на сайте. Самого номера здесь нет. Кнопка ведёт на отдельную страницу контактов.
  3. Три экрана вниз: наконец адрес, часы работы и номер телефона. Номер - обычный текст: по нажатию он не набирается.

Что я бы изменил

  1. Адрес, часы работы и номер для звонка по касанию на первом экране
  2. Одно название вверху, а не два, и без полосы подписки
  3. Номер телефона прямо рядом с «закажите по телефону» - ссылкой, которая сама набирает номер

Названий не пишу: важны ошибки, а не владелец. Всё это видно на любом телефоне.

Первый экран сайта на телефоне
Первый экран на телефоне.

#10 · Гастромаркет в Оклахома-Сити

С чем сталкивается посетитель за первые десять секунд

  1. Первый экран: фото, надпись «Ешь, пей, повторяй», две кнопки заказа. Ни адреса, ни часов работы, ни телефона.
  2. Часы работы? На главной их нет вовсе. За кнопкой меню прячется отдельная страница «Адрес & часы».
  3. Четыре экрана вниз, в подвале сайта: адрес и телефон обычным текстом. Я проверил код: номер не ссылка, он не набирается.

Что я бы изменил

  1. Адрес, часы работы и номер для звонка по касанию на первом экране
  2. Часы работы прямо на главной, а не на отдельной странице за меню
  3. Номер телефона, который набирается, и ссылка на карту, которая открывает маршрут

Названий не пишу: важны ошибки, а не владелец. Всё это видно на любом телефоне.

Первый экран сайта на телефоне
Первый экран на телефоне.

#11 · Кафе в Манчестере

С чем сталкивается посетитель за первые десять секунд

  1. Первый экран: логотип, надпись «расслабьтесь, ешьте, наслаждайтесь», кнопка меню. Ни адреса, ни часов работы, ни телефона. Страница весит 21 МБ.
  2. Четыре абзаца о покое и уюте, затем картинка с надписью «Нажмите, чтобы открыть наше меню». Часов работы и адреса по-прежнему нет.
  3. Внизу: заказ через Just Eat или Deliveroo, адрес мелким шрифтом. Я проверил код: номера телефона нет нигде на странице.

Что я бы изменил

  1. Адрес, часы работы и номер для звонка по касанию на первом экране
  2. Меню текстом на странице, а не картинкой, которую надо открывать
  3. Собственная кнопка заказа или брони раньше приложений доставки

Названий не пишу: важны ошибки, а не владелец. Всё это видно на любом телефоне.

Пять вещей, которые я проверяю

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

Номер телефона на первом экране

Не в подвале сайта и не за кнопкой меню. Если, чтобы узнать, как вам позвонить, нужно листать страницу, часть посетителей этого не сделает.

Номер, который набирается по нажатию

Цифры, набранные обычным текстом, нельзя нажать. Правильная телефонная ссылка открывает набор номера одним касанием; я проверяю это по коду.

Часы работы и адрес раньше рассказа о заведении

Рассказ о миссии может подождать. А вот открыты ли вы прямо сейчас и где вас искать - ждать не может.

Одна понятная кнопка

Заказать, записаться, позвонить: одно действие, достаточно крупное для пальца, видимое без прокрутки. Три одинаково заметные кнопки - это ни одной.

Ничего не закрывает первый экран

Баннер согласия на куки или всплывающее окно с подпиской на весь экран отправляют посетителя восвояси раньше, чем он хоть что-то увидел.

Как устроен разбор

Оценок «нравится - не нравится» здесь нет. Каждый пункт можно проверить на собственном телефоне за десять секунд.

Настоящее окно размером с телефон

Сайт открывается в окне 390 на 844 пикселя - размер обычного телефона, сайт видит его как телефонный браузер и полностью догружается, прежде чем начинается запись.

Запись и есть доказательство

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

Код читаем, а не угадываем

Когда я говорю, что нажимаемой ссылки на телефон нет, я искал её в коде страницы. Когда я говорю, что баннер называет 1072 партнёра, я взял это число с самого баннера.

Название заведения не раскрывается

Смысл в закономерности, а не в конкретном владельце. Если разбор оказался о вашем сайте и вы хотите, чтобы его убрали, достаточно одного письма.

Хотите так же проверить свой сайт?

Пришлите адрес. Небольшая правка - два часа по фиксированной цене ($30 за новый первый экран, $40 за исправление мобильной версии); я покажу её на тестовом адресе, и вы платите после того, как увидели её в работе. Новая страница будет в сети за 24 часа по тем же правилам. В любом случае цену вы узнаете до начала любой работы.

Узнать фиксированную цену Посмотреть мои работы