Глава 7. От требований к пользовательскому интерфейсу

Рис. 7.3. Исследование визуального языка используется для изучения разнообразных визуальных стилей абстрактно и до некоторой степени без учета результатов проектирования взаимодействия. Тем самым мы получаем возможность обсуждать язык графического дизайна, не отвлекаясь на аспекты взаимодействия. Разумеется, в конечном итоге графический дизайн и проектирование взаимодействия встречаются и начинают шагать в ногу

Общая инфраструктура пользовательского интерфейса 177

а ятов, именно его выберут заинтересованные лица - это почти неписаное правило.

принцип

проектирования

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

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

Шаг 2: применение выбранного стиля

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

Создание физической инфраструктуры

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

1. Совместно с проектировщиками взаимодействия обсудить форм-фактор и способы управления.

178 Глава 7. От требований к пользовательскому интерфейсу

2. Создать грубыо прототипы.

3. Выполнить исследование языка формы.

Шаг 1: совместно с проектировщиками взаимодействия обсудить форм-фактор и способы управления

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

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

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

Пользавательский опыт целостен - форму и поведение продукта следует проектировать согласованно.

ПРИНЦИП проектирования

Ш аг 2: создать грубые прототипы

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

Детализация формы и поведения

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

Шаг 3: выполнить исследование языка формы

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

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

Детализация формы и поведения

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

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

На этапе детализации происходит перевод раскадровок в полноценные экраны, отражающие пользовательский интерфейс с точностью до отдельных пикселов (рис. 7.4).

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

180