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