Кевин Брукс - Сторителлинг в проектировании интерфейсов. Как создавать истории, улучшающие дизайн

• Инструкции для настроек мультитач в Apple OS X – видео, где показано, как с помощью пальцев можно добиться нужного результата.

• Компания Starfire (см. главу 1) создала видеосценарий, где показала, как новые технологии влияют на взаимодействие пользователей с компьютером.

• Компания Common Craft создает короткие видеоролики о том, как люди используют разные продукты. Один из них – «Twitter на разговорном английском»: www.commoncraft.com/Twitter.

Больше примеров вы найдете на YouTube: введите в поисковой строке название нового пользовательского устройства вместе со словом unboxing («распаковать»). В таких роликах показан весь процесс: пользователь получает продукт, вынимает его из коробки (вместе с комплектующими), а потом (чаще всего) настраивает и включает.

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

Ролики, в котором человек просто читает текст, чаще всего вызывают зевоту. Исключения возможны: если история невероятна интересна, а рассказчик – отличный актер. Однако большинство людей предпочитают сначала создать речь на бумаге, а потом уже записать ее на видео.

При работе над сценарием необходимо помнить о некоторых элементах языка кинематографии. О правилах съемки видео мы говорить не будем. Однако стоит задуматься о следующих составляющих ролика:

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

• Время и пространство: в видеоролике, как и в рассказе, можно показать развитие событий во времени. Кроме того, объекты могут появляться в кадре и исчезать; действие может происходить в любом участке кадра (не только в центре и на заднем плане). Выделяйте отдельные моменты с помощью пространственных и временных «трюков», чтобы заинтересовать зрителей (в устном рассказе для этого используется голос).

• Аудио: можно просто зачитывать текст за кадром или добавить музыку, звуковые эффекты или диалоги/монологи в кадре. Требования к качеству звука в наше время высоки. Так что стоит подумать, какие аудиоэффекты вы хотите использовать и как лучше их записать.

• Монтаж и ритм: любые истории (рассказываемые «вживую» и в записи) имеют свой ритм. В видеороликах есть четыре вида ритма: темп повествования, визуальный ритм, звуковой ритм и монтаж.

Визуальный ритм – темп движения объектов на экране (например, рук при плавании или ног при ходьбе).

Звуковой ритм – темп речи, других звуков, паузы (часто именно последние становятся самым важным звуковым эффектом).

Монтаж – частота смены ракурса, точки обзора, переходы, перемещение камеры во время действия (прерывистое или непрерывное), отражающее движение во времени или пространстве.

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

Не обязательно снимать видео на камеру. Есть множество графических инструментов. Они существенно облегчают задачу создания отличной истории.

Можно использовать инструмент Photo to movie ( www.lqgraphics.com/software/phototomovie.php). С его помощью можно плавно или быстро перемещать и крутить объекты, показывать увеличенное изображение мелких фрагментов. В результате получается ролик формата QuickTime. Можно вставить закадровый текст или музыку, обрабатывать ролик с помощью других программ. Если у вас есть фотографии процесса, иллюстрации к проекту или наброски прототипов, вы можете составить из них видеоролик и добавить звуковую дорожку.

Более сложные программы позволяют накладывать изображения друг на друга.

Кевин разработал ролики для истории «Несговорчивая аудитория» (см. главу 12). На рис. 15.8 изображен один из них. В ролике показаны домашние электроприборы из прошлого; это своего рода предисловие к рассказу об использовании различных устройств в домах будущего.