Модуль 04
Проверка и подготовка к внедрению
Проверьте работу сайта и подготовьте изменения к внедрению
В предыдущих модулях вы разобрали, как представить своё предложение, помочь посетителю разобраться в услугах и сделать обращение в компанию более понятным и удобным. Теперь осталось проверить, может ли человек без затруднений отправить заявку с телефона, и собрать все подготовленные изменения в единый план.
Это заключительный этап практикума.
- Результаты проверки мобильной версии сайта.
- Список обнаруженных ошибок, если они есть.
- Итоговую проверку сайта по всем 12 вопросам диагностики.
- План изменений с приоритетами и ответственными за выполнение.
Вам не потребуются специальные технические знания. Важно определить, что именно работает неудобно, на какой странице возникает проблема и какое изменение необходимо внести.
Проверьте, можно ли отправить заявку с телефона
Сайт, который хорошо выглядит на компьютере, может работать иначе на телефоне.
Например, на мобильной версии:
- Кнопка обращения может оказаться слишком маленькой.
- Всплывающее окно может перекрывать форму.
- Поля могут выходить за границы экрана.
- Мобильная клавиатура может закрывать кнопку отправки.
В результате человек может заинтересоваться предложением, но не суметь завершить обращение. Поэтому недостаточно просто посмотреть, как выглядит мобильная версия. Важно самостоятельно пройти весь путь посетителя: от знакомства с предложением до успешной отправки заявки.
Человек должен иметь возможность найти нужную услугу и выполнить основное действие с телефона без дополнительных затруднений.
Что необходимо проверить
1.Отображение страниц
Откройте сайт с телефона и просмотрите основные страницы. Обратите внимание на тексты, изображения, карточки и другие элементы.
Проверьте:
- Удобно ли читать тексты без увеличения?
- Помещается ли содержание в пределах экрана?
- Не перекрывают ли элементы друг друга?
- Не приходится ли прокручивать страницу в стороны?
Пример
На компьютере карточки услуг расположены в три колонки. На телефоне они должны перестроиться так, чтобы текст и изображения оставались удобными для просмотра. Если карточки просто уменьшаются вместе со всем содержимым и текст становится слишком мелким, это проблема мобильной версии.
2.Меню и навигация
Попробуйте открыть меню и перейти к основной услуге. Проверьте, удобно ли нажимать на пункты меню и работают ли переходы. Если на сайте есть выпадающие списки, убедитесь, что их можно открыть с телефона.
Пример
На компьютере услуги доступны через выпадающее меню, которое открывается при наведении курсора. На телефоне наведение невозможно. Поэтому меню должно открываться при нажатии или другим доступным способом.
Если у вас закреплённое меню, убедитесь, что оно не перекрывает содержание страницы.
3.Кнопки и ссылки
Найдите основную кнопку обращения, которую вы проверяли в третьем модуле.
Убедитесь, что:
- На неё удобно нажимать пальцем.
- Она не расположена слишком близко к другим элементам.
- После нажатия открывается нужная страница, форма или сервис.
- Кнопка не перекрывается другими элементами.
Пример
На странице услуги есть кнопка «Обсудить проект». На компьютере она открывает форму обращения, а на телефоне не реагирует на нажатие. В таком случае необходимо исправить работу кнопки именно в мобильной версии.
4.Формы обращения
Откройте основную форму сайта и попробуйте заполнить каждое поле с телефона.
Обратите внимание на следующие моменты:
- Удобство ввода. Можно ли нажать на поле и ввести информацию с мобильной клавиатуры?
- Доступность элементов. Не закрывает ли клавиатура другие поля или кнопку отправки?
- Понятность ошибок. Если обязательное поле осталось пустым, понятно ли, что необходимо исправить?
- Отправка. Можно ли нажать кнопку и успешно завершить обращение?
Например, если форма требует номер телефона, но не позволяет ввести его в нужном формате, человек может столкнуться с ошибкой, которую не сможет самостоятельно исправить.
5.Всплывающие окна и закреплённые элементы
На мобильной версии особое внимание стоит уделить элементам, которые появляются поверх страницы.
Это могут быть:
- Всплывающие формы.
- Баннеры.
- Окна с предложениями.
- Закреплённые кнопки связи.
- Другие дополнительные панели.
Проверьте, можно ли закрыть всплывающее окно и не перекрывает ли оно важную информацию.
Пример
Посетитель открывает форму обращения, но внизу экрана находится закреплённая панель, которая перекрывает кнопку «Отправить». Даже если сама форма работает правильно, воспользоваться ею может быть затруднительно.
6.Успешная отправка заявки
Это самая важная часть проверки. Заполните форму собственными данными и отправьте тестовое обращение.
Убедитесь, что:
- Форма действительно отправляется.
- Появляется сообщение об успешной отправке.
- Заявка поступает на электронную почту, в CRM или другой сервис, через который вы принимаете обращения.
Сообщение «Спасибо! Ваша заявка отправлена» ещё не гарантирует, что обращение действительно поступило в компанию. Поэтому проверяйте не только сообщение на сайте, но и получение заявки.
А если на вашем сайте есть дополнительные функции?
Интернет-магазин
Проверьте, можно ли с телефона выбрать товар, добавить его в корзину и перейти к оформлению заказа. Если оформление предполагает оплату, проверьте доступность перехода к оплате и дальнейшие шаги. Для тестирования используйте предусмотренный магазином тестовый режим, если он доступен.
Онлайн-запись
Проверьте выбор услуги, даты и времени. Убедитесь, что посетитель может завершить запись и получить подтверждение.
Личный кабинет
Проверьте вход и основные действия, которые должен выполнять пользователь. Например, доступ к купленному курсу или просмотру материалов.
Анимации и интерактивные элементы
Убедитесь, что они не мешают чтению, навигации и отправке обращения. Например, анимированный блок не должен перекрывать кнопку или мешать прокрутке страницы.
Необязательно проверять функции, которых нет на вашем сайте. Сосредоточьтесь на действиях, необходимых вашим клиентам.
Проверьте мобильную версию
Где проверятьОсновные страницы сайта, меню, кнопки, форма обращения и дополнительные функции, если они используются.
Шаг 1Откройте сайт с телефона
Используйте обычный мобильный браузер. Начните с главной страницы и перейдите к основной услуге.
Шаг 2Пройдите путь посетителя
Последовательно выполните действия:
- 1.Найдите интересующую услугу.
- 2.Прочитайте её описание.
- 3.Найдите кнопку обращения.
- 4.Откройте и заполните форму.
- 5.Отправьте тестовую заявку.
Если ваш сайт предназначен для покупки или онлайн-записи, проверьте соответствующий путь.
Шаг 3Зафиксируйте обнаруженные проблемы
Для каждой ошибки запишите:
- Страницу, на которой она возникает.
- Элемент, который работает неправильно.
- Проблему, с которой сталкивается посетитель.
- Необходимое исправление.
Например:
| Где на сайте | Проблема | Что исправить |
|---|---|---|
| Главная страница, первый экран | Кнопка слишком маленькая | Увеличить размер кнопки на мобильной версии |
| Страница «Услуги» | Карточки выходят за границы экрана | Исправить расположение карточек |
| Форма обращения | Кнопка отправки перекрывается панелью | Изменить расположение элементов |
| Мобильное меню | Не открывается список услуг | Исправить работу меню |
Если проблему сложно описать словами, сделайте скриншот или короткую запись экрана. Это поможет объяснить её специалисту.
Шаг 4Проверьте получение заявки
После тестовой отправки убедитесь, что обращение действительно поступило в компанию. Если заявка не пришла, зафиксируйте это как отдельную ошибку, даже если на сайте появилось сообщение об успешной отправке.
Проверенный путь к обращению с телефона и список конкретных ошибок, которые необходимо исправить.
Проверьте сайт по 12 вопросам
Вы завершили четыре модуля и разобрали основные элементы сайта, которые помогают посетителю познакомиться с предложением, оценить компанию и перейти к обращению.
Теперь вернитесь к результатам диагностики и проверьте все 12 пунктов. Отметьте те, которые уже выполнены на вашем сайте. Если какой-то пункт требует доработки, используйте подготовленные в соответствующем модуле материалы.
Итоговый чек-лист
- 01. Понятно ли из текста первого экрана, чем занимается компания?
- 02. Понятно ли посетителю сайта, с какой конкретной задачей он может к вам обратиться?
- 03. Легко ли найти нужную услугу на сайте?
- 04. Может ли клиент понять, что именно он получит, заказав вашу услугу?
- 05. Понятно ли посетителю, почему ему стоит обратиться именно к вам?
- 06. Есть ли на сайте реальные подтверждения качества работы?
- 07. Есть ли на странице одно приоритетное целевое действие?
- 08. Понятно ли, что произойдёт при нажатии на основную кнопку?
- 09. Легко ли перейти к обращению после изучения услуги?
- 10. Понятно ли, что произойдёт после отправки заявки?
- 11. Запрашивает ли форма только необходимые данные?
- 12. Можно ли без затруднений отправить заявку с телефона?
Если все пункты выполнены, значит, вы проверили основные элементы сайта, которые рассматривались в практикуме. Если некоторые пункты остались без отметки, переходите к следующему этапу – составлению плана изменений.
Составьте план внедрения изменений
Во время практикума вы могли подготовить новые заголовки, описания услуг, преимущества, тексты кнопок и формы обращения. Возможно, вы также обнаружили ошибки в навигации или мобильной версии.
Теперь важно собрать эти результаты в одном месте, чтобы понимать, что необходимо изменить и с чего начать.
Шаг 1Соберите все изменения
Просмотрите результаты практических заданий из четырёх модулей. Выпишите только те изменения, которые действительно нужны вашему сайту.
Например:
- Заменить заголовок первого экрана.
- Уточнить описание основной услуги.
- Добавить фотографии выполненных проектов.
- Изменить текст кнопки.
- Исправить мобильную форму.
Необязательно выполнять все рекомендации практикума, если часть элементов уже работает правильно.
Шаг 2Определите приоритет изменений
Не все изменения одинаково важны. Чтобы понять, с чего начать, учитывайте результаты бесплатной проверки сайта и то, насколько обнаруженные проблемы мешают посетителям пользоваться сайтом.
Если вы проходили бесплатный тест, вернитесь к его результатам. В первую очередь обратите внимание на три приоритетные рекомендации, которые были определены с учётом выбранной вами цели.
При этом некоторые ошибки необходимо исправлять независимо от результатов теста. Например, если на сайте не работает форма заявки, посетители не смогут отправить обращение, даже если остальные элементы оформлены правильно.
Чтобы составить план работ, разделите изменения на три группы.
Высокий приоритетИсправить в первую очередь
Сюда относятся ошибки, которые мешают посетителю выполнить основное действие на сайте, а также важные проблемы, которые вы решили устранить в первую очередь с учётом результатов диагностики.
Например:
- Не работает кнопка обращения.
- Не отправляется форма заявки.
- Невозможно оформить заказ.
- На телефоне важные элементы перекрывают друг друга.
- Из первого экрана непонятно, чем занимается компания, и эта проблема входит в ваши приоритетные рекомендации.
Средний приоритетУлучшить основные элементы сайта
Сюда можно отнести изменения, которые помогут посетителям разобраться в предложении, найти нужную информацию и оценить компанию, но не требуют первоочередного исправления.
Например:
- Уточнить описание основной услуги.
- Сделать названия разделов меню понятнее.
- Конкретнее объяснить преимущества компании.
- Добавить информацию о том, что произойдёт после отправки заявки.
Низкий приоритетДополнительные улучшения
Это изменения, которые могут сделать сайт удобнее или информативнее, но не связаны с основными обнаруженными проблемами.
Например:
- Уточнить отдельные формулировки.
- Добавить новые примеры работ к уже существующему портфолио.
- Улучшить оформление дополнительных элементов.
Эти группы – ориентир для составления плана, а не универсальная оценка всех сайтов. Одна и та же проблема может иметь разный приоритет в зависимости от целей бизнеса, состояния сайта и результатов диагностики. Если вы не проходили бесплатный тест, определите порядок изменений самостоятельно, ориентируясь на то, насколько каждая проблема мешает посетителю выполнить основное действие.
Шаг 3Определите, кто будет вносить изменения
Часть задач вы можете выполнить самостоятельно через редактор сайта.
Например:
- Заменить заголовок.
- Обновить описание услуги.
- Добавить фотографию.
- Изменить текст кнопки.
Другие изменения могут потребовать помощи специалиста.
Например:
- Исправление работы формы.
- Настройка переходов и интеграций.
- Изменение поведения мобильного меню.
- Исправление сложных ошибок отображения.
Необязательно самостоятельно разбираться в технической реализации. Если вы можете точно описать проблему, её расположение и ожидаемый результат, у вас уже есть основа для постановки задачи специалисту.
Шаг 4Соберите итоговую таблицу
Используйте простую структуру:
| Страница и блок | Что необходимо изменить | Приоритет | Кто выполняет |
|---|---|---|---|
| Главная → первый экран | Заменить заголовок на подготовленный в модуле 01 | Средний | Самостоятельно |
| Страница «Услуги» → описание | Добавить перечень работ | Средний | Самостоятельно |
| Страница «Проекты» | Добавить фотографии и описание проекта | Низкий | Самостоятельно |
| Главная → форма обращения | Исправить отправку заявки | Высокий | Специалист |
| Мобильное меню | Исправить открытие списка услуг | Высокий | Специалист |
Эту таблицу можно вести в заметках, документе или электронной таблице – выбирайте удобный для себя способ. Если вы передаёте задачу специалисту, добавьте к ней подготовленный текст, ссылку на страницу или скриншот ошибки.
Единый список необходимых изменений, в котором понятно, что нужно сделать, где именно, насколько это важно и кто будет выполнять задачу.
Что делать после внедрения изменений
После того как вы обновите сайт, проверьте изменённые элементы ещё раз.
Например:
- Если заменили заголовок, убедитесь, что он корректно отображается на компьютере и телефоне.
- Если добавили описание услуги, проверьте его расположение и читаемость.
- Если изменили кнопку, нажмите на неё и убедитесь, что переход работает.
- Если исправили форму, отправьте тестовую заявку и проверьте её получение.
Необязательно заново проходить весь практикум после каждого небольшого изменения. Но если вы существенно обновили структуру сайта или способ обращения, полезно повторно пройти соответствующие пункты чек-листа.
Вы завершили практикум!
За четыре модуля вы разобрали 12 вопросов, которые помогают оценить, насколько понятно и удобно устроен ваш сайт.
- Проверенные заголовки и описания предложения.
- Понимание того, как представлены услуги, преимущества и подтверждения качества.
- Проверенный путь от знакомства с предложением до обращения.
- Результаты тестирования мобильной версии.
- Конкретный план изменений для самостоятельного внедрения или передачи специалисту.
Возможно, ваш сайт уже хорошо справляется с большинством задач. В таком случае результат практикума – понимание того, какие элементы не требуют изменений, а на чём действительно стоит сосредоточиться.
Главное – теперь у вас есть не просто список рекомендаций, а конкретные действия, которые можно выполнить на своём сайте.
Нужна помощь с вашим сайтом?
В практикуме мы разобрали 12 распространённых проблем, которые могут мешать посетителям разобраться в предложении и обратиться в компанию. Но у каждого сайта есть свои особенности, связанные с продуктом, аудиторией, структурой и задачами бизнеса.
Возможно, во время работы вы обнаружили вопросы, которые не удалось решить самостоятельно, или хотите получить профессиональную оценку подготовленных изменений. В таком случае можно обратиться за индивидуальной консультацией.
Мы рассмотрим ваш сайт, обсудим задачи бизнеса и определим, какие изменения стоит внести с учётом особенностей вашего проекта.
Узнать об индивидуальной консультации →