Как прототипы способствуют воплощению идей

26 декабря 2014

О прототипах в интернете полно полезных материалов для специалистов, которые с ними работают. Но крайне мало статей для тех, кто начал информационный проект для своего бизнеса и понятия не имеет, какими неведомыми процессами заняты его партнёры (UX-проектировщики, UI-дизайнеры, аналитики, разработчики). Мы считаем, что такие статьи в нашем блоге должны быть.

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

Что такое прототип мобильного приложения?

Прототип по сути является каркасом всего приложения. Функциональные возможности и расположение элементов интерфейса прорабатываются именно на прототипах.

Untitled-6

Кто работает прототип?

Разработкой прототипа мобильного приложения занимается UX-проектировщик. Примерная скорость создания прототипов для одного приложения — от 1 до 3-х недель и более на крупных проектах. В итоге получается результат, применимый на всех последующих этапах проекта, например, проработке дизайна, программировании (в нашем случае — авторском наблюдении за дальнейшей реализацией приложения).

Типы прототипов, концептов.

Статический

Такой прототип — изображение экрана в любом графическом формате. Проще говоря, обычная картинка, которую в итоге можно просматривать на мониторе, в смартфоне или напечатать.

Untitled-3

 

Плюсы: возможность быстрого создания.

Минусы: нельзя быстро редактировать, переделав один, нужно делать заново остальные.

Интерактивный (динамический)

Особенность этого прототипа в том, что все экран могут быть собраны в некую программу-прообраз. Это не настоящее приложение, однако его можно «потрогать» прямо в смартфоне и протестировать, как реализованы функции приложения. Также можно использовать этот прототип в виде html. Все действия в таком случае выполняются в интернет-браузере.

 

Untitled-4

Плюсы:

  1. Красивая и наглядная демонстрация.
  2. Позволяет сделать демо-версию приложения, испытать основные функции в действии прямо на мобильном устройстве.
  3. Возможность быстрого редактирования.

Минусы:

  1. Трудозатратный (специальное программное обеспечение и создание статических прототипов).
  2. Требует много времени на создание.

Оба прототипа можно просмотреть в смартфоне с разницей во взаимодействии: статический — это обычное изображение, динамический — демо-версия функциональности приложения, на элементы которой можно нажимать.

Возможности прототипирования

Прототип позволяет проработать логику приложения и детали. Также он является отличной постановкой задачи для UI-дизайнера и разработчика. По сути он дополняет техническое задание: визуализирует те функции, которые сложно представить в тексте документа. Если над проектом работает большая команда специалистов, прототип обеспечит у всех одинаковое понимание процесса.

Тестирование прототипа приложения на фокус-группе даёт специалисту дополнительную информацию, которую он может применить в своей работе. Например, можно увидеть следующее:

  • справился ли пользователь с задачей;
  • какие сложности у него возникли;
  • требовалось ли пользователю предварительно ознакомиться с особенностями приложения;
  • удовлетворён ли пользователь результатом.

От этих данных и стоит «плясать», чтобы спроектировать приложение, предназначенное для потребностей человека, а значит — востребованное.

Рентабельность проекта и прототип

По прототипу сложно оценить рентабельность проекта. Он даёт возможность увидеть, как идея реализуется в интерфейсе и функциональности приложения.

Тем не менее прототип поможет понять примерную стоимость дальнейших работ по мобильному приложению и вы оцените свою финансовую готовность к его продолжению. По статическому прототипу вполне можно предварительно понять стоимость UI-дизайна. А по хорошему динамическому прототипу и документации — примерно оценить разработку.

Если планируемые затраты окажутся выше бюджета, то можно подумать, как их сократить. Ну и самый крайний случай — вы потратите средства только на прототипы, а это в несколько раз меньше, чем за весь дизайн и разработку.

Как делается прототип?

Untitled-5

  1. Специалисты собирают и анализируют требования заказчика.
  2. Определяются основные задачи мобильного приложения и бизнес-задачи.
  3.  Выясняются основные сценарии использования приложения.
  4. Составляется предварительный список экранов.
  5. Выясняются основные элементы каждого экрана.
  6. Определяется весь фронт работ над прототипами: глубина проработки (статический или динамический), все реакции приложения на событие (касание, неправильное заполнение формы и т. д.).
  7. Непосредственно работа над прототипами.
  8.  Редактирование прототипов, технической документации по проекту и утверждение.
  9.  Всё, прототипы готовы к использованию.

А можно ли совсем не делать прототипы?

Можно! Но не всем подряд. Об этом, а также о том, когда необходимо использовать динамический прототип, вы узнаете в следующей статье.