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

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

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

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

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

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

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

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

—

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

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

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

—

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

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

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

—

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

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

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)

—

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Примеры

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

См. также

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

Ссылка

• [www.interaction-design.org/ Encyclopedia of Human-Computer Interaction] (англ.)
• [mysite.verizon.net/resnx4g7/PCD/WhatIsInteractionDesign.html Craig Marion, What is Interaction Design] (англ.)
• [hci.stanford.edu/~winograd/acm97.html Terry Winograd, From Computing Machinery to Interaction Design] (англ.) (Beyond Calculation: The Next Fifty Years of Computing, Springer-Verlag, 1997, 149—162)
• [www.id-book.com/ Сайт, сопровождающий книгу «Interaction Design: beyond human-computer interaction» (3rd edition)] (англ.)
• [www.ixda.org/ Сайт организации IXDA профессиональных проектировщиков взаимодействия]

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

• [carbonmade.com/portfolios/interaction-design Подборка портфолио различных дизайнеров]
• [www.interactiondesignblog.com/2008/10/20-cool-interaction-design-concepts/ Двадцать концепций дизайна взаимодействия]
• [www.welie.com Библиотека шаблонов взаимодействия]
• [webdesignledger.com/inspiration/18-great-examples-of-sketched-ui-wireframes-and-mockups 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.
• Heim, Steven. The Resonant Interface: HCI Foundations for Interaction Design. — Addison-Wesley Longman Publishing Co., Inc., 2007. — 688 p. — ISBN 0321375963.

Отрывок, характеризующий Проектирование взаимодействия

Берг воспользовался случаем спросить с особенною учтивостию, будут ли выдавать теперь, как слышно было, удвоенное фуражное армейским ротным командирам? На это князь Андрей с улыбкой отвечал, что он не может судить о столь важных государственных распоряжениях, и Берг радостно рассмеялся.
– Об вашем деле, – обратился князь Андрей опять к Борису, – мы поговорим после, и он оглянулся на Ростова. – Вы приходите ко мне после смотра, мы всё сделаем, что можно будет.
И, оглянув комнату, он обратился к Ростову, которого положение детского непреодолимого конфуза, переходящего в озлобление, он и не удостоивал заметить, и сказал:
– Вы, кажется, про Шенграбенское дело рассказывали? Вы были там?
– Я был там, – с озлоблением сказал Ростов, как будто бы этим желая оскорбить адъютанта.
Болконский заметил состояние гусара, и оно ему показалось забавно. Он слегка презрительно улыбнулся.
– Да! много теперь рассказов про это дело!
– Да, рассказов, – громко заговорил Ростов, вдруг сделавшимися бешеными глазами глядя то на Бориса, то на Болконского, – да, рассказов много, но наши рассказы – рассказы тех, которые были в самом огне неприятеля, наши рассказы имеют вес, а не рассказы тех штабных молодчиков, которые получают награды, ничего не делая.
– К которым, вы предполагаете, что я принадлежу? – спокойно и особенно приятно улыбаясь, проговорил князь Андрей.
Странное чувство озлобления и вместе с тем уважения к спокойствию этой фигуры соединялось в это время в душе Ростова.
– Я говорю не про вас, – сказал он, – я вас не знаю и, признаюсь, не желаю знать. Я говорю вообще про штабных.
– А я вам вот что скажу, – с спокойною властию в голосе перебил его князь Андрей. – Вы хотите оскорбить меня, и я готов согласиться с вами, что это очень легко сделать, ежели вы не будете иметь достаточного уважения к самому себе; но согласитесь, что и время и место весьма дурно для этого выбраны. На днях всем нам придется быть на большой, более серьезной дуэли, а кроме того, Друбецкой, который говорит, что он ваш старый приятель, нисколько не виноват в том, что моя физиономия имела несчастие вам не понравиться. Впрочем, – сказал он, вставая, – вы знаете мою фамилию и знаете, где найти меня; но не забудьте, – прибавил он, – что я не считаю нисколько ни себя, ни вас оскорбленным, и мой совет, как человека старше вас, оставить это дело без последствий. Так в пятницу, после смотра, я жду вас, Друбецкой; до свидания, – заключил князь Андрей и вышел, поклонившись обоим.
Ростов вспомнил то, что ему надо было ответить, только тогда, когда он уже вышел. И еще более был он сердит за то, что забыл сказать это. Ростов сейчас же велел подать свою лошадь и, сухо простившись с Борисом, поехал к себе. Ехать ли ему завтра в главную квартиру и вызвать этого ломающегося адъютанта или, в самом деле, оставить это дело так? был вопрос, который мучил его всю дорогу. То он с злобой думал о том, с каким бы удовольствием он увидал испуг этого маленького, слабого и гордого человечка под его пистолетом, то он с удивлением чувствовал, что из всех людей, которых он знал, никого бы он столько не желал иметь своим другом, как этого ненавидимого им адъютантика.


На другой день свидания Бориса с Ростовым был смотр австрийских и русских войск, как свежих, пришедших из России, так и тех, которые вернулись из похода с Кутузовым. Оба императора, русский с наследником цесаревичем и австрийский с эрцгерцогом, делали этот смотр союзной 80 титысячной армии.
С раннего утра начали двигаться щегольски вычищенные и убранные войска, выстраиваясь на поле перед крепостью. То двигались тысячи ног и штыков с развевавшимися знаменами и по команде офицеров останавливались, заворачивались и строились в интервалах, обходя другие такие же массы пехоты в других мундирах; то мерным топотом и бряцанием звучала нарядная кавалерия в синих, красных, зеленых шитых мундирах с расшитыми музыкантами впереди, на вороных, рыжих, серых лошадях; то, растягиваясь с своим медным звуком подрагивающих на лафетах, вычищенных, блестящих пушек и с своим запахом пальников, ползла между пехотой и кавалерией артиллерия и расставлялась на назначенных местах. Не только генералы в полной парадной форме, с перетянутыми донельзя толстыми и тонкими талиями и красневшими, подпертыми воротниками, шеями, в шарфах и всех орденах; не только припомаженные, расфранченные офицеры, но каждый солдат, – с свежим, вымытым и выбритым лицом и до последней возможности блеска вычищенной аммуницией, каждая лошадь, выхоленная так, что, как атлас, светилась на ней шерсть и волосок к волоску лежала примоченная гривка, – все чувствовали, что совершается что то нешуточное, значительное и торжественное. Каждый генерал и солдат чувствовали свое ничтожество, сознавая себя песчинкой в этом море людей, и вместе чувствовали свое могущество, сознавая себя частью этого огромного целого.
С раннего утра начались напряженные хлопоты и усилия, и в 10 часов всё пришло в требуемый порядок. На огромном поле стали ряды. Армия вся была вытянута в три линии. Спереди кавалерия, сзади артиллерия, еще сзади пехота.
Между каждым рядом войск была как бы улица. Резко отделялись одна от другой три части этой армии: боевая Кутузовская (в которой на правом фланге в передней линии стояли павлоградцы), пришедшие из России армейские и гвардейские полки и австрийское войско. Но все стояли под одну линию, под одним начальством и в одинаковом порядке.
Как ветер по листьям пронесся взволнованный шопот: «едут! едут!» Послышались испуганные голоса, и по всем войскам пробежала волна суеты последних приготовлений.
Впереди от Ольмюца показалась подвигавшаяся группа. И в это же время, хотя день был безветренный, легкая струя ветра пробежала по армии и чуть заколебала флюгера пик и распущенные знамена, затрепавшиеся о свои древки. Казалось, сама армия этим легким движением выражала свою радость при приближении государей. Послышался один голос: «Смирно!» Потом, как петухи на заре, повторились голоса в разных концах. И всё затихло.
В мертвой тишине слышался топот только лошадей. То была свита императоров. Государи подъехали к флангу и раздались звуки трубачей первого кавалерийского полка, игравшие генерал марш. Казалось, не трубачи это играли, а сама армия, радуясь приближению государя, естественно издавала эти звуки. Из за этих звуков отчетливо послышался один молодой, ласковый голос императора Александра. Он сказал приветствие, и первый полк гаркнул: Урра! так оглушительно, продолжительно, радостно, что сами люди ужаснулись численности и силе той громады, которую они составляли.
Ростов, стоя в первых рядах Кутузовской армии, к которой к первой подъехал государь, испытывал то же чувство, какое испытывал каждый человек этой армии, – чувство самозабвения, гордого сознания могущества и страстного влечения к тому, кто был причиной этого торжества.
Он чувствовал, что от одного слова этого человека зависело то, чтобы вся громада эта (и он, связанный с ней, – ничтожная песчинка) пошла бы в огонь и в воду, на преступление, на смерть или на величайшее геройство, и потому то он не мог не трепетать и не замирать при виде этого приближающегося слова.
– Урра! Урра! Урра! – гремело со всех сторон, и один полк за другим принимал государя звуками генерал марша; потом Урра!… генерал марш и опять Урра! и Урра!! которые, всё усиливаясь и прибывая, сливались в оглушительный гул.
Пока не подъезжал еще государь, каждый полк в своей безмолвности и неподвижности казался безжизненным телом; только сравнивался с ним государь, полк оживлялся и гремел, присоединяясь к реву всей той линии, которую уже проехал государь. При страшном, оглушительном звуке этих голосов, посреди масс войска, неподвижных, как бы окаменевших в своих четвероугольниках, небрежно, но симметрично и, главное, свободно двигались сотни всадников свиты и впереди их два человека – императоры. На них то безраздельно было сосредоточено сдержанно страстное внимание всей этой массы людей.
Красивый, молодой император Александр, в конно гвардейском мундире, в треугольной шляпе, надетой с поля, своим приятным лицом и звучным, негромким голосом привлекал всю силу внимания.
Ростов стоял недалеко от трубачей и издалека своими зоркими глазами узнал государя и следил за его приближением. Когда государь приблизился на расстояние 20 ти шагов и Николай ясно, до всех подробностей, рассмотрел прекрасное, молодое и счастливое лицо императора, он испытал чувство нежности и восторга, подобного которому он еще не испытывал. Всё – всякая черта, всякое движение – казалось ему прелестно в государе.
Остановившись против Павлоградского полка, государь сказал что то по французски австрийскому императору и улыбнулся.
Увидав эту улыбку, Ростов сам невольно начал улыбаться и почувствовал еще сильнейший прилив любви к своему государю. Ему хотелось выказать чем нибудь свою любовь к государю. Он знал, что это невозможно, и ему хотелось плакать.
Государь вызвал полкового командира и сказал ему несколько слов.
«Боже мой! что бы со мной было, ежели бы ко мне обратился государь! – думал Ростов: – я бы умер от счастия».
Государь обратился и к офицерам:
– Всех, господа (каждое слово слышалось Ростову, как звук с неба), благодарю от всей души.
Как бы счастлив был Ростов, ежели бы мог теперь умереть за своего царя!
– Вы заслужили георгиевские знамена и будете их достойны.
«Только умереть, умереть за него!» думал Ростов.
Государь еще сказал что то, чего не расслышал Ростов, и солдаты, надсаживая свои груди, закричали: Урра! Ростов закричал тоже, пригнувшись к седлу, что было его сил, желая повредить себе этим криком, только чтобы выразить вполне свой восторг к государю.
Государь постоял несколько секунд против гусар, как будто он был в нерешимости.
«Как мог быть в нерешимости государь?» подумал Ростов, а потом даже и эта нерешительность показалась Ростову величественной и обворожительной, как и всё, что делал государь.
Нерешительность государя продолжалась одно мгновение. Нога государя, с узким, острым носком сапога, как носили в то время, дотронулась до паха энглизированной гнедой кобылы, на которой он ехал; рука государя в белой перчатке подобрала поводья, он тронулся, сопутствуемый беспорядочно заколыхавшимся морем адъютантов. Дальше и дальше отъезжал он, останавливаясь у других полков, и, наконец, только белый плюмаж его виднелся Ростову из за свиты, окружавшей императоров.