Прототип, макет, вёрстка: в чём разница
Три слова, которые заказчики часто путают. Объясняем, что означает каждое, зачем нужен этот этап и что на нём проверять.
Коротко
Прототип — это схема: что где расположено. Макет — картинка готового сайта: цвет, шрифты, изображения. Вёрстка — работающая страница в браузере. Три разных этапа, и правки на каждом следующем стоят дороже.
Прототип
Чёрно-белая схема страницы: блоки, заголовки, кнопки, порядок. Без цвета и картинок — намеренно, чтобы обсуждать структуру, а не оттенки.
Что проверять: есть ли все нужные блоки, понятен ли путь до заявки, что человек увидит первым.
Стоимость правки: минуты.
Макет
Прототип, доведённый до вида готового сайта: типографика, цвет, фотографии, состояния кнопок, мобильная версия.
Что проверять: как выглядит на телефоне, что происходит с длинным заголовком, видно ли главное действие без прокрутки.
Стоимость правки: часы. Переставить блок — значит перерисовать соседние.
Вёрстка
Макет превращается в код: страница открывается в браузере, кнопки нажимаются, форма отправляется.
Что проверять: скорость загрузки, поведение на разных экранах, отправку формы, ошибки заполнения.
Стоимость правки: дороже всего. Структурное изменение здесь — это возврат к макету и переделка кода.
Как принимать каждый этап
- На прототипе смотрите на логику, а не на «серо и скучно» — так и должно быть.
- На макете открывайте мобильную версию первой.
- На вёрстке проверяйте на своём телефоне и своём интернете.
- Замечания собирайте в один список, а не присылайте по мере появления.
Хотите увидеть, как это работает?
Покажем на вашем проекте: от схемы страниц до готовой вёрстки с понятной приёмкой на каждом шаге.
Читайте дальше
Почему разработка занимает больше времени
Разбираем, куда уходит время в проекте, какие задержки зависят от заказчика и как отличить нормальное отставание от тревожного.
1 минута чтенияЧем занимается проектный менеджер
Строка «менеджмент» в смете вызывает больше всего вопросов. Разбираем, что делает PM и что происходит с проектом, когда его нет.
1 минута чтенияКак работать с подрядчиком спринтами
Спринты — не про модную методологию, а про то, чтобы видеть результат каждые две недели. Как это устроено со стороны заказчика.
1 минута чтения