Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

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

More Decks by USABILITYLAB — знаем всё о юзабилити интерфейсов

Other Decks in Research

Transcript

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

    View Slide

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

    View Slide

  3. 3

    View Slide

  4. 4
    1

    View Slide

  5. 5
    1

    View Slide

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

    View Slide

  7. 7

    View Slide

  8. 8

    View Slide

  9. 9

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  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

    View Slide

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

    View Slide

  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
    Номер телефона, текстовое поле,
    идет правка
    Введите сумму, текстовое поле,
    идет правка

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide