В цикле статей для клиентов мы разберем вопросы, возникающие в процессе разработки сайтов. Вопросы возникают практически на каждой стадии, так что начнем с самой первой.
Прототипирование
Главное заблуждение о прототипировании: его путают с дизайном, воспринимают прототип как финальный макет.
Прототип — это схематичное расположение блоков. Этакий “скелет” будущего сайта.
На этапе разработки прототипа расчерчивается будущий сайт. Блоки с контентом схематически размещаются, чтобы определить его объем, где он будет находиться, в каком порядке, какой он будет. Контент сайта это не только текст и изображения, это также формы заявки, различные блоки и функции (блок “Преимущества”, блок “Команда”, блок “Услуги”, блок с калькулятором стоимости и так далее).
Что дает прототипирование клиенту и команде
Прототип, как хороший план работ, помогает команде сделать сайт, который наиболее соответствует вашему видению с минимальным количеством доработок после сдачи проекта. Вот как прототип помогает каждому из нас (клиенту и команде) сделать сайт лучше:
- Клиенту - донести свои пожелания исполнителю и увидеть (без лишних деталей), как будет выглядеть его сайт еще до начала разработки.
- Дизайнеру - продумать UX (удобство сайта для пользователя), уже знать, что будет в блоках, останется только определиться со стилистикой, подобрать и разместить визуальный и текстовый контент (UI).
- Разработчику - уже на этапе прототипа определить, смогут ли быть технически реализованы все необходимые функции.
- Менеджеру проекта - понять запросы клиента, следить за тем, чтобы все они были выполнены в ходе работы над проектом, контролировать качество финального продукта.
- Маркетологу и бизнес-аналитику - внести правки в структуру еще до начала работ по дизайну и разработки с учетом слабых и сильных сторон конкурентов, специфики бизнеса и рабочих процессов, в которых будет участвовать сайт.
Как выгядит прототип?
Прототип может быть различной детализации. Его рисуют как от руки в блокноте, так и с отрисовкой всех элементов (в этом случае в дизайне остаётся подобрать цвет и разместить контент). Наши прототипы сугубо схематичные, без дизайна. Их рисует или дизайнер, или проектный менеджер. Вот как выглядит наш прототип:
Прототип одной из страниц сайта, в данном случае главной + другие экраны, которые могут быть на странице (формы и всплывающие окна). Прототип в том числе минималистично отражает и то, как будет функционировать сайт, по каким кнопкам будет показываться какая информация (если это предполагается).
Польза от прототипа превышает стоимость прототипа во много раз
Польза от прототипа многократно превышает свою стоимость, как этапа разработки в смете. Это происходит потому, что благодаря качественному прототипу возможно:
Прототип позволяет команде и менеджеру проекта лучше понять клиента, позволяет клиенту вносить изменения в свой сайт еще на уровне “фундамента”, решать, нравится ли ему то, что будет на сайте, еще до того, как сайт ушел в разработку.
Прототип экономит деньги клиента на правках. Вносить правки в прототип для клиента куда проще, дешевле и понятнее. Разработчики и дизайнер еще до начала работ могут предупредить, если что-то реализовать сложно или невозможно, рассмотреть варианты на замену (особенно актуально, если сайт делается на CMS, платформере типа Tilda, WordPress). Прототип минимизирует шанс возникновения ситуации, когда из-за недопонимания правки нужны в готовый сайт, на который уже потратили время разработчики и дизайнеры (а клиент — деньги).
Благодаря прототипу конечный продукт — готовый сайт — больше соответствует ожиданиям клиента. На этом этапе клиент получает реальное (и визуализированное) представление о том, как будет выглядеть и функционировать сайт еще в самом начале. Это также позволяет клиенту участвовать в принятии обоснованных решений относительно будущего дизайна, размещения контента, наличия/отсутствия каких-то функций.
На этапе создания прототипа наш бизнес-аналитик может проконсультировать клиента по поводу стоимости разработки тех или иных функций, и это помогает оптимизировать бюджет, если он ограничен. При этом прототип позволяет клиенту самому решать, какие функции и какие блоки он хочет оставить или убрать.