SlideShare una empresa de Scribd logo
1 de 55
Descargar para leer sin conexión
Универсальный дизайн,
или зачем юзабилисту
доступность?
Санкт-Петербург
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

Más contenido relacionado

Más de Vladimir Tomberg

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

Más de Vladimir Tomberg (20)

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

Wud talk