Каждый аудит веб-дизайна и разработки, который мы проводим, начинается в одном и том же негламурном месте: мы проверяем, можно ли вообще измерить сайт. Не дизайн, не время загрузки, не текст. Сначала аналитика. Причина проста. Если цифры неверны, любой другой вывод в отчете — это догадка, замаскированная под рекомендацию, и последующий редизайн будет оправдан данными, которые никто не может защитить. Мы открывали аккаунты, где половина трафика была собственными сотрудниками клиента, где оформление заказа отслеживалось дважды, и где тег был молча сломан после обновления темы девять месяцев назад. В каждом случае команда все это время принимала решения на основе этих цифр.
Порядок аудита намерен, и мы не меняем его, чтобы угодить тому, кто громче всех кричит на установочном звонке. Измерение, затем скорость, затем краулинговая доступность, затем путь конверсии, затем доступность, затем контент. Каждый этап дает выводы, которые меняют то, как вы читаете следующий. Страница, которая выглядит как катастрофа конверсии, часто оказывается артефактом отслеживания. Страница, которая выглядит медленной, часто оказывается медленной только для подмножества устройств, которые случайно составляют большинство ваших покупателей. Работа в этом порядке не дает вам исправлять симптом проблемы, которую вы еще не нашли.
Этап первый: говорит ли измерение правду
Мы проверяем, что аналитика срабатывает один раз на страницу, что внутренний трафик отфильтрован, что ключевые события соответствуют реальным бизнес-результатам, и что значения совпадают с тем, что записал бэк-офис. Затем более тихие ошибки: сессии, разделяющиеся по поддоменам, реферальный трафик от платежного провайдера, которому приписывается каждая продажа, обработка согласия, которая блокирует сбор для большой части посетителей. Исправление этого обычно меняет картину настолько, что существующие приоритеты требуют переписывания.
Мы также смотрим на то, что не измеряется. Формы, которые отправляются без события. Телефонные нажатия на мобильных устройствах. Чат-разговоры, которые конвертируются офлайн. Сайт может хорошо работать способами, которые никогда не попадают в отчет, и команды редко защищают бюджеты на вещи, которые они не видят.
Скорость и какие ее части важны
Работа со скоростью — это то, где аудиты тратятся впустую. Легко составить длинный список улучшений, которые двигают оценку, не двигая клиента. Мы измеряем на реальных профилях устройств и качестве соединения, которое действительно использует аудитория, а затем фокусируемся на том, что воспринимает посетитель: сколько времени до того, как контент станет читаемым, сколько времени до того, как он ответит, и прыгают ли вещи при загрузке. Макет, который сдвигается под пальцем, — это потерянное нажатие на кнопку покупки.
Повторяющиеся виновники неудивительны. Изображения огромного размера, подаваемые в размерах для десктопа на телефоны, сторонние скрипты, за которые никто не может отчитаться, шрифты, блокирующие рендеринг, и стек плагинов, который вырос из-за накопления. В аудите веб-дизайна и разработки удаление вещей обычно дешевле и эффективнее, чем их оптимизация.
Краулинговая доступность и путь конверсии в аудите веб-дизайна и разработки
Краулинговая доступность касается того, могут ли поисковые системы достигать, читать и понимать страницы, которые важны коммерчески. Мы проверяем страницы, заблокированные по ошибке, дубликаты версий, конкурирующие друг с другом, канонические сигналы, противоречащие внутренней перелинковке, и покрытие карты сайта, которое тихо перестало включать целый тип контента. Последнее встречается часто и не вызывает ошибок нигде. Карта сайта генерируется чисто. Просто в ней отсутствует раздел.
Этап пути конверсии — это прохождение, а не таблица. Мы проходим основной путь на телефоне, как посетитель впервые, с терпением, которое было бы у незнакомца. Где мы колебались, где обещание изменилось, где форма просила что-то, что ей не нужно. Затем мы сравниваем это с аналитикой, чтобы увидеть, находится ли отток там, где есть трение.
- Навигация с клавиатуры по всему основному пути, включая любые оверлеи или баннеры с куки.
- Цветовой контраст основного текста, кнопок и меток форм, как в светлом, так и в темном представлении.
- Поля форм с реальными метками, а не с текстом-заполнителем, который исчезает при фокусе.
- Заголовки, используемые как структура, а не как способ изменить размер шрифта.
- Изображения с замещающим текстом, который описывает контент, а не имя файла.
Выводы по доступности — это не отдельное моральное упражнение. Большинство из них — это выводы по удобству использования, которые случайно оказываются и юридическим риском. Форма, которая сложна для программы чтения с экрана, обычно сложна для отвлеченного человека в поезде. Мы сообщаем о них вместе со всем остальным, а не в отдельном приложении, которое откладывается навсегда.
Контент идет последним, потому что он оценивается по сравнению со всем вышеперечисленным. Тонкие страницы, которые существуют только для того, чтобы содержать ключевое слово, страницы услуг, описывающие процесс вместо результата, дублирующиеся описания в ассортименте продукции. Мы также отмечаем, чего не хватает: вопрос, который покупатель задает в звонке по продажам, который нигде не появляется на сайте.
Какие выводы обычно окупаются
Коммерчески порядок окупаемости довольно постоянен на сайтах, которые мы видим. Сначала сломанное или вводящее в заблуждение измерение, потому что оно меняет каждое последующее решение и не стоит ничего, кроме внимания, чтобы исправить. Затем путь конверсии, потому что небольшое трение на странице, которая уже получает квалифицированный трафик, немедленно конвертируется в доход. Затем ошибки краулинговой доступности, которые удерживают доходные страницы вне индекса. Скорость и доступность важны и должны быть запланированы, но они редко дают такой скачок, как исправленная корзина или восстановленный раздел категорий. Полезный аудит веб-дизайна и разработки говорит об этом прямо и ставит дорогую, медленную, удовлетворяющую работу туда, где ей место, то есть после дешевой работы, которая окупается в этом квартале.
Читать далее: Веб-дизайн и разработка · Веб-дизайн