Прототипирование. Практическое руководство

Такой метод «покажи и расскажи» Роберт Хекман-младший называет протокастами (своего рода аналог подкастов[11]). Хекман создает серию экранов, обычно в программе OmniGraffle, и затем записывает симуляцию работы важных элементов прототипа.

Протокоммуникации

Роберт Хекман-младший (www.rhjr.net, www.miskeeto.com)

Несомненно, прототип может кратко рассказать о проекте взаимодействия или даже о приложении в целом. Но создание прототипов – не только материализация идеи для показа заинтересованным сторонам, как будет работать приложение, или оценки реализуемости проекта.

В конечном счете прототип – средство общения. Его можно использовать для маркетинга или закрытия пробелов в общении между несколькими группами, работающими над проектом, а также для показа функций отдельных мелких элементов, которые нельзя описать словами или статичными картинками. В таких случаях при использовании правильных инструментов можно создавать прототипы, способные стать неотъемлемой частью проектирования.

Рассмотрим конкретный пример.

При работе над многофункциональными интерфейсами, например RIA или интерфейс «по требованию» в стиле Web 2.0[12], иногда сложно детально описать многочисленные состояния одного экрана или одиночное взаимодействие с экраном через отдельные изображения. Чтобы разделить эти взаимодействия на удобоваримые компоненты, я обычно создаю раскадровку – серию эскизов, показывающих состояния экрана по мере взаимодействия. И, конечно, я стараюсь как можно лучше документировать взаимодействия, подробно отражая варианты использования в «документе описания проекта» (Design Description Document, см. www.rhjr.net/ddd). Однако часто этого недостаточно.

При использовании раскадровок возникают две проблемы. Во-первых, мне необходимо визуализировать переход из одного состояния в другое, но я не имею возможности «проделать» этот путь воочию. Во-вторых, то же приходится делать клиентам. И хотя во многих случаях раскадровки приносят отличный результат, прототипы «оживляют» идею и дают возможность каждому изучать проект таким способом, который не может быть реализован с использованием только статичных изображений, даже в формате раскадровки.

Теперь я иногда использую для работы по проектированию взаимодействия программу OmniGraffle. Она поддерживает назначение некоторых базовых функций на клики по каркасным представлениям и диаграммам. Это позволяет быстро создать и передать другим очень схематичный набросок прототипа, который можно «прощелкать», в виде документа PDF в любой момент. Таким образом, я не только могу представить документ, который каждый в состоянии открыть и опробовать. Создаваемый мною прототип выше уровнем, чем обычный видеофильм, показывающий работу прототипа и записанный с помощью инструментов SnapzProX (Mac) или Camtasia (Windows).

Эти «протокасты» (www.rhjr.net/shorty/protocasting), как я их называю, – просто запись моего взаимодействия с прототипом, сопровождаемая голосовыми комментариями по поводу выполняемых действий. Это могут быть размышления, технические ограничения, предложения по улучшению и т. д.

Протокасты – отличный инструмент не только для более четкого объяснения взаимодействия, чем при использовании раскадровки, но и для обзора удобства использования и важных исследований других характеристик. Я просто фиксирую изображение экрана, когда завершаю одну из задач приложения, и надиктовываю свои критические замечания, прежде чем переходить к следующей. Я даже могу говорить от лица гипотетического пользователя, например: «На самом деле я не понимаю, что означает этот значок… Может, я лучше нажму на эту кнопку и посмотрю, что произойдет… Ой, это не то, чего я хотел».

Для создания прототипа в формате PDF с помощью OmniGraffle и записи протокаста требуется очень мало усилий и времени. Я могу делать это часто в рамках рабочего процесса. А время, требующееся на создание прототипов и протокастов, с лихвой компенсируется экономией минут и часов на обсуждениях, которые неизменно давали только схематичные результаты.

Вместо того чтобы тратить много времени на сложный, многофункциональный прототип полного приложения, я создавал прототипы и протокасты только для тех элементов интерфейса, которые действительно требовали пояснений. Эти составляющие обычно очень малы по объему, поэтому на их создание требуется немного времени; но при этом используются все преимущества прототипирования.

В целом это дешевое, быстрое и безболезненное решение помогало мне обмениваться идеями и критическими замечаниями в случаях, когда слов недостаточно, а полнофункциональный прототип избыточен.

Эффективное общение – важный элемент успешного проекта.

Прототипы и протокасты помогают всем следить за ходом разработки и не отставать от коллег при небольших затратах времени и усилий.

Примечания

1

OmniGraffle – приложение по созданию диаграмм, разработанное Omni Group для компьютеров Mac. Выпускается с июня 2012 года.

Balsamiq – графический пользовательский интерфейс для создания макетов. Онлайновая версия вышла в 2008 году. Прим. ред.

2

Snyder C. Paper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces. Morgan Kaufmann, 2003.

3

Специалисты используют для описания этого метода термин «вайрфрейм» (wireframe). Прим. науч. ред.

4

AJAX (от англ. Asynchronous JavaScript and XML, асинхронный JavaScript и XML) – использование «фонового» обмена данными браузера с веб-сервером в интерактивных пользовательских интерфейсах веб-приложений (позволяет ускорить и повысить удобство работы). Термин появился в 2005 году. Прим. ред.

5

Подробнее см.: http://developer.yahoo.com/ypatterns/richinteraction/transition/selfhealing.html. Прим. науч. ред.

6

Генеральный директор. Прим. ред.

7

См.: http://www.youtube.com/watch?v=j5tFFIBDzVs.

8

www.flickr.com/photos/soxiam/2532060829/.

9

www.flickr.com/photos/soxiam/2532060829/.

10

Эскизы можно зафиксировать с помощью фотоаппарата или интерактивных досок Smartboard.

11

Подкаст – аудио– или видеофайл в стиле радио-/телепередачи, распространяемый в интернете. Прим. ред.

12

Web 2.0 – сетевые проекты, информацию для которых подбирают и уточняют непосредственно пользователи. Прим. ред.

Конец бесплатного ознакомительного фрагмента.