Оценка верстки

Оценка проекта производиться "постранично". Алгоритм оценки страницы следующий:

• Для каждой страницы необходимо определить функциональные блоки.
• Для каждого блока необходимо определить: оценку в часах, требования, требования к адаптивности.
• Если блок уже встречался на какой либо из страниц ранее, необходимо определить этот блок в разделе "общие блоки" и на тех страницах где он встречается указать оценку "0". Распространенным примером таких блоков являются "хеадер" и "футер".
• Если блок определенный в "общих блоках" на странице отличается, то оценкой его на конкретной странице является внесение изменений в соответствии с "общим блоком".
• Для каждой страницы необходимо определять время на "сборку/приемку" страницы.

Особенности влияющие на оценку проекта:

• наличие поддержки ретина дисплеев;
• наличие адаптивности (количество необходимых разрешений, наличие макетов для каждого разрешения);
• поддержка старых браузеров;
• наличие svg иконок;
• наличие не стандартных шрифтов.

Пример таблицы оценки верстки проекта: здесь.

При оценке каждого блока необходимо учитывать:

• вывод (положение, оформление);
• наличие адаптации;
• наличие анимации;
• является ли блок таблицей;
• наличие анимации для строк и столбцов таблиц. Если да, трудозатраты в 2 раза больше;
• наличие фиксированных размеров для таблиц, если да то трудозатраты в 2 раза больше;
• необходимость внутреннего перестроения для таблиц. Если используется "flex", то трудозатраты в 3 раза больше. Если не используется flex, то трудозатраты в 5 раз выше;
• наличие поддержки ретины дисплеев;
• имеет ли "главный блок" фиксированную ширину или высоту;
• имеют ли элементы блока ограничения на высоту и ширину;
• наличие не стандартных шрифтов;
• наличие колонок одинаковой высоты. Если не используется "flex" - трудозатраты в 2 раза больше;
• необходимость выравнивания по высоте;
• находиться ли блок вне базового макета (лейаута).

При оценке адаптивности необходимо учитывать:

• минимальное время адаптации любого блока составляет - 30%;
• переставляется ли содержимое компонента;
• Наличие изменения высоты (поворот телефона);
• если одинаковые элементы выглядят не одинаково;
• меняет ли блок положение DOM при адаптации;
• перестраивается ли блок внутри себя при адаптации.