Как протестировать макет сайта?

Question

[Алексей Иванов]

По обучению задали такое задание:
Ознакомьтесь с макетом лендинга, который принес наш дизайнер. (Если вы делаете это задание не первый раз, напишите другие замечания или вопросы.)
Укажите неточности, которые есть в макете, заведите баг-репорты.
https://www.figma.com/file/blEJlNW8xG8GMaeg6hILSM/...
Что с ним надо делать? На курсах такого даже не проходили, но это аттестация и говорят делай как хочешь( Подскажите как его тестировать?( в описании все условия что нам дали больше ничего нет)

Comments

[Василий Банников]

Ну сказано же - найди неточности/неоднозначности/дефекты.

Заведи баг репорт для каждого.
Раз мы тестируем макет, то на данные можно не обращать внимание (по идее). Можно обратить внимание на опечатки, которые не связаны с фейковыми данными.

К примеру из очевидного:
1. У одной из категорий нет иконки
2. Странная иконка у категории игрушек
3. Вроде тут показан экран с тз пользователя, который не вошёл, но при этом справа в углу показан портрет либо наоборот - пользователь вошёл, но ему всё ещё предлагают залогиниться.
4. Панели с фильтрами странно выровнены друг относительно друга
5. Свёрнутый и развёрнутый фильтр имеют сильно различающуюся стилистику
6. Блоки с товарами имеют различающиеся выравнивание,
7. У выделенного блока часть текста не влезла в блок

Answer 1

[Vladisalv Kolesnikov]

Ну ведь тебя открытым текстом просят глянуть "Укажите неточности, которые есть в макете, заведите баг-репорты." и дать свой вердикт - сверить цветовые гаммы, сверить шрифты, проверить наличие всех элементов и т. д.

Answer 2

[Олеся]

Привет) UPD: после написания комментария поняла, что вопрос был в другом. но удалять не буду, вдруг пригодится) для тестирования верстки можно использовать devTools и PerfectPixel
Для начала тебе нужно установить PerfectPixel
Потом экспортировать макет их фигмы Далее проделываешь эти действия

желтым отметила то, как будет выглядеть разница в верстке и макете

Также в фигме можно перейти в режим разработчика и смотреть на размеры/шрифты