Прежде чем приступить к созданию окончательного продукта, разработчик создает общую концепцию – предварительную схему. Подробный план имеет название «прототип», а процесс планирования – «прототипирование».
Прототип и прототипирование
Под прототипом принято понимать предварительную модель продукта. С ее помощью можно понять, как будет выглядеть готовый вариант. В переводе с английского языка слово означает «оттиск», «первообраз», «отпечаток». Признаки, характерные для хорошего прототипа, представлены ниже:
- простота и высокая скорость создания;
- одноразовое применение;
- фокусировка на сложных деталях.
Под прототипированием понимается процедура создания «чернового» варианта проекта. Это нужно для того, чтобы проанализировать работу и создать функциональную модель. Разработчик, занимаясь прототипированием, может получить детальную картину касательно устройства системы. После завершения этапа прототипирования начинается шаг пересмотра системы, выявления ошибок. Далее следует тестирование готового продукта.
Особенности и преимущества
Прототипирование представляет собой удобную возможность получения образца готового продукта, т.е. его визуализации. На основании прототипа не составит труда:
- провести краткий обзор;
- определить недочеты;
- проанализировать информацию;
- откорректировать техническое задание.
Благодаря созданию прототипа, можно сократить время создания продукта, а также избавить его от возможных недостатков, которые будут устранены еще на этапе тестирования.
Сферы применения
Используется прототипирование в следующих сферах:
- программирование;
- сайтостроение (при создании сайта определяется список его элементов, а также их расположение на страницах);
- машиностроение (речь идет о моделировании машин и механизмов, где ошибки недопустимы);
- приборостроение;
- промышленность;
- транспорт;
- дизайн;
- архитектура;
- любая другая техническая отрасль.
Сейчас очень актуально прототипирование сайтов.
Прототипирование сайтов
Затронем именно отрасль сайтостроения и программирования. Существует несколько разновидностей прототипирования страниц сайтов и приложений. Характеристики каждого из них будут рассмотрены далее.
Бумажная модель (Low fidelity)
Это черно-белый эскиз, содержащий цветные акценты, на которые нужно обратить особое внимание. Размещение блоков происходит в нем в схематическом порядке. Ключевые особенности заключаются в отсутствии полноты и полноценной структуры взаимодействия между интерфейсом и юзером.
Цель применения этого прототипа заключается в получении понимания основного функционала ресурса, а также схематического расположения отдельных блоков на его страницах. На бумажной схеме может отображаться краткий путь посетителя.
Интерактивный образец (Medium fidelity)
Этот этап является более сложным. Образец без труда можно отправить разным людям по ссылке, и тогда они смогут, нажимая кнопки, осуществлять переход на другие экраны. Для создания эскиза используются специальные программы с большим количеством функций (об этом далее). Разобраться в них не составит особого труда даже новичку.
Итерактивный образец с кусками кода (High fidelity)
С визуальной точки зрения этот продукт обладает наиболее высоким качеством, т.к. он может быть представлен в цветном варианте. Для него характерна максимально точная иерархия и замена квадратных схем соответствующими изображениями. В этом прототипе должна присутствовать полная структура, которая проработана до мельчайших деталей.
Программы для прототипирования
Существует несколько специальных программ для создания прототипов web-ресурсов. Они различны по функционалу и интерфейсу.
Axure
Сервис Axure предоставляет тестовый период – 30 дней. Работает он на Windows и Mac OS. С помощью этой программы пользователь может эффективно использовать собственное время за счет высокой скорости работы. Имеются готовые шаблоны, упрощающие работу.
Pixate
Вышел Pixate в 2014 году. Он стал одним из первых инструментов, поэтому запомнился юзерам надолго. В 2015 году вышло специальное приложение, поэтому работа стала более простой.
InVision
Система является продвинутой и подойдет профессионалам. Invision оснащена плагином для превращения макета в прототип без пауз в производстве. Также имеется возможность моментальной подстановки шаблонов имен, дат и текстовых форматов. Можно легко оставлять комментарии и обсуждать опции в чате. Однако интерфейс не самый удобный. 
Moqups
Есть тестовая версия. На один проект предлагается порядка 300 объектов и 5 Мб. Виртуальная платформа Moqups предлагает большое количество шрифтов и шаблонов, есть встроенная библиотека со значками. Имеется множество тарифов на выбор.
Principle
В системе принято использовать классические элементы графики, что обеспечивает удобство пользователям. В настоящее время база Principle растет, а работа службы поддержки постоянно совершенствуется.
Таким образом, прототипирование – сложный процесс, требующий грамотного профессионального подхода.