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