В мире дизайна и разработки, где идеи рождаются с невероятной скоростью, важно уметь быстро и эффективно проверять их жизнеспособность. Именно здесь на сцену выходит прототип. В этой статье расскажем, как дизайнеры создают и используют прототипы, как новые технологии изменили концепцию прототипирования и почему «серые квадраты» не работают.
Прототип — это предварительная модель продукта, системы или процесса. Он служит для демонстрации основных функций, дизайна и взаимодействия, позволяя получить обратную связь и внести коррективы в ранних версиях, на начальных этапах разработки.
Термин пришел с греческого языка и буквально переводится как «первый оттиск»: πρῶτος «первый» + τύπος «отпечаток». В Греции мастера создавали макеты для проверки своих инженерных и архитектурных решений. Глиняные модели домов, миниатюрные корабли — всё это примеры ранних прототипов.
Сегодня термин используется во многих сферах: например, так говорят про новые предметы мебели, образцы бытовой техники, концепты автомобилей, которые ещё не вышли в серию.
В IT-сфере прототипом называют также некий драфт дизайна сайта, онлайн-сервиса или приложения. Термин применяют и в англоговорящей среде, и в российском пространстве, и он активно используется с 90-х годов.
Сегодня прототипирование — это уже не домики из глины: с появлением компьютеров и новых материалов оно стало более сложным и разнообразным. В инженерной сфере появились макеты и модели, которые помогают тестировать конструкции и механизмы. С появлением компьютеров, сложных программ и нейросетей прототипирование перешло на новый уровень, позволяя создать виртуальные модели и симуляции. В разработке программного обеспечения также важно проверить удобство и работоспособность продукта на ранних стадиях его создания. Ведь самое ценный ресурс, который затрачивается в этой сфере — время и силы специалистов, поэтому важно с самого начала использовать их продуктивно.
Дизайнеры используют прототипы для визуализации интерфейсов, взаимодействия с пользователем и проверки удобства использования. А разработчики следят за функциональностью; проверяют архитектуру и взаимодействия компонентов системы.
Если у проекта есть внешний заказчик, прототип помогает презентовать концепцию и лучше объяснить идеи, а также в деталях обсудить последующие этапы работы над продуктом.
Старшее поколение дизайнеров (те, кто начинал карьеру в 90-е или 2000-е годы) при слове «Прототип сайта» или «Прототип приложения», скорее всего, представят нечто такое:
Многие годы прототипом в дизайне назывался этап проекта, который могли сделать, как правило, не дизайнеры, а аналитики или проджект-менеджеры. Тогда это были «серые квадратики» — термин, который стал нарицательным в дизайне.
В таком подходе состав страницы сайта оформляется в виде блок-схемы, где видно расположение элементов, пропорции и визуальный состав будущей страницы. Но основных элементов дизайна там как будто нет, потому что шрифты взяты условные; вместо изображений и видео — пустые прямоугольники; композиция и размеры элементов ещё не определены.
Однако дизайн здесь на самом деле есть, потому что размещение элементов относительно друг друга — это уже работа дизайнера, и то, что в таком подходе прототипирования этим занимаются не профессионалы, создает ряд проблем. Главная из них заключается в том, что дизайнер уже не решает, что где расположено и как каждому блоку предстоит функционировать, а просто «раскрашивает» схему. Но долгое время и в агентствах по разработке, и в продуктовых компаниях всё работало именно так.
Итак, обобщим ключевую проблематику старого подхода к прототипированию в дизайне и разработке многостраничных сайтов и других IT-сервисов.
Почему давать дизайнеру пространство для эксперимента и инноваций действительно важно? Чтобы понять это, нам придётся обратиться к философии и психологии.
Критически важно, чтобы людям было удобно пользоваться электронным или веб-сервисом, чтобы его интерфейс был понятным, а все важные действия — интуитивными. В крупных цифровых продуктах разработчики всегда очень долго исследуют пользовательские сценарии, прежде чем внедрять что-то новое.
Примеры «классических» удобных дизайнерских решений, которые можно найти почти на любом сайте:
Но при этом дизайн — это область, в которой ценность лежит в новизне в оригинальности. Особенно это чувствуется в крупных продуктах, когда одно из решений на рынке начинает отличаться от других: это сразу привлекает внимание.
Позволить себе экспериментировать могут компании, которые только выходят на рынок. С одной стороны, у них пока ещё небольшая аудитория; с другой, им нужен особенный подход, чтобы их заметили.
Один из свежих примеров: МегаМаркет недавно показал экспериментальный дизайн веб-версии маркетплейса, где часть опций находится не вверху, а внизу страницы. Это непривычный пользователю сценарий, но он «синхронизирован» с дизайном мобильной версии, где те же опции внизу — под пальцем пользователя. А потому потенциально может быть более удобным. Решение явно проходило тестирование, поскольку довольно скоро интерфейс сайта вернулся в прежнее состояние. И мы пока не знаем, каков будет результат исследования.
Когда аналитикам-проектировщикам приходится прототипировать новые проекты, то они всегда действуют «классическими» паттернами и способны внедрять только привычные решения. И когда результат их работы – прототип – приходит в дизайн, у дизайнера нет места для эксперимента. В итоге сайты получаются привычными, но без новизны. А это лишает продукт возможности стать чем-то новым, уникальным и супер успешным.
Конфликт привычного и нового живёт в каждом человеке, это одна из особенностей нашей психологии. Однако дизайнер может быть и консерватором, и новатором одновременно, и в этом его «суперсила». Он может хорошо знать пользовательские сценарии, но при этом по-новому их интерпретировать или менять. Именно поэтому в IT всё чаще говорят о такой профессии как UX/UI дизайнер, который объединяет изучение опыта пользователя (User Experience) и переупаковку его в новую визуальную форму (User Interface).
UX-дизайн (User Experience Design) фокусируется на опыте пользователя, то есть его взаимодействии с продуктом. Это потребности, поведение и предпочтения ЦА; шаги пользователей.
UI-дизайн (User Interface Design) сосредоточен на визуальных и интерактивных элементах интерфейса: палитры, шрифты, иконки. Он проектирует экраны и интерфейсы, чтобы они были красивыми и функциональными, а также отражали визуальный стиль компании.
Однако UI – это часть UX, ведь интерфейс – неотъемлемая часть общего опыта, между ними нет разрыва. Поэтому чаще говорят о единой профессии и используют общий термин: UX/UI дизайн.
У дизайнеров обычно преобладает одна из сторон: дизайнер либо аналитик (много опыта, много исследует, много понимает и склонен к тому чтобы подтверждать свои гипотезы), либо человек с более творческим началом и визуально- эстетическими наклонностями. Это может влиять на разделение работы в командах. Но всё же разделение на проектирование и дизайн уходит прошлое, а вместе с ним и классические прототипы.
То, что клиент или пользователь видит – это на самом деле неотделимая часть опыта. Нельзя построить опыт на серых квадратах, он будет неполным. Поэтому сегодня нужен новый подход к созданию прототипов.
Причиной того, что подход к прототипированию поменялся, стало не только изменение роли дизайнера. Повлияло и развитие технологий: программы для создания дизайна стали «умнее», и это помогает быстрее вносить изменения.
Наша компания уже 15 лет создаёт высокотехнологичные сервисы для бизнеса и государства. За годы мы много раз меняли и совершенствовали процесс разработки прототипа, и сейчас он выглядит так:
В мире клиента этот подход удобнее и нагляднее: он быстро получает понятный результат, который постепенно будет корректироваться.
