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

Юзабилити-рейтинг iOS-приложений банков 2018

Юзабилити-рейтинг iOS-приложений банков 2018

Как изменились банковские приложения за год? Ключевые изменения, самые яркие удачные решения и юзабилити-проблемы, а самое главное — актуальный юзабилити-рейтинг банковских iOS-приложений. Презентация с бизнес-завтрака USABILITYLAB (24.04.2018)

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

Other Decks in Business

Transcript

  1. iOS-приложения для физических лиц 2018
    Юзабилити-рейтинг
    iOS-приложений банков 2018
    юзабилити
    востребованность функциональности
    доступность

    View full-size slide

  2. 2
    Участники рейтинга мобильных банков 2018
    Версия 10.3.2
    Версия 3.7.2
    Версия 1.242.0
    Версия 9.34.41
    Версия 3.6
    Версия 2.7.3
    Версия 8.7.2
    Версия 3.21.2
    Версия 2.39
    Версия 4.5.0
    Версия 5.7.1
    Версия 5.2
    Версия 4.1.3 Версия 2.26.7

    View full-size slide

  3. 3
    Существенные изменения в интерфейсе
    2017
    2018
    2017
    2018
    2017
    2018

    View full-size slide

  4. Удачные изменения

    View full-size slide

  5. 5
    Удачные изменения
    2017 2018
    Сообщение о выполнении операции стало понятнее.

    View full-size slide

  6. 6
    Удачные изменения
    2017 2018
    Появилась возможность совершить
    операцию из продукта и посмотреть
    историю операций по продукту.
    2018

    View full-size slide

  7. 7
    Удачные изменения
    2017 2018
    Пользователям стало легче найти раздел с
    последними операциями.

    View full-size slide

  8. 8
    Удачные изменения
    2017 2018
    Добавили/заменили разделы на частотные.

    View full-size slide

  9. 9
    Удачные изменения
    2017 2018
    Поле ввода (целевое действие на экране) находится до
    сгиба экрана.

    View full-size slide

  10. 10
    Удачные изменения
    2017 2018
    Исчезли непонятные пользователям методы
    подтверждения операции при оплате мобильного.

    View full-size slide

  11. 11
    Удачные изменения
    2017 2018
    Пользователи не понимали, что на экране переводов
    показаны последние операции. Заголовок раздела стал
    более явным.

    View full-size slide

  12. 12
    Удачные изменения
    При переводе средств на карту респондентов
    смущала надпись «Оплатить 100,00 р» на кнопке,
    т.к. информацию о комиссии на этом экране они не
    замечали.
    Информация о комиссии теперь осталась только на
    экране подтверждения действия, а название кнопки
    «Далее» не вызывает вопросов у респондентов.
    2018

    View full-size slide

  13. 13
    Удачные изменения
    2017 2018
    Не нужно вводить данные своей карты при переводе с
    карты на карту.

    View full-size slide

  14. 14
    Удачные изменения
    2017 2018
    Пользователи испытывали трудности со входом в
    приложение, т.к. раздел R-Connect не ассоциировался
    у них с авторизацией. Теперь вход в приложение стал
    явным.

    View full-size slide

  15. 15
    Удачные изменения
    2017 2018
    Подтверждение операции стало проще. Информация о
    реквизитах платежа стала наглядной и понятной, а
    пользователю не приходится запоминать длинный код
    подтверждения.

    View full-size slide

  16. 16
    Удачные изменения
    2017 2018
    Стало возможно посмотреть операции по карте со
    страницы карты (где многие пользователи ожидали их
    найти).

    View full-size slide

  17. 17
    Удачные изменения
    2017 2018
    Возможность провести операцию с экрана карты стало
    легче найти. Появилась возможность перевести
    средства на карту со страницы карты.

    View full-size slide

  18. 18
    Удачные изменения
    2017 2018
    Пиктограмма фильтра стала понятной пользователям.

    View full-size slide

  19. 19
    Удачные изменения
    2017 2018
    По названию продукта пользователям было не
    понятно, что это карта. Крупный значок в виде карты
    решает эту проблему.

    View full-size slide

  20. 20
    Удачные изменения
    2017 2018
    Появилась возможность получить или восстановить
    логин и пароль.

    View full-size slide

  21. 21
    Удачные изменения
    2017 2018
    Изменился заголовок раздела и это помогло
    пользователям понять, что сначала нужно вводить
    данные карты отправителя.

    View full-size slide

  22. Категории проблем
    1 Элементы управления
    2 Информационные элементы
    3 Редактируемые элементы
    4 Логика последовательности действий
    5 Дизайн
    6 Понятность информации
    7 Нехватка/отсутствие информации
    8 Шумовые элементы
    Технические проблемы

    View full-size slide

  23. 23
    1 Элементы управления
    Два варианта входа в приложение отличаются только последним шагом, на котором пользователю
    предлагается установить короткий код. Однако пользователи не выбирают этот вариант, т.к. кнопка «Войти»
    кажется им более подходящей, чем «Настроить».

    View full-size slide

  24. 24
    1 Элементы управления
    Кнопка «Платежи» в нижнем меню ведет на экран
    «Платежи и переводы», где сверху перечислены
    переводы, а платежи находятся за сгибом экрана.
    Кнопка «Переводы» в нижнем меню ведет на экран
    переводов, где также находится неподписанный
    раздел с платежами.

    View full-size slide

  25. 25
    1 Элементы управления
    2017 2018
    Кнопка «Оплатить» не воспринимается
    пользователями как возможность совершить перевод.

    View full-size slide

  26. 26
    1 Элементы управления
    2017 2018
    Пользователям сложно найти банкоматы.

    View full-size slide

  27. 27
    2 Информационные элементы
    Подсказка, не добавляющая новой информации, и
    подсказка такая длинная, что ее никто не читает.
    Непонятные пользователям сообщения об ошибках.

    View full-size slide

  28. 28
    3 Редактируемые элементы
    Подсказка о формата номера телефона плохо
    заметна и непонятна пользователям. В строке ввода
    номера нет маски. Открывается символьная, а не
    цифровая клавиатура.
    Непривычный формат кода плательщика (ГГГГ-ММ).
    Маска пропадает после начала ввода.

    View full-size slide

  29. 29
    4 Логика последовательности действий
    На странице карты есть только опция «пополнить
    карту», но ведет она на экран переводов с карты на
    карту.
    Нужно выйти из приложения, чтобы найти раздел с
    банкоматами.

    View full-size slide

  30. 30
    5 Дизайн
    Информация на главном экране плохо
    структурирована. Пользователям трудно найти
    информацию по имеющимся продуктам.
    Пользователи не замечают кнопку «Оплатить» и
    считают, что в приложении нет возможности
    оплатить квитанцию ЖКУ на произвольную сумму.

    View full-size slide

  31. 31
    5 Дизайн
    2017 2018
    Неочевидная связь между картой и карточным счетом.

    View full-size slide

  32. 32
    6 Понятность информации
    Непонятные названия вкладок и операций. Непонятные названия операций в выписке по карте.

    View full-size slide

  33. 33
    7 Нехватка/отсутствие информации
    Нет подробной информации об операции на
    странице карты, где пользователи ожидают ее
    найти.
    При ошибке в коде плательщика возникает
    сообщение об успешной отправке платежа и узнать
    об ошибке можно только из раздела «Последние
    операции».

    View full-size slide

  34. 34
    8 Шумовые элементы
    Крупные яркие баннеры, на фоне которых теряется
    информация о продуктах.
    Даже переходя на этот экран несколько раз в поиске
    банкоматов, пользователи не замечают их.

    View full-size slide

  35. 35
    Технические проблемы
    Экран, с которого невозможно уйти… … и яичный баг.

    View full-size slide

  36. Рейтинг мобильных iOS-приложений
    банков

    View full-size slide

  37. Полный список
    участников с
    местами
    1. Тинькофф Банк
    2. Бинбанк
    3. ВТБ
    4. Сбербанк
    5. Альфа-Банк
    6. Банк «Открытие»
    7. Банк Русский Стандарт
    8. Промсвязьбанк
    9. Банк Санкт-Петербург
    10.РайффайзенБанк
    11.Росбанк
    12.ЮниКредит Банк
    13.Банк Хоум Кредит
    14.Газпромбанк

    View full-size slide

  38. Дмитрий Силаев [email protected]
    Спасибо всем за участие
    и поздравляем победителей

    View full-size slide