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 full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  21. ЭКРАН «ГЛАВНЫЙ»
    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 full-size slide

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

    View full-size slide

  23. ЭКРАН «ОПЛАТА МОБИЛЬНОЙ СВЯЗИ»
    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 full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

  27. Приглашаем к участию!
    Дмитрий Силаев
    +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 full-size slide