Исследования доступности (accessibility) и примеры найденных проблем. За более полной информацией обращайтесь: info@usabilitylab.net Мысль №1. 3,5 млн.человек в России имеют нарушения зрения (данные АМИ-ТАСС). Но! Кажется, что банки должны нести социальную ответственности. Для ключевых банков России вопрос не должен ставиться "насколько бизнес выиграет, если система будет более человечной". Мысль №2. Среди знакомых, как правило, не часто встречаются люди, например, с тотальной слепотой. Мы мало о них знаем и не очень хотим задумываться. Да потому что "страшно". Им приходится приспосабливаться и учиться жить с этими ограничениями, покупая дорогое оборудование. Думаю, отчасти это и не позволяет "драйвить" это вопрос. Мысль №3. Интересно, что одним из основных и наиболее продвинутых, с т.з. accessibility, устройств является iPhone с ПО VoiceOver (ридер). Но даже эта дорогая и необходимая вещь не является панацеей, т.к. он зачитывает не все элементы на экране, а только то, что правильным образом реализовано на этапе верстки. Не затрагивая понятия юзабилити или сложности текстов, поговорим о том, какие проблемы встречаются у незрячих пользователей iPhone (ридера VoiceOver).

1. ОЦЕНКА ACCESSIBILITY КАК ЧАСТЬ ОТРАСЛЕВОГО
ЮЗАБИЛИТИ-ИССЛЕДОВАНИЯ ДБО 2017

2. 2
?СЕНСОРНЫЕ?
ДЛЯ СЛЕПЫХ?
СЕРЬЁЗНО?

3. 3

4. 4
1

5. 5
1

6. 6
Нажму в центр экрана,
чтобы прослушать ролик.
Самая верхняя правая
кнопка — мой профиль.
Чуть левее профиля —
кнопка поиска. Нажму —
откроется клавиатура.
Внизу, над кнопкой,
находится меню с самым
интересным.
Захочу быстро выйти
— нажму сюда.

7. 7

8. 8

9. 9

10. ПРОГРАММЫ ЭКРАННОГО ДОСТУПА
10
Shine Plus TalkBack IDEAL Accessible
App Installer
Voice Access

11. ОЦЕНКА ДОСТУПНОСТИ IOS-ПРИЛОЖЕНИЙ
11
• Альфа-Банк
• Бинбанк
• Банк Санкт-Петербург
• ВТБ24
• ВТБ Банк Москвы
• Газпромбанк (Телекард)
• Банк Открытие
• Промсвязьбанк
• Райффайзен Банк
• РОСБАНК
• Русский Стандарт Банк
• Сбербанк
• Тинькофф
• Хоум Кредит
• ЮниКредит Банк

12. ПОЛЬЗОВАТЕЛЬСКИЕ ЗАДАЧИ
12
1. Вход в мобильный банк
2. Просмотр истории операций по карте
3. Оплата мобильного телефона
4. Перевод на карту клиента другого банка

13. 13
РУЧНОЙ РЕЖИМ VOICEOVER
Однократное касание — установление
фокуса.
Чтение элемента экранным диктором
VoiceOver.
Двукратное касание — действие.
1 2 3
«Платежи и переводы. Кнопка»

14. РЕЖИМ СКАНИРОВАНИЯ VOICEOVER
14
Свайп двумя
пальцами снизу вверх
— активация режима
сканирования.
1
Последовательное чтение
диктором всех элементов
на экране.
При произнесении
нужного элемента
однократное касание по
экрану останавливает
режим сканирования,
устанавливая фокус на
последнем озвученном
элементе.
2

15. ЧТО МЫ ВИДИМ
15

16. ЧТО МЫ ВИДИМ
16
К нашим услугам:
✓ Описание карты
✓ Номер счета
✓ Просмотр баланса
✓ Просмотр резерва
✓ Возможность добавить карту в Apple Wallet
✓ Просмотр выписки
✓ Просмотр реквизитов
А еще мы можем:
✓ Оплатить мобильную связь
✓ Перевести деньги кому-нибудь
✓ Просмотреть шаблоны и создать новые
✓ Подключить SMS-уведомления
✓ Совершить другие полезные операции

17. ЧТО ХОТЕЛОСЬ БЫ УСЛЫШАТЬ…
17
Кнопка, указывающая назад Пять тысяч сто, шестьдесят девять, три звезды, ноль, четыре, четыре, шесть. Заголовок
Номер карты Пять тысяч сто, шестьдесят девять, три звезды, ноль, четыре, четыре, шесть Мастер-Кард Саплементари Юрокард Стэндард Дебетовая
Действительна до Ноль, шесть, слэш, девятнадцать Эппл пэй. Кнопка
Счёт карты Четыре, ноль, восемь, один, семь, восемь, один, ноль, ноль, ноль, один, ноль, ноль, три, один, семь, пять, восемь, восемь, три. Ссылка
Баланс Семьдесят два, точка, ноль, два. Знак рубля Зарезервировано Ноль, точка, ноль, ноль. Знак рубля
Добавить в Эппл Уолет. Кнопка
Выписка. Ссылка
Операции. Заголовок
Оплата мобильной связи. Ссылка
Перевод с карты стороннего банка. Ссылка
Переводы между картами. Ссылка
Шаблоны. Ссылка
Все операции. Ссылка

18. …НО НЕ ПОЛУЧИЛОСЬ
18
Эрроу лэфт. Кнопка Пять тысяч сто, шестьдесят девять, три звезды, ноль, четыре, четыре, шесть. Заголовок
Номер карты Пять тысяч сто, шестьдесят девять, три звезды, ноль, четыре, четыре, шесть Мастер-Кард Саплементари Юрокард Стэндард Дебетовая
Действительна до Ноль, шесть, слэш, девятнадцать Эппл пэй. Кнопка
Кнопка
Баланс Семьдесят два, точка, ноль, два. Знак рубля Зарезервировано Ноль, точка, ноль, ноль. Знак рубля
Кнопка
Выписка. Ссылка
Операции. Заголовок
Оплата мобильной связи. Ссылка
Перевод с карты стороннего банка. Ссылка
Переводы между картами. Ссылка
Шаблоны. Ссылка
Все операции. Ссылка
2 2 2 2
2 2
2 2 2 2

19. 19
КАК «ВИДЯТ» СЛЕПЫЕ

20. 20
КАК «ВИДЯТ» СЛЕПЫЕ
К их услугам:
✓ Описание карты, аж 2 раза
- Номер счета
๏ Баланс вперемешку с резервом
๏ Резерв вперемешку с балансом
- Возможность добавить карту в Apple Wallet
- Просмотр выписки
- Просмотр реквизитов
А еще они НЕ могут:
- Оплатить мобильную связь
- Перевести деньги кому-нибудь
- Просмотреть шаблоны и создать новые
- Подключить SMS-уведомления
- Совершить другие полезные операции

21. 21
ИНТЕРФЕЙС С ОГРАНИЧЕННЫМИ ВОЗМОЖНОСТЯМИ
Нэвбр айкон мину. Кнопка Нэвбр айкон сэтинс. Кнопка Нэвбр айкон контактс. Кнопка
Потяните, чтобы обновить. Эллипсис

22. 22
Нэвбр айкон мину. Кнопка
Нэвбр айкон сэтинс. Кнопка
Нэвбр айкон контактс. Кнопка
Потяните, чтобы обновить. Эллипсис

23. УГАДАЙ ПРИЛОЖЕНИЕ
23
?

24. УГАДАЙ ПРИЛОЖЕНИЕ
24

25. НАЗАД ДОРОГИ НЕТ?
25

26. ТИПИЧНЫЕ ПРОБЛЕМЫ ДОСТУПНОСТИ
26
— Сложные формулировки
— Призрачные тексты
— Фокус
— Контролы
— Клавиатура
17типичных accessibility-проблем
Юзабилити=Доступность = Работоспособность

27. ЭКРАН «ГЛАВНЫЙ»
27
Поиск, кнопка
Карта Tinkoff Black *2620 masterCard 120 000руб, кнопка
1 скрытая карта, кнопка
Накопительный счет, 4,68 руб, кнопка
Счет Тест 0руб, кнопка
Карта ОТП БАНК *6994 masterCard, кнопка
Карта Русский стандарт *3294 masterCard, кнопка
Выбрано
Счета,
вкладка, 1
из 5
События,
вкладка, 2
из 5
Оплатить,
вкладка,
3 из 5
Чат,
вкладка,
4 из 5
Еще,
вкладка,
5 из 5

28. ЭКРАН «ПЛАТЕЖИ»
28
Кнопка, указывающая назад
Платежи
Мобильная связь, кнопка
Коммунальные платежи, кнопка
Интернет, кнопка
Домашний телефон, кнопка
Телевидение, кнопка
Госуслуги, кнопка
Транспорт, кнопка
Электронные кошельки, кнопка
Погашение кредитов, кнопка
Сетевой маркетинг, кнопка
Счета,
вкладка,
1 из 5
События,
вкладка,
2 из 5
Выбрано
Оплатить,
вкладка,
3 из 5
Чат,
вкладка,
4 из 5
Еще,
вкладка,
5 из 5

29. ЭКРАН «ОПЛАТА МОБИЛЬНОЙ СВЯЗИ»
29
Кнопка, указывающая назад
Оплатить
Tinkoff Black 120 000 Руб, список
Мобильная связь, список
Номер телефона, текстовое поле
Введите сумму, текстовое поле
Размер комиссии будет уточнен после ввода
реквизитов платежа
Оплатить, кнопка
Счета,
вкладка,
1 из 5
События,
вкладка,
2 из 5
Выбрано
Оплатить,
вкладка,
3 из 5
Чат,
вкладка,
4 из 5
Еще,
вкладка,
5 из 5
Tinkoff Platinum 1 000 0000 Руб,
элемент 1 из 3
Tinkoff Visa 985 Руб, элемент 2
из 3
Tinkoff Black 120 000 Руб,
элемент 3 из 3
Номер телефона, текстовое поле,
идет правка
Введите сумму, текстовое поле,
идет правка

30. ЭКРАН «ВВОД НОМЕРА»
30
Закрыть, кнопка
Телефон, текстовое поле, идет
правка
Готово, кнопка
Сохранить, кнопка

31. САМЫЕ ЧАСТОТНЫЕ КОНТРОЛЫ
31
СПИСОК
ТЕКСТОВЫЕ ПОЛЯ
ВКЛАДКИ
КНОПКИ

32. 32
Май 2017
Отраслевая
— юзабилити-оценка
— функциональная оценка
— востребованность функций
— accessibility-оценка
банковских iOS-приложений

33. Приглашаем к участию!
Дмитрий Силаев
+7 926 492 05 50
d.silaev@usabilitylab.net
Антон Парамонов
+7 965 378 34 18
a.paramonov@usabilitylab.net
ЮЗАБИЛИТИЛАБ
Москва, ул. Годовикова, д. 9, стр. 12
+7 (495) 933 01 37
www.usabilitylab.ru
facebook.com/usabilitylab