Решение подойдет для информационных сайтов, блогов, онлайн-изданий и журналов — то есть там, где нужно максимально быстро показать контент в доступной форме, а не впечатлить дизайнерскими решениями. Также используются для статических каталогов без фильтров. Так, к примеру, делает e-Bay.
Плагины AMP есть под разные CMS — пишите в комментариях, если вам интересно прочесть полномасштабный обзор, и мы сделаем его в следующий раз 🙂
Тестирование и отладка
Фокус при тестировании — на меню, формах, ссылках и кнопках. Они должны корректно работать в разных браузерах и на мобильных устройствах. Автоматические системы проверки позволяют протестировать только часть функционала. А проверить все, включая поведение пользователя на сайте, можно только в ручном режиме.
Чек-лист по тестированию включает 4 этапа:
- юзабилити;
- совместимость;
- мобильная версия;
- бета-тестирование.
Функциональное тестирование
- Ссылки должны работать, переправлять по правильному пути; ссылки на сторонние сайты должны открываться в новой вкладке.
- На полях в формах ставим маски (позволяют избежать ошибок при вводе данных), обязательные поля проверяем на заполнение. Данные с формы поступают, формы работают. Если работаете через Chrome, советуем плагин Form Filler для автозаполнения форм при проверке — чертовски экономит время.
- Дополнительный функционал, который участвует в бизнес-логике сайта: регистрация, авторизация, добавление в корзину товара, оформление заказа — каждый этап должен быть проверен на предмет ошибок.
Usability-тестирование
Usability-тестирование — это моделирование ситуаций, при которых вы тестируете сайт «глазами» посетителя, чтобы оценить удобство и понятность работы с сайтом. По сути, это поиск проблемных мест в интерфейсе.
Также включает:
- Навигационное тестирование: все страницы понятны и просты в использовании; кнопки, ссылки, формы рабочие. Главное меню всегда доступно и удобно.
- Тестирование контента: контент информативен и написан без ошибок; изображения нормального качества и корректно выводятся.
Тестирование совместимости (конфигурационное тестирование)
Тестирование совместимости выполняется для проверки работы сайта при различных программных и аппаратных конфигурациях:
- конфигурация операционной системы. Кросс-платформенное тестирование позволяет оценивать работу при разных ОС (как десктопных, так и мобильных): Windows, iOS / Mac OS, Linux, Android и т.д.;
- конфигурация браузера. Кросс-браузерное тестирование помогает проверить правильность работы сайта в разных конфигурациях браузера: Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari и т.д.
Тестирование мобильной версии сайта
Сайт должен быть быстрым и удобным для мобильных устройств с разными размерами экрана.
Нужно проверить следующее:
- Сайт нормально отображается с смартфонов и планшетов.
- Навигация по сайту доступна и проста.
- Сайт загружается быстро даже с мобильным интернетом.
- Все кнопки можно легко нажать пальцем с первого раза.
- Размер изображений оптимизирован.
- Номер телефона и почта кликабельны.
Бета-тестирование
Бета-тестирование — это финальная стадия, когда сайт попадает в руки конечных пользователей. На этом этапе обычно вылезают неожиданные проблемы и недостатки, которые незаметны разработчику изнутри. Это позволяет исправить ошибки перед релизом продукта.
Требования к готовому продукту
№1. Валидация проверена через валидатор W3C. Все ошибки типа «error» должны быть исправлены, «warning» по возможности исправлять, но не они критичны.