Experimental Interaction Design: Принципы Универсального Дизайна
-
date post
21-Oct-2014 -
Category
Education
-
view
303 -
download
0
description
Transcript of Experimental Interaction Design: Принципы Универсального Дизайна
![Page 1: Experimental Interaction Design: Принципы Универсального Дизайна](https://reader033.fdocuments.net/reader033/viewer/2022061109/5446e051afaf9f51178b47c4/html5/thumbnails/1.jpg)
Экспериментальный дизайн взаимодействия:
Принципы Универсального Дизайна
Санкт-Петербург ProfsoUX 2014
27 апреля
Владимир Томберг, Ph.D.
![Page 2: Experimental Interaction Design: Принципы Универсального Дизайна](https://reader033.fdocuments.net/reader033/viewer/2022061109/5446e051afaf9f51178b47c4/html5/thumbnails/2.jpg)
Design for ALL 2
Один размер годится всем“… интерфейс некоторых
приложений вызывает ощущение, что дизайнер моделировал персонажа как 25 летнего мужчину с магистерской степенью в компьютерных науках, увлеченного современными технологиями и больше заинтересованного в том, чтобы играть с компьютером, чем в выполнении полезной работы!”
Alistair D. N. Edwards
![Page 3: Experimental Interaction Design: Принципы Универсального Дизайна](https://reader033.fdocuments.net/reader033/viewer/2022061109/5446e051afaf9f51178b47c4/html5/thumbnails/3.jpg)
Design for ALL 3
Типичный персонаж: отсутствуют данные о персональных возможностях
Image courtesy of http://barnabasnagy.net/
![Page 4: Experimental Interaction Design: Принципы Универсального Дизайна](https://reader033.fdocuments.net/reader033/viewer/2022061109/5446e051afaf9f51178b47c4/html5/thumbnails/4.jpg)
Design for ALL 4
Зависимость и автономия в течение жизни
Image courtesy of Design For All Foundation
![Page 5: Experimental Interaction Design: Принципы Универсального Дизайна](https://reader033.fdocuments.net/reader033/viewer/2022061109/5446e051afaf9f51178b47c4/html5/thumbnails/5.jpg)
Design for ALL 5
Функции участвующие во взаимодействии и влияющие на дизайн
Зрение
Слух
Мышление
Общение
Мобильность
Гибкость и досягаемость
Моторика рук
User capabilities from inclusive design toolkit
![Page 6: Experimental Interaction Design: Принципы Универсального Дизайна](https://reader033.fdocuments.net/reader033/viewer/2022061109/5446e051afaf9f51178b47c4/html5/thumbnails/6.jpg)
6
Хороший дизайн адресует множество разных функций
![Page 7: Experimental Interaction Design: Принципы Универсального Дизайна](https://reader033.fdocuments.net/reader033/viewer/2022061109/5446e051afaf9f51178b47c4/html5/thumbnails/7.jpg)
Design for ALL 7
Набор персонажей Семьяhttp://www.inclusivedesigntoolkit.com
![Page 8: Experimental Interaction Design: Принципы Универсального Дизайна](https://reader033.fdocuments.net/reader033/viewer/2022061109/5446e051afaf9f51178b47c4/html5/thumbnails/8.jpg)
Design for ALL 8
Персонаж с перечисленными важными личными факторами
• Роза, бабушка 83 лет. Явно стараясь быть независимой, она ведет борьбу за каждую повседневную задачу типа покупок, приготовления еды и работы по дому. Детям приходится постоянно забегать к ней чтобы помочь
• Она получает удовольствие от общественной жизни – включая регулярную игру в бридж и еженедельную викторину, а также семейными выходами в ресторан.
• В отличие от мужа Роза пользуется слуховым аппаратом. Всю жизнь она пользуется очками.
![Page 9: Experimental Interaction Design: Принципы Универсального Дизайна](https://reader033.fdocuments.net/reader033/viewer/2022061109/5446e051afaf9f51178b47c4/html5/thumbnails/9.jpg)
Как адресовать нужды всех?Ответ − Универсальный Дизайн
![Page 10: Experimental Interaction Design: Принципы Универсального Дизайна](https://reader033.fdocuments.net/reader033/viewer/2022061109/5446e051afaf9f51178b47c4/html5/thumbnails/10.jpg)
Design for ALL 10
Классический пример − Пандус
• Source: kohhranthianghlim.org
![Page 11: Experimental Interaction Design: Принципы Универсального Дизайна](https://reader033.fdocuments.net/reader033/viewer/2022061109/5446e051afaf9f51178b47c4/html5/thumbnails/11.jpg)
Design for ALL 11
Истоки влияния и идей
John Clarkson, P., Coleman, R., History of Inclusive Design in the UK, Applied Ergonomics (2013)
![Page 12: Experimental Interaction Design: Принципы Универсального Дизайна](https://reader033.fdocuments.net/reader033/viewer/2022061109/5446e051afaf9f51178b47c4/html5/thumbnails/12.jpg)
Design for ALL 12
Иерархическая структура принципов Универсального Дизайна
Главенствующие принципы• Равноправное использование
Принципы связанные с процессами• Гибкость• Управление ошибками• Эффективность• Стабильность и предсказуемость
Принципы связанные с человеческим фактором• Эргономика• Восприятие• РаспознаваниеВе
рхни
е ур
овни
уст
анав
лива
ют
ог
рани
чени
я дл
я ни
жни
х
Более общие, направляющий принципы
Более детальные,Более узко определенные
![Page 13: Experimental Interaction Design: Принципы Универсального Дизайна](https://reader033.fdocuments.net/reader033/viewer/2022061109/5446e051afaf9f51178b47c4/html5/thumbnails/13.jpg)
Design for ALL 13
Пример Универсального Дизайна
Image: tapsuk.com
![Page 14: Experimental Interaction Design: Принципы Универсального Дизайна](https://reader033.fdocuments.net/reader033/viewer/2022061109/5446e051afaf9f51178b47c4/html5/thumbnails/14.jpg)
Design for ALL 14
Другой Пример
Image: fslocal.com
![Page 15: Experimental Interaction Design: Принципы Универсального Дизайна](https://reader033.fdocuments.net/reader033/viewer/2022061109/5446e051afaf9f51178b47c4/html5/thumbnails/15.jpg)
Design for ALL 15
Еще пример
Image: collectionscanada.gc.ca
![Page 16: Experimental Interaction Design: Принципы Универсального Дизайна](https://reader033.fdocuments.net/reader033/viewer/2022061109/5446e051afaf9f51178b47c4/html5/thumbnails/16.jpg)
Стратегии Универсального Дизайна
![Page 17: Experimental Interaction Design: Принципы Универсального Дизайна](https://reader033.fdocuments.net/reader033/viewer/2022061109/5446e051afaf9f51178b47c4/html5/thumbnails/17.jpg)
Design for ALL 17
Равноправное использование
Source: livewellcollaborative.org
![Page 18: Experimental Interaction Design: Принципы Универсального Дизайна](https://reader033.fdocuments.net/reader033/viewer/2022061109/5446e051afaf9f51178b47c4/html5/thumbnails/18.jpg)
Design for ALL 18
Принцип стабильности и предсказуемости (1)
Erlandson, R. F. (2010). Universal and accessible design for products, services, and processes. CRC Press.
![Page 19: Experimental Interaction Design: Принципы Универсального Дизайна](https://reader033.fdocuments.net/reader033/viewer/2022061109/5446e051afaf9f51178b47c4/html5/thumbnails/19.jpg)
Design for ALL 19
Принцип стабильности и предсказуемости (2)
Erlandson, R. F. (2010). Universal and accessible design for products, services, and processes. CRC Press.
![Page 20: Experimental Interaction Design: Принципы Универсального Дизайна](https://reader033.fdocuments.net/reader033/viewer/2022061109/5446e051afaf9f51178b47c4/html5/thumbnails/20.jpg)
Design for ALL 20
Принцип стабильности и предсказуемости (3)
• The vertical orientation of the correct readings increase reliability and• reduces common cause variability if speed is important (e.g., dashboard dials in a racing car).
Erlandson, R. F. (2010). Universal and accessible design for products, services, and processes. CRC Press.
![Page 21: Experimental Interaction Design: Принципы Универсального Дизайна](https://reader033.fdocuments.net/reader033/viewer/2022061109/5446e051afaf9f51178b47c4/html5/thumbnails/21.jpg)
Design for ALL 21
Дизайн-стратегия эффективности
• Полное избегание или уменьшение количества непродуктивных действий (non-value-added activity - NVAA)
![Page 22: Experimental Interaction Design: Принципы Универсального Дизайна](https://reader033.fdocuments.net/reader033/viewer/2022061109/5446e051afaf9f51178b47c4/html5/thumbnails/22.jpg)
Design for ALL 22
(Мой любимый пример)
Принцип Управления Ошибками
![Page 23: Experimental Interaction Design: Принципы Универсального Дизайна](https://reader033.fdocuments.net/reader033/viewer/2022061109/5446e051afaf9f51178b47c4/html5/thumbnails/23.jpg)
Design for ALL 23
Принцип Управления Ошибками
• Предотвращение источника ошибокImage source: blog.crazyegg.com
![Page 24: Experimental Interaction Design: Принципы Универсального Дизайна](https://reader033.fdocuments.net/reader033/viewer/2022061109/5446e051afaf9f51178b47c4/html5/thumbnails/24.jpg)
Design for ALL 24
Принцип Распознавания
Пример: цветовое кодирование в Wal-Mart
Image: zocalopublicsquare.org Source: google.com
![Page 25: Experimental Interaction Design: Принципы Универсального Дизайна](https://reader033.fdocuments.net/reader033/viewer/2022061109/5446e051afaf9f51178b47c4/html5/thumbnails/25.jpg)
Design for ALL 25
Feedback
• Использование обратной связи для информирования пользователя о статусе операции и щ реакции ПО на ввод пользователя
![Page 26: Experimental Interaction Design: Принципы Универсального Дизайна](https://reader033.fdocuments.net/reader033/viewer/2022061109/5446e051afaf9f51178b47c4/html5/thumbnails/26.jpg)
Design for ALL 26
Принцип Восприятия
Source: somewhere in Internet
![Page 27: Experimental Interaction Design: Принципы Универсального Дизайна](https://reader033.fdocuments.net/reader033/viewer/2022061109/5446e051afaf9f51178b47c4/html5/thumbnails/27.jpg)
Design for ALL 27
Про память
Source: Facebook