Проектирование взаимодействия

Проектирование взаимодействия (англ. Interaction Design, IxD) — дисциплина дизайна, занимающаяся проектированием интерактивных (то есть обладющих интерфейсом) цифровых изделий, систем, сред, услуг. Основное внимание в проектировании взаимодействия уделяется удовлетворению потребностей и пожеланий пользователей, в отличие от некоторых других дисциплин, например инженерии программного обеспечения, где принимаются во внимание в первую очередь технические характеристики. Как дизайн-дисциплина, в отличие от науки или инженерии, использует синтез и создание образа вещей, какими они могли бы быть, а не фокусируется на том, как обстоят дела^[1]. В отличие от ставших традиционными дисциплин дизайна, проектирование взаимодействия сосредотачивает внимание на поведении устройств, особенно сложных и цифровых^[2].

Определение и история

В конце 1970-х — начале 1980-х исследователи, инженеры и дизайнеры нескольких компаний Силиконовой долины (Xerox PARC, SRI (англ.) и, позднее, Apple Computer) активно занимались вопросами взаимодействия людей с компьютерами. В 1984 году Билл Моггридж (англ.)русск. опубликовал идею новой дизайн-дисциплины, которую он называл тогда «soft-face». Термин «interactive design» был позже выработан Моггриджем совместно с Биллом Верпланком (англ.)русск. при работе над первым ноутбуком GRiD Compass^[3][4].

Существует несколько определений. Проектирование взаимодействия:

…заботится о придании формы цифровым вещам для пользования людьми. (Йонас Лоугрен)

Оригинальный текст  (англ.)  

Interaction design is about shaping digital things for people’s use. (Jonas Lowgren)

— ^[3]

…заботится о повседневной жизни через цифровые продукты — для работы, игры, развлечения. (Джиллиан Крэмптон Смит)

Оригинальный текст  (англ.)  

It’s about shaping our everyday life through digital artifacts – for work, for play, and for entertainment. (Gillian Crampton Smith)

— ^[5]

…деятельность по проектированию интерактивных цифровых изделий, сред, систем и услуг.

Оригинальный текст  (англ.)  

The practice of designing interactive digital products, environments, systems, and services.

— ^[1]

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

Оригинальный текст  (англ.)  

Interaction design started from two separation directions, with screen graphics for displays and separate input devices, but it got more interesting when the hardware and software came together in products (David Kelley)

— ^[6]

Проектирование взаимодействия возникло на стыке многих дисциплин, но несмотря на это имеет свой уникальный набор задач и методов. В нём присутствуют элементы графического дизайна, информационного дизайна, понятия из HCI, являющиеся основой для проектирования взаимодействия с компьютеризированными системами, однако, проектирование взаимодействия нельзя свести ни к графическому дизайну, ни к архитектурному проектированию. Новая среда, создаваемая при помощи компьютерной техники, является одновременно активной и виртуальной, поэтому проектировщики этой среды нуждаются в разработке соответствующих принципов и практик, отражающих специфические свойства этой среды: подвижность и интерактивность. Дисциплина не является ни разделом информатики (англ. computer science)^[7], ни частью когнитивной психологии, хотя и широко использует её базовые принципы^[8]. Многие из этих принципов были впервые сформулированы Дональдом Норманом (англ.)русск. в книге «Дизайн привычных вещей (англ.)русск.»^[9].

Следует заметить, что понятие «проектирование взаимодействия» поначалу имело уклон в сторону новых концепций взаимодействия и лишь позднее стало использоваться как обобщающий термин в контексте проектирования программного обеспечения и электронных устройств. Термин, тем не менее, не может охватить всю область проектирования, так как нацелен на взаимодействие двух объектов, а не целого множества^[10].

Алан Купер (англ.)русск. отметил, что не знает, откуда пошёл термин «дизайнер взаимодействия» (англ. interaction designer), но на этот счёт в WWW имеется множество мнений^[11].

Пять аспектов проектирования взаимодействия

Четыре из пяти аспектов (англ. dimension) проектирования были впервые введены в книге Моггриджа «Designing Interactions». По утверждению Джиллиан Крэмптон Смит, у «языка» проектирования взаимодействия есть четыре аспекта^[12]. Дополнительный — пятый — аспект нашёл Кевин Силвер^[8]. Такими аспектами являются:

1. слова
2. визуальное представление
3. физические объекты или пространства
4. время
5. поведение

Стадии проектирования (по Верпланку)

Билл Верпланк представляет процесс проектирования состоящим из четырёх шагов^[12]:

1. Побуждающий стимул (англ. motivation): наличие проблемы и блестящее решение
2. Замысел (англ. meaning): какие метафоры можно применить и в каком контексте
3. Образ (англ. modes): создание концептуальной модели
4. Схема (англ. mapping): проектирование отображения информации и управления

Приёмы проектирования

Прототипирование

Для обеспечения быстрой обратной связи с группой потенциальных пользователей дизайнеры взаимодействия могут использовать бумажное прототипирование^[13]. Недостатком такого метода является отрыв от контекста физического устройства, поэтому был придуман также способ «бумага-на-экране» (англ. paper-in-screen), который работает с отсканированными набросками интерфейса, демонстрируемыми на целевом устройстве. Наконец, более дорогим, но менее гибким способом является высококачественное прототипирование на целевом устройстве^[14].

Использование шаблонов

Вслед за Кристофером Александером дизайнеры приняли на вооружение метод паттернов (шаблонов) взаимодействия (англ.)русск.^[15]. Сообществом веб-дизайнеров выработано множество шаблонов, которые можно классифицировать, например, по потребностям пользователей: базовое взаимодействие, выбор, ввод, навигация, поиск, работа с данными, персонализация, шопинг и другие^[16].

Каркасные модели

На ранних стадиях проектирования интерфейса взаимодействие с системой может быть обозначено с помощью каркасных моделей (англ. wireframes) — черновых макетов интерфейса, состоящих из простых линий, форм, обозначений — без указания подробностей. Ознакомление заказчика с черновым вариантом дизайна помогает предотвратить переделки на более поздних стадиях проектирования. Модели могут быть выполнены от руки, с помощью специализированных программ или с помощью графического редактора^[17].

Примеры

Первая компьютерная мышь

• Дуглас Энгельбарт и команда: компьютерная мышь, система с графическим интерфейсом пользователя, 1968
• Dynabook
• Пульт дистанционного управления и цифровой телевизор
• WIMP
• PalmPilot
• XO-1 (ноутбук)
• Мобильный телефон с сенсорным экраном
• Оптимус (клавиатура) (и персональный компьютер)

См. также

• Человеко-компьютерное взаимодействие
• Человеко-машинный интерфейс
• Человеко-понятный URL
• Юзабилити
• Геймдизайнер

Примечания

1. ↑ ^{1 2} Cooper et al, About Face 3, 2007
2. ↑ Cooper et al, About Face 3, 2007, pp. xxvii
3. ↑ ^{1 2} Jonas Lowgren Interaction Design  (англ.). The Interaction Design Foundation (2008). Архивировано из первоисточника 18 августа 2012. Проверено 16 августа 2012.
4. ↑ Cooper et al, About Face 3, pp. xxviii
5. ↑ Moggridge, 2007, p. xi
6. ↑ Moggridge, 2007, p. 293
7. ↑ Terry Winograd, From Computing Machinery to Interaction Design
8. ↑ ^{1 2} Silver, Kevin What Puts the Design in Interaction Design. UX Matters. Архивировано из первоисточника 19 октября 2012. Проверено 6 марта 2012.
9. ↑ Норман, 2006
10. ↑ Иван Дегтяренко Терминологические войны. Эпизод III  (рус.). http://www.gui.ru+(9апреля 2007). Архивировано из первоисточника 19 октября 2012. Проверено 22 августа 2012.
11. ↑ Patton, 2008
12. ↑ ^{1 2} Moggridge, 2007
13. ↑ What is paper prototyping. Архивировано из первоисточника 19 октября 2012.
14. ↑ Paper-in-Screen Prototyping by Diego Pulido
15. ↑ Jenifer Tidwell, COMMON GROUND: A Pattern Language for Human-Computer Interface Design
16. ↑ Список паттернов для информационного дизайна (Martijn van Welie) (англ.)
17. ↑ Kayla Knight, Creating Web Design Wireframes: Tools, Resources and Best Practices

Ссылка

• Encyclopedia of Human-Computer Interaction (англ.)
• Craig Marion, What is Interaction Design (англ.)
• Terry Winograd, From Computing Machinery to Interaction Design (англ.) (Beyond Calculation: The Next Fifty Years of Computing, Springer-Verlag, 1997, 149—162)
• Сайт, сопровождающий книгу «Interaction Design: beyond human-computer interaction» (3rd edition) (англ.)
• Сайт организации IXDA профессиональных проектировщиков взаимодействия

Собрания примеров

• Подборка портфолио различных дизайнеров
• Двадцать концепций дизайна взаимодействия
• Библиотека шаблонов взаимодействия
• 18 примеров каркасных моделей (UI wireframes)

Литература

• Alan Cooper, Robert Reimann, Dave Cronin About Face 3: The Essentials of Interaction Design. — Wiley, 2007. — 610 с. — ISBN 978-0-470-08411-3

• Алан Купер, Роберт Рейман, Дэвид Кронин Алан Купер об интерфейсе. Основы проектирования взаимодействия = About Face 3: The Essentials of Interaction Design. — Символ-Плюс, 2009. — 688 с. — ISBN 978-5-93286-132-5
• Дональд А. Норман Дизайн привычных вещей = The Design of Everyday Things. — Вильямс, 2006. — 384 с. — ISBN 5-8459-0872-8
• Bill Moggridge. Designing Interactions. — The MIT Press, 2007. — ISBN 978-0-262-13474-3
• Rogers, Y. and Sharp, H. and Preece, J. Interaction Design: Beyond Human-Computer Interaction. — John Wiley and Sons Ltd. — ISBN 0-471-49278-7
• Jeff Patton A Conversation with Alan Cooper: The Origin of Interaction Design // IEEE Software. — 2008. — Т. 25. — № 6. — С. 15-17.

Для улучшения этой статьи по технике желательно?: Дополнить статью (статья слишком короткая либо содержит лишь словарное определение).