Как создать ТЗ на сайт, чтобы в итоге получить желаемое?

Вы решили заказать разработку своего сайта — определились с его типом, выбрали подрядчика, согласовали вилку сметы и этапы работы, продумали общий смысл текстов для страниц и рубрик, подобрали понравившиеся фотографии и рисунки…как теперь объяснить дизайнеру и составить задание для программиста, чтобы ваш будущий сайт выглядел также, как видите его вы у себя в голове?
Именно для этих случаев существует такой инструмент, как прототипирование.

Главный минус классического текстового технического задания в том, что это — текст. Составляя его, заказчик представляет свой будущий сайт одним образом, а дизайнер, читая эти же предложения, рождает в своем творческом воображении совсем другие «картинки». Не каждый заказчик обладает навыками образного изложения своих идей. Подавляющее большинство и вовсе не владеет необходимой терминологией. В итоге общение заказчика с исполнителем часто напоминает первую встречу испанских мореплавателей с туземным населением Южной Америки.

Прототип же позволяет увидеть свой будущий сайт в виде простых понятных блоков и наглядных схем. Слава богу, видят клиенты и разработчики почти всегда одинаково.
Структура прототипа сайта содержит в себе два типа изображений:

  • блок схема — отражает общую логику расположения страниц сайта или приложения, места текстовых блоков, форм и кнопок.
  • прототипы страниц — фронтальная схема расположения всех графических элементов и блоков текста на каждой странице. Этот же тип прототипа можно использовать для разработки файлов электронной презентации или макетов классических печатных буклетов, брошюр и т. п.

Технически создать прототип для разработчика (или совместно с ним) можно несколькими способами:

  • нарисовать все самому вручную для последующего согласования. Способ подойдет тем, кто во-первых умеет хоть немного рисовать, во-вторых будет готов несколько раз перерисовывать схемы после каждого этапа обсуждения и согласования. Подойдет тем заказчикам, кто воспринимает процесс разработки своего сайта как захватывающее приключение;
  • поручить отрисовку и последующую корректировку дизайнеру. Подойдет тем, кто совсем не умеет рисовать, и готов дополнительно оплачивать рабочее время дизайнера;
  • создавать прототип самостоятельно при помощи готовых специализированных сервисов и программ на основе готовых шаблонов. Тут одни сплошные плюсы — красивый результат даже если нет навыков рисования, экономия денег на услугах дизайнера, легкая и быстрая в обучении программа, бесплатной версии которой будет вполне достаточно, если у вас небольшой сайт или презентация.

Сейчас в интернете можно найти много различных решений для прототипирования. В нашей студии интернет-решений Webleague.pro мы обычно пользуемся сервисами mockflow.com и moqups.com

Удачного и увлекательного прототипирования!