Универсальный дизайн,
или зачем юзабилисту
доступность?
Санкт-Петербург
WUD 2015, ИТМО
7 ноября
Владимир Томберг, Ph.D.
1
Будущее — светлое или мрачное?
К 2050 ожидается 2 миллиарда
В 2005 — 673 Миллиона
В 1950 г. На Земле проживало 200
миллионов людей старше 65 лет
2WUD 2015, S. Peterburg
Potential Support Ratio
Коэффициент Потенциальной Поддержки
Potential Support Ratio (PSR) это отношение
количества людей в возрасте 15-64 лет к
количеству людей, которых они могут
поддерживать после 65 лет
3Image: courtesy to Youth Connection WUD 2015, S. Peterburg
Изменяющийся Мир
• В 1950 году PSR равнялся 12:1
WUD 2015, S. Peterburg 4Source: http://www.inclusivedesigntoolkit.com
Изменяющийся Мир
• В 2000 году PSR равнялся 9:1
WUD 2015, S. Peterburg 5Source: http://www.inclusivedesigntoolkit.com
Изменяющийся Мир
• В 2050 году PSR будет ориентировочно 4:1
WUD 2015, S. Peterburg 6Source: http://www.inclusivedesigntoolkit.com
Изменяющийся Мир
• В 2050 в развитых странах PSR будет
составлять примерно 2:1
WUD 2015, S. Peterburg 7Source: http://www.inclusivedesigntoolkit.com
Ожидаемая популяция на 2020 г.
8Image: courtesy to Design for All Foundation WUD 2015, S. Peterburg
Ожидаемая популяция на 2050 г.
9Image: courtesy to Design for All Foundation WUD 2015, S. Peterburg
Source: 1996 Family expenditure survey
Влияние возраста на количество денег
и способность их тратить
10WUD 2015, S. Peterburg
Индивидуальные Возможности
11WUD 2015, S. Peterburg
Функции участвующие во взаимодействии
и влияющие на дизайн
Зрение
Слух
Мышление
Общение
Мобильность
Гибкость и досягаемость
Моторика рук
12User capabilities from inclusive design toolkit WUD 2015, S. Peterburg
Влияние возраста
Какая часть населения имеет ограниченные способности?
Source: 1996/97 Disability follow-up survey 13WUD 2015, S. Peterburg
Старение и потеря функциональности
14Source: Alex Zhavoronkov presentation (in Russian)WUD 2015, S. Peterburg
Оценивание уровня индивидуальных
возможностей и возможностей, которые
требуются, чтобы использовать продукт
Зрение
Слух
Мышление
Общение
Мобильность
Гибкость и досягаемость
Моторика рук
15User capabilities from inclusive design toolkit WUD 2015, S. Peterburg
Дизайн пример
16User capabilities from inclusive design toolkit WUD 2015, S. Peterburg
Пример: Oxo Good Grips
WUD 2015, S. Peterburg 17
• В 1990 г. Oxo International представила
кухонную утварь Good Grips для люде с
артритом;
• Oxo International росла по 40% - 50% ежегодно
с 1990 до 1995, на $20 миллионов в год
Image courtesy of www.phaidon.com
Как адресовать нужды людей с
разными возможностями?
Универсальный Дизайн
18WUD 2015, S. Peterburg
The History of Design by Sooshin Choi
Source: http://livewellcollaborative.org/
19WUD 2015, S. Peterburg
Винегрет из Терминов:
Inclusive Design
Design for All
Universal Design
Accessibility
20WUD 2015, S. Peterburg
Истоки влияния и идей
21
John Clarkson, P., Coleman, R., History of Inclusive
Design in the UK, Applied Ergonomics (2013) WUD 2015, S. Peterburg
Классический пример UD − Пандус
22• Source: kohhranthianghlim.org WUD 2015, S. Peterburg
Principles of UD Illustrated
23Source link: udlhcpss.files.wordpress.com WUD 2015, S. Peterburg
Иерархическая структура
принципов Универсального Дизайна
Главенствующие принципы
•Равноправное использование
Принципы связанные с процессами
•Гибкость
•Управление ошибками
•Эффективность
•Стабильность и предсказуемость
Принципы связанные с человеческим
фактором
•Эргономика
•Восприятие
•Распознавание
Верхниеуровниустанавливают
ограничениядлянижних
Более общие,
направляющий
принципы
Более
детальные,
Более узко
определенные
24WUD 2015, S. Peterburg
Принцип Равноправного
Использования
25Source: livewellcollaborative.org WUD 2015, S. Peterburg
Принцип Гибкости
26
Image: indiandrives.comImage: ergonomicsolutionsaustralia.com.au
WUD 2015, S. Peterburg
Принцип Управления Ошибками
27WUD 2015, S. Peterburg
Принцип Эффективности
Объект дизайна должен быть максимально
простым и легким в использовании
28Image: crave.cnet.co.uk WUD 2015, S. Peterburg
Принцип Стабильности и
Предсказуемости
29WUD 2015, S. Peterburg
Эргономический Принцип
Пример: прототип интерьера экономического
класса Boing 747. Примерно 1965
30Image source: reddit.com WUD 2015, S. Peterburg
Реализация прототипа
Пример: Экономический класс сегодня
31Image source: dialaflight.com WUD 2015, S. Peterburg
Принцип Распознавания
Пример: цветовое кодирование в Walmart
32
Source: google.com Image: zocalopublicsquare.org
WUD 2015, S. Peterburg
Принцип Восприятия
Дизайн помогает увеличить соотношение
сигнал/шум
33Source: zyalt.livejournal.com WUD 2015, S. Peterburg
Принцип Восприятия
34Source: somewhere in Internet WUD 2015, S. Peterburg
Примеры Универсального
Дизайна
35WUD 2015, S. Peterburg
Хороший дизайн адресует множество
разных функций
36WUD 2015, S. Peterburg
Пример Универсального Дизайна
37Image: tapsuk.com WUD 2015, S. Peterburg
Еще пример
38Image: collectionscanada.gc.ca WUD 2015, S. Peterburg
Другой Пример
39Image: fslocal.com WUD 2015, S. Peterburg
Выдвижной обеденный стол
40Source: www.nallau.com WUD 2015, S. Peterburg
С чего начать?
41WUD 2015, S. Peterburg
Один размер годится всем
“… интерфейс некоторых
приложений вызывает
ощущение, что дизайнер
моделировал персонажа как
25 летнего мужчину с
магистерской степенью в
компьютерных науках,
увлеченного современными
технологиями и больше
заинтересованного в том,
чтобы играть с
компьютером, чем в
выполнении полезной
работы!”
Alistair D. N. Edwards
42WUD 2015, S. Peterburg
Типичный персонаж: отсутствуют
данные о персональных возможностях
43Image courtesy of http://barnabasnagy.net/ WUD 2015, S. Peterburg
Набор персонажей
Семьяhttp://www.inclusivedesigntoolkit.com
44WUD 2015, S. PeterburgSource: http://www.inclusivedesigntoolkit.com
Персонаж с перечисленными важными
личными факторами
• Роза, бабушка 83 лет. Явно
стараясь быть независимой,
она ведет борьбу за каждую
повседневную задачу типа
покупок, приготовления еды и
работы по дому. Детям
приходится постоянно забегать
к ней чтобы помочь
• Она получает удовольствие от
общественной жизни – включая
регулярную игру в бридж и
еженедельную викторину, а
также семейными выходами в
ресторан.
• В отличие от мужа Роза
пользуется слуховым
аппаратом. Всю жизнь она
пользуется очками.
45WUD 2015, S. PeterburgSource: http://www.inclusivedesigntoolkit.com
Развиваем эмпатию
Студентка со связанными руками симулирует человека без
рук (слева), студент с грузом в рюкзаке симулирует человека
с остеопорозом (справа)
Знакомимся с современными
стандартами доступности
• WCAG 2.0 - (Web Content Accessibility
Guidelines) – Руководство и техники как делать
веб-сайты и веб-приложения доступными для
людей с ограниченными возможностями;
• WAI-ARIA (Accessible Rich Internet Applications
Suite) – фреймворк, описывающий атрибуты
веб документов, позволяющие сделать
интерактивные элементы интерфейсов
доступными для людей, использующих
вспомогательные технологии
WUD 2015, S. Peterburg 47
Измерение осведомленности о стандартах
доступности
Опрошено 75
участников из 16
стран
WUD 2015, S. Peterburg 48
Место работы
WUD 2015, S. Peterburg 49
Должность
WUD 2015, S. Peterburg 50
Считаете ли вы себя осведомленным о наличии
проблем с доступностью в веб-среде?
WUD 2015, S. Peterburg 51
Я знаю, что такое спецификации
WCAG / WAI ARIA
WUD 2015, S. Peterburg 52
Приглашаю принять участие в
исследовании
http://goo.gl/391UTI
WUD 2015, S. Peterburg 53
“Мы сами должны стать теми переменами,
которые хотим увидеть в мире”
– Ганди
54Image courtesy to http://www.wikipedia.org/ WUD 2015, S. Peterburg
vtomberg@tlu.ee
http://ee.linkedin.com/in/vladimirtomberg/
55WUD 2015, S. Peterburg

More Related Content

PDF
Signbox. Wayfinding systems and solutions for users with disabilities.
PDF
Системы управления освещением: как начать экономить до 70% на счетах за освещ...
PDF
Project Wonderfull. Crowdsourcing.
PPTX
My talk at Riga 2016 Web Accessibility Meetup
PPTX
Web accessibility workshop 3
PPTX
Web accessibility workshop 2
PPTX
Web accessibility workshop 1
PPTX
Design for all 4
Signbox. Wayfinding systems and solutions for users with disabilities.
Системы управления освещением: как начать экономить до 70% на счетах за освещ...
Project Wonderfull. Crowdsourcing.
My talk at Riga 2016 Web Accessibility Meetup
Web accessibility workshop 3
Web accessibility workshop 2
Web accessibility workshop 1
Design for all 4

More from Vladimir Tomberg (20)

PPTX
Design for all 3
PPTX
Design for all 2
PPTX
Design for all 1
PPTX
Learner journey maps
PPTX
Tallinn summerschool 21.07.2015
PPTX
Exploring Different Routes from LMS towards PLE: a Dialectical Perspective
PPTX
Workshop Universal Design Principles.
PPTX
Teaching Design for All Through Empathic Modeling: a Case Study in Tallinn Un...
PPTX
Integration data models, Learning Layers project meeting in Bremen
PPTX
Web accessibility workshop 4
PPTX
Experimental Interaction Design: Принципы Универсального Дизайна
PPTX
Опыт преподавания UX в Эстонии
PPTX
Web accessibility workshop 3
PPTX
Web accessibility workshop 2
PPTX
Web accessibility workshop 1
PPTX
Design for all. Lecture 4
PPTX
Design for all. Lecture 3
PPTX
Design for all. Lecture 2
PPTX
Design for all. Lecture 1
PPTX
Harnessing the Potential
Design for all 3
Design for all 2
Design for all 1
Learner journey maps
Tallinn summerschool 21.07.2015
Exploring Different Routes from LMS towards PLE: a Dialectical Perspective
Workshop Universal Design Principles.
Teaching Design for All Through Empathic Modeling: a Case Study in Tallinn Un...
Integration data models, Learning Layers project meeting in Bremen
Web accessibility workshop 4
Experimental Interaction Design: Принципы Универсального Дизайна
Опыт преподавания UX в Эстонии
Web accessibility workshop 3
Web accessibility workshop 2
Web accessibility workshop 1
Design for all. Lecture 4
Design for all. Lecture 3
Design for all. Lecture 2
Design for all. Lecture 1
Harnessing the Potential
Ad

Wud talk