Тестирование дизайна

Во время разработки

Технически существует два способа тестирования:

  1. Постраничный — открываем одну страницу одновременно в четырех разрешениях — 1920, 1024, 768, 320 пикселей.
    Этот вариант очень хорош во время создания новой страницы, чтобы сразу довести ее до конечного результата, без последующих переделок. Смысл в том, что когда мы исправляем одно, это сказывается на чем-то еще в другом разрешении.
    Одновременная проверка во всех разрешениях позволяет быть временным, что ошибок нет.
  2. Всестраничный — когда открываем все страницы сайта в разных вкладках, одновременно и проходим по ним поочередно, несколько раз.
    Этот вариант тестирования очень хорошо помогает для поиска различий, например, размер отступов в кнопках меняется, толщина шрифта в одинаковом элементе.
    Когда смотрим по 1й странице, такие различия плохо бросаются в глаза, а когда смотрим все страницы быстро листая их, такие различия хорошо видны.

Итоговый тест

  1. Открыть все страницы в разрешении 1920, исправить, если есть ошибки
    • Кликнуть иконку поиска, проверить
    • Открыть модальное окно, если есть
  2. Открыть все страницы в 1024, исправить, если есть ошибки
  3. Открыть все страницы в 768, исправить, если есть ошибки
    • Открыть мобильное меню
    • Проверить 3й уровень вложенности
    • Проверить мега меню
    • Проверить поиск
  4. Открыть все страницы в 320 , исправить, если есть ошибки

Powered by BetterDocs