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

Вспомните историю о Тэннере:

Посмотрите на фотографию (рис. 15.7). Соответствует ли она описанию?

^{>РИС. 15.7. Это Тэннер?}

На изображении деталей меньше. Например, вы не знаете имя мальчика, его друзей, есть ли у него родители. Вы не видите, что он делает за компьютером. Однако он того же возраста, что и герой истории, и пользуется компьютером. Живет он явно в городе. За окном темно (вечер). Квартира выше первого этажа (видите фонари в окне)? Можно кое-что сказать и о социальной среде:

• У мальчика есть собственная комната. Там никто за ним не присматривает.

• Он может пользоваться компьютером в любое время.

• Уютный дом представителей среднего класса.

• Наши дни.

• Западная культура.

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

Визуальные элементы в любом случае добавляют новое измерение – не важно, используются ли они в качестве иллюстрации или история состоит только из них:

• Диалог, разрывы во времени и последовательность событий можно показать в форме комиксов.

• С помощью фотографий можно продемонстрировать контекст, место действия и культурные условия.

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

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

Однако если вы хотите использовать видеоролик, помните: записать историю на камеру недостаточно. Большинство людей смотрят фильмы и телепередачи, поэтому имеют точное представление о том, что такое качественное видео. Простая видеозапись их не устроит.

Здесь, как и в случае выступлений на публике, используется несколько уровней передачи информации. Это диалог и повествование, объекты в кадре (на переднем и заднем плане), основные и фоновые звуки, включая музыку. Аудитория воспринимает все эти элементы в совокупности.

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

• Реклама новых продуктов Google, например Google Voice[103], обычно состоит из одной страницы. На ней размещены видео, в которых объясняется, в чем суть продукта и как его использовать.

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

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

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

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

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