И так, сайт создали, дизайн сайта крутой и привлекательный, что дальше? Предлагаем вам чек-лист проверки своего сайта, который мы практикуем минимально для проверки сайтов на актуальность, в нашей украинской студии дизайна orlova.agency.
Немного о важном. Чтобы заинтересовать пользователя услугой или товаром, у вас есть не более 20 секунд (это усредненная статистика взята из аналитики посещаемости сайтов). Если пользователь перешел с главной страницы сайта дальше, это уже 50% успеха. Но этот успех может быть нивелирован одной единственной ошибкой или ошибками, которые не были проверены до того, как сайт запустили в рекламу.
Тестирование сайта – задача для тестировщика. Но что делать, если в данный момент тестировщика нет? Даем чек-лист, пройдясь по которому, вы протестируете сайт достаточно хорошо, чтобы не бояться потерять потенциальных клиентов из-за его неправильной работы.
Шаг первый – Проверьте каждую страницу сайта. Начните с проверки соответствия сайта макету дизайна. Существенные, и даже не слишком существенные отступы, недопустимы.
Кроме того, проверьте, чтобы все ссылки на сайте были рабочими, и вели туда, куда нужно, чтобы они вели. Очень часто ссылки на страницы в социальных сетях ведут не туда, или частично не работает внутренняя перелинковка.
Крайне желательно проверить сайт с Android и iOS устройств. И обязательно просмотреть сайт во всех популярных браузерах. То, что работает в Chrome может некорректно работать в любом другом браузере.
Обратите внимание крутятся ли слайдеры, корректно ли раскрываются “гамбургеры” (так в последнее время называют символ меню сайта), правильно ли отображаются шрифты и заголовки. Не забудьте проверить корректно ли работает локализация (если она есть), и что важно – включите блокировщик рекламы, и убедитесь, что сайт “не поплыл” из-за его работы.
Возможно ли использовать автотесты?
На сегодняшний день разработано немало решений для автоматического тестирования сайта. Проверить можно, как дизайн самого ресурса, так и его код.
В этом случае инструментами тестирования выступают браузеры, устройства, а также эмуляторы (самые популярные из них: BrowserStack, LambdaTest, Browsera, BrowserShots).
В каждый браузер встроена Консоль Разработчика. С ее помощью можно увидеть ошибки JavaScript, оговорить с разработчиком оптимизацию кода, некоторых изображений и шрифтов.
Валидация кода – отдельный пункт на который нужно обратить внимание. В Сети достаточно валидаторов, чтобы код любого сайта можно было проверить на соответствие стандартам HTML/CSS.
Не меньше внимание уделите веб-формам, как одной из самых уязвимых частей сайта. В веб-формах обязательны к проверке: подписи к полям, фиксация данных в базе (если это необходимо), информация об ошибках при заполнении форм должна отображаться корректно, а письма о заполнении форм должны приходить на почту и иметь читаемый вид.
Мы не рекомендуем откладывать тестирование сайта или “решать проблемы по мере их поступления”, так как это негативно сказывается на прибыли и на репутации.
