180. мобильный и доступный
TRANSCRIPT
![Page 1: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/1.jpg)
Мобильный и доступный
180 вебинар UX Russia
10 января 2013
![Page 2: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/2.jpg)
Дизайн против доступности
?
![Page 3: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/3.jpg)
А теперь серьёзнее
В 2012 году количество действующих мобильных телефонов превысило численность населения Земли.
В среднем каждый шестой житель Земли является инвалидом или человеком с ограниченными возможностями.
6 млрд
15 %
![Page 4: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/4.jpg)
Accessibility = Доступность
• Физическая (Информация физически досягаема)
• Информационная (Информация доходит от источника к получателю без помех и потерь)
• Содержательная (информацией можно воспользоваться, она удобно представлена)
![Page 5: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/5.jpg)
Ограниченные возможности
Ситуация Травма Возраст Инвалидность
![Page 6: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/6.jpg)
Что может быть нарушено?
Зрение
Слух
Речь
Мышление
Память
Координация движений
![Page 7: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/7.jpg)
Компенсация утраченных функций
Оставшиеся Утраченные
70% информации
Здоровый человек получает с помощью
зрения
![Page 8: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/8.jpg)
Как решать проблему?
Hardware
Специализированные устройства
Адаптация обычных устройств
Software
Специальные приложения
Адаптация обычных интерфейсов
![Page 9: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/9.jpg)
Hardware
![Page 10: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/10.jpg)
Специальные устройства
• При слепоте – клавиатуры со шрифтом Брайля
• При приобретённой глухоте – виброфон Panasonic DECT KX-TG7175RU
![Page 11: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/11.jpg)
Специальные устройства
Телефоны для слепых Sens (Takumi Yoshida)
![Page 12: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/12.jpg)
Специальные устройства
• При нарушениях моторики – айтрекинговые системы
• При слепоглухонемоте – телефон-перчатка Lorm
![Page 13: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/13.jpg)
Хорошо или плохо?
• Ориентация на конкретное нарушение
• Максимальная адаптация к особым потребностям
• Иногда единственный способ
• Труднодоступность
• Высокая стоимость
• Существенные ограничения использования
• Много концептов – мало реализаций!
![Page 14: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/14.jpg)
Адаптация обычных устройств
Форма имеет значение
• Для слабовидящих
• Для людей с нарушениями моторики
• Для слабослышащих
![Page 15: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/15.jpg)
Адаптация обычных устройств
• Уменьшение необходимости держать телефон руками
• Прорезиненный корпус для надёжного удержания в ладони и защиты от падений
Land Rover S8
![Page 16: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/16.jpg)
Адаптация обычных устройств
• Сильно различающиеся между собой на ощупь кнопки.
• Большой экран.
• Настройка контрастности экрана и возможность инверсии цветов.
![Page 17: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/17.jpg)
Адаптация обычных устройств
• Настройка силы вибрации, bluetooth-браслеты с вибрационным оповещением о звонке.
![Page 18: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/18.jpg)
Хорошо или плохо?
• Социальная интеграция – использование тех же устройств, что и у других людей
• Недостаточно специальных возможностей
![Page 19: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/19.jpg)
Software
![Page 20: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/20.jpg)
Специальные приложения
• ClearCaptions – Субтитры для телефонных разговоров.
http://www.clearcaptions.com/
![Page 21: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/21.jpg)
Специальные приложения
• LookTel – Распознавание и озвучивание предметов с помощью телефона.
http://www.looktel.com/
![Page 22: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/22.jpg)
Специальные приложения
• LookTel – Хлебные крошки на маршруте по GPS.
• Intersection Explorer от Google – звуковая навигация по картам Google.
Страничка на Андроид-Маркете
http://www.looktel.com/
![Page 23: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/23.jpg)
Специальные приложения
• MobileGeo – самый функциональный звуковой навигатор. Нет карт России:(
Страничка приложения
Страничка приложения
• MobileSpeak – синтезатор речи текст-речь-текст.
![Page 24: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/24.jpg)
Специальные приложения
• Android for the blind (Mobile Accessability RU) – крупные иконки, минимум функций. Быстрый доступ к 11 ключевых функциям телефона. Озвучивание экрана и специальный браузер для слепых.
Страничка на Андроид-Маркете
![Page 25: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/25.jpg)
Хорошо или плохо?
• Социальная интеграция – использование тех же устройств, что и у других людей.
• Урезанный функционал приложений.
• Несовместимость с обычными приложениями или устройствами, которыми пользуется другой абонент.
• Обычно нет поддержки русского языка.
• Дополнительные деньги на разработку специального приложения.
• Каждое приложение стоит достаточно дорого.
![Page 26: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/26.jpg)
Как сделать обычное приложение доступным?
![Page 27: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/27.jpg)
Адаптация интерфейсов
• Графический и звуковой отклик любых интерактивных элементов на действия.
• Меньше тонких и похожих жестов! Никаких сложных жестовых интерфейсов.
• Настройка ответа на входящий звонок любой кнопкой.
• Автоввод текста по первых символам.
• Распознавание речевых команд.
![Page 28: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/28.jpg)
Адаптация интерфейсов
• Вибрационный и графический отклик всех интерактивных элементов.
• История и оповещения о пропущенных звонках.
• Регулировка громкости звука в приложении.
• Настройка монофонии звука.
• Субтитры для всех звуковых функций.
![Page 29: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/29.jpg)
Адаптация интерфейсов
• Автоввод текста по первым символам.
• Мультимедиа-сообщения (MMS) и другие визуальные способы коммуникации.
![Page 30: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/30.jpg)
Адаптация интерфейсов
• Звуковой и вибрационный отклик интерактивных элементов.
• Масштабирование изображений (в iPhone - до 500%).
• Для текста – изменение размера шрифта, а не масштабирование!
• Изменение яркости и контрастности, возможность инверсии цветов, разные цветовые схемы.
• Озвучивание всех графических элементов.
![Page 31: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/31.jpg)
Адаптация интерфейсов
• Больше визуальных образов.
• Звуковой, визуальный, вибрационный отклик интерактивных элементов.
• Простота и интуитивность интерфейса. Минимальность и достаточность функций.
• Обучающие программы в интерфейсе.
• Повторяемость похожих элементов. Консистентность и другие эвристики Нильсена:)
![Page 32: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/32.jpg)
Адаптация интерфейсов
• Совместимость со специальными устройствами и приложениями!
В Windows Phone
![Page 33: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/33.jpg)
Хорошо или плохо?
• Нет затрат на разработку отдельных приложений.
• У приложения существенно расширяется охват возможной аудитории.
• Приложение станет доступным постоянным пользователям, которые временно стали ограничены в своих возможностях.
• Не подходит для людей с существенно ограниченными возможностями, когда требуется исключительно использование специальных устройств и ПО. Но таких людей немного.
![Page 34: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/34.jpg)
Ради чего это всё?
![Page 35: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/35.jpg)
Для людей
• Обучение людей с огр. возможностями.
• Адаптация к обычной жизни и интеграция в социум.
• Помощь в общении с другими людьми для людей с разными категориями нарушений.
Приложение WebSign (Тунис)
Приложение Аутизм: Общение (Россия)
![Page 36: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/36.jpg)
Для себя
• Расширение целевой аудитории. В устройствах Apple предусмотрены настройки для разных категорий людей с огр. возможностями.
• Emporia Telecom в Австрии занимает 16% рынка мобильной связи.
• Google выпускает и обновляет приложения для разных категорий людей с ограниченными возможностями.
![Page 37: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/37.jpg)
Полезные ссылки
• http://www.unic.ru/news_inf/unic%20mobile1.pdf – доклад «Обеспечение доступности мобильных телефонов и услуг мобильной связи для инвалидов» Международного союза электросвязи и G3ict.
• http://www.apple.com/accessibility/ - манифест Apple о доступности мобильных устройств.
• http://code.google.com/p/eyes-free/ - официальный блог о доступности приложений для Android.
• http://accessibility.ru/docs/WCAG20Russian031109.html – стандарт о доступности веб-контента, утверждённый ООН.
• http://alexmak.net/blog/2010/09/22/iphone-and-blind-user/ - Айфон и слепой пользователь.
Приложения для людей с ограниченными возможностями:
• http://www.mywirelessreview.com/
• http://ulanoff.com/blogs/automation/iphone-apps/
• http://www.eastersealstech.com/content.aspx?pId=554
• http://atcoalition.org/category/mobile-phones-including-smartphones
• http://www.mywirelessreview.com/accessible-apps-corner
• http://www.androidzoom.com/android_applications/deaf
• http://www.apparelyzed.com/forums/forum/62-accessible-computing-adaptive-technology-andhome-
• automation/
• http://a4cwsn.com/
![Page 38: 180. мобильный и доступный](https://reader034.vdocuments.mx/reader034/viewer/2022052307/557f9eedd8b42ad60b8b47b0/html5/thumbnails/38.jpg)
Спасибо за внимание!