20/02/2019
6 из 365
Вечер добрый, друзья.
Сегодня поговорим о прототипах. Важная часть в реализации проекта.
Можно конечно без них и когда-то давно мы неплохо без них справлялись, но сейчас не представляем жизни без этого.
Прототипы бывают трёх типов:
- прототип низкой детализации,
- прототип средней детализации,
- прототип высокой детализации.
Что же это обозначает? Самое интересное что в разных источниках, в голове заказчика и исполнителя все эти типы прототипов разные. То что для вас высокая детализация для другого низкая или средняя. Поэтому проведём аналогию с нашей терминологией и станет ясно что тут что.
Прототип низкой детализации в нашем бизнес процессе это эскизный рисунок. Как правило мы рисуем эскиз экранов во время встречи или при формировании коммерческого предложения. Не всегда, но частенько, когда необходимо донести весь необходимый для разработки пользовательский сценарий.
Эскизный рисунок не отнимает много трудовых и временных затрат, но имеет колоссальный эффект для восприятия того какой продукт должен быть получен и как он будет функционировать. После эти эскизы передаются дизайнеру и тут. Оде не получается испорченного телефона, все наглядно видно и понятно.
Прототип средней детализации. Это wireframe. А это уже технически выполненные прототипы экранов. Во-первых, они создаются в графической программе. Во-вторых, при создании подобных прототипов используется набор всех стандартных элементов мобильных интерфейсов, что сводит реализацию wireframes к продумыванию компоновки элементов управления и проработки навигационной схемы. Получаются достаточно реалистичные экраны будущего приложения.
🎬Небольшая история. В одном из проектов мы сделали wireframes, согласовали. Затем сделали дизайн и отправили на утверждение. Получили неожиданную обратную связь, что Заказчику понравился первый дизайн. Прототипы на столько реалистично и качественно выглядели, что Заказчик подумал, что это выполненный дизайн и утвердил. Пришлось слегка доработать, но выполнили в согласованном варианте проект.
Прототип высокой детализации. Тут результат можно описать как wireframe, но с проработанными деталями: тип и размер всех шрифтов, размер цвет и местоположение кнопок и других элементов управления. На самом деле тут прототипы максимально приближены к конечному дизайну. Я лично этого не понимаю. Я бы исключил этот третий вид прототипов, на третьем шаге должен быть конечный дизайн!
Такие дела. Вашему вниманию прикрепляем несколько эскизных рисунков, чтобы понять как это выглядит у нас. И пример нескольких wireframes. Думаю найдёте различия. :)