Оценка Accessibility как часть отраслевого исследования ДБО

Доклад Антона Парамонова и Дмитрия Силаева из USABILITYLAB, прочитанный 22 марта 2017 на бизнес-завтраке «Безбарьерные сайты банков и мобильные приложения»

Transcript

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