Юзабилити рейтинг iOs-приложений банков 2017. USABILITYLAB

Юзабилити-рейтинг

iOS-приложений банков 2017

Юзабилити, востребованность функциональности, доступность

УЧАСТНИКИ ИССЛЕДОВАНИЯ 2017

Мы провели оценку насколько ваши приложения хороши для пользователей с точки зрения юзабилити и функциональности. Обогатили

отчет оценкой доступности для людей с ограниченными возможностями.

3

СМЕЛЫЕ РЕБЯТА 2017

Шесть сервисов, которые значительно изменились с прошлого года. Им мы уделим больше внимание.

4

Востребованность функциональности

138Функций

2016 год

200Функций

2017 год

Чек-лист 2017

32 новые

функции

30 добавили из

интернет-банков

Мы сравнили функциональность и провели опрос для оценки востребованности функций. Результатом стал обновленный чек-лист.

Посмотрим примеры…

Востребованная функциональность

из интернет-банков

Заказать справку в приложении

Получить справку через приложение - пример востребованной функции из интернте-банка.

Востребованная функциональность

из интернет-банков

Посмотреть сводную сумму средств на счетах

Еще одна востребованная функция - просмотр сводной суммы доступных средств.

7

Тренды функциональности

Поддержка оплаты при помощи телефона

– появилось у 8 банков

Некоторые функции внедрили сразу несколько банков - я отметил это, как тренд. Пример оплаты при помощи телефона.

Тренды функциональности

Регистрация по имеющимся данным (например, номер

карты)

– было 4; стало 8

Регистрация по имеющимся данным. Было у 4х банков, стало у 8ми!

Тренды функциональности МБ

Переход к совершению операция напрямую из инфо

по счёту или вкладу

– было 5; стало 11

Переход к операциям прямо из счета. Было у 5 банков, стало у 11 банков.

Тренды функциональности

Подписка на штрафы ГИБДД

– было 1; стало 5

Подписка на штрафы. Было у 1 банка, стало у 5.

Это вас изменит

Это вас изменит

Установка бюджета

Функционал установки лимитов поможет контролировать расходы. Идея особенно хороша, если вы дополнительную кредитную карту

передали своей второй половине.

13

Это вас изменит

Сводная инфо о сумме/количестве операций за

период

Сводная информация о сумме и количестве операций – гибрид истории операций и аналитики.

Вы быстро можете понять, сколько тратите, например, на интернет и сотовую связь.

Это вас изменит

Сохранение идентификаторов для подписок в

профиле клиента

Вы вводите один раз свои документы и сервис сам ищет платежи, которые вам необходимо сделать. Эта концепция может изменить

взаимодействие пользователей с банком и государством. Если эту функциональность развить, то сервис может подсказывать не

только то, что вы должны, но и то, что вам должны - например, налоговый вычет за обучение.

ЮзабилитиУдачные решения и попытки улучшиться

16

Конфетки, полоски и точки

Не все пользователи оценили новаторские иконки.

«Конфетки» и «точки» - непонятны. «Полосочки» ввели пользователя в заблуждение, и он подумал, что там спрятаны дополнительные

настройки и действия.

2017

17

Наглядное представление и последние платежи2017

Наглядное представление основной функциональности ускоряет выполнение заданий.

Альфа-Банк еще хочется похвалить за возможность повторить платеж из списка последних платежей, помимо работы с шаблонами.

18

Настоящие дизайнеры есть?

Коллеги из Альфа-банка придумали классный тест, чтобы искать специалистов себе в штат. Выбираешь один вариант - и ты уже

дизайнер. Представьте мое удивление, когда на исследовании выяснилось, что красная кнопка вызывает сложности у пользователей и

значительно увеличивает время выполнения задачи. Предположительно: кнопка не выглядит кнопкой и пользователи думают, что это

название раздела для всего, что ниже. Мы провели дополнительные интервью с опытными пользователями и те подтвердили проблему.

Принимаем решение

1 2 3

Я попросил специалистов подготовить быстрые варианты сравнения и проверить результаты на самой опытной аудитории и мы

запустили first-click тестирование в FB. Респонденту показывали один экран и задавали вопрос, например, «Куда вы нажмете, если

захотите оплатить телефон?» Текущее решение Альфа-Банка под номером один. Давайте посмотрим какой вариант лучше…

FIRST-CLICK test ОПЛАТА ТЕЛЕФОНАУспешность 0,71 Успешность 0,79 Успешность 0,61

1 2 3

Успешность — это процент людей, которые правильно ответили. Выиграл вариант 2.

Готовы изменить решение?

Успешность 0,71 Успешность 0,79 Успешность 0,61

Время 33 секунды Время 22 секунды Время 8 секунды

1 2 3

Мы замерили время - выиграл вариант 3. Что делать?

Ваше решение

Успешность 0,71 Успешность 0,79 Успешность 0,61

Время 33 секунды Время 22 секунды Время 8 секунды

1 2 3

Карта кликов показала, что большинство «неуспешных» пользователей нажимали на «текущий счет», т.е. искали его через продукт.

Минимальная рекомендация: добавить функцию оплаты через счет. Особенно, если Альфа-Банк не готов отказываться от красной кнопки.

Время и успешность: ссылка на тест

Успешность 0,71 Успешность 0,54 Успешность 0,79

Время 33 секунды Время 33 секунды Время 22 секунды

Методом first-click test мы проверили еще пару гипотез. БСПБ: перевод с карты на карту - его нет в дополнительном меню «+», только в

меню-«гамбургере» слева вверху. Проблема! Сбербанк: в рамках тестирования люди не видели нижнее меню и не могли найти банкоматы.

Здесь эффективность выше, чем мы ожидали.

24

Сбербанк: история операций

2017 2016

В 2017 году Сбербанк начал показывать более детальную информацию на этом экране. Люди не замечали, что есть нижнее меню, им

казалось, что есть только основная зона. В 2016 люди не находили историю операций в основном блоке и искали ее дальше - видели нижнее

меню и справлялись с заданием. В 2017 нижнее меню не ищут.

Юзабилити функциональности

всего приложения

2 6

Шаг 1. Поиск возможности: редактирование шаблона

Раздел с сохраненными

платежами называется

«Любимое»

Неочевидно: долгое

нажатие на

пиктограмму шаблона.

Значки редактирования

и удаления очень

маленькие

Оценить все приложение можно только экспертно. Для этого специалисты подготовили пользовательские сценарии, которые

охватывают весь функционал и проходят по трем шагам. Возьмем задачу: редактировать шаблон. Где это сделать — найти легко, но

сложно редактировать: долгое нажатие – неочевидно, а в мелкие иконки сложно попасть, да и разглядеть.

27

Шаг 2. Использование

функции: редактирование

шаблона

Пользователи связывают имя получателя

и имя шаблона. При этом интерфейс их

разделяет.

Пользователи связывают поля получателя и имя шаблона, а в интерфейсе это разные вещи.

28

Шаг 3. Обратная связь и

оценка результата

Отсутствует обратная связь об изменении имени

шаблона

Вы нажали «сохранить» и изменение прошло, но вы об этом узнаете только, если будете внимательными!

2 9

Результат экспертной юзабилити-оценки приложенияБалл удобства

133 из 185 балла

Возможностей

реализованы

хорошо

18

63

70

0

2 5

5 0

7 5

1 0 0

1 2 5

1 5 01 5 1

реализованы

плохо

реализованы

с ошибками

х 1

х 0,5

х 0,229

43

113

0

2 5

5 0

7 5

1 0 0

1 2 5

1 5 0

1 7 5

Балл удобства

105 из 151 балла

19

62103

32

59

67

среднейкритичности

низкойкритичности

высокойкритичности

1 8 5

В качестве результата оценки банк получает описание проблем. Мы обсуждаем, какие рекомендации принимаются. Вот вам план

развития. Если банки положительно воспримут результаты такой оценки, мы включим эти показатели в рейтинг 2018! Пишите.

Проблемы доступности

31

Топ 4 проблем

1. Некорректное название элемента

2. Не устанавливается фокус на элемент

3. Отсутствует название элемента

4. Озвучиваются не отображаемые на

экране элементы

Всего выделено 16 типов юзабилити-проблем

Отчет будет содержать оценку доступности для людей с ограниченными возможностями. Эта часть будет и в общем отчете и в

индивидуальном.

32

Некорректное название элемента

– понятно только пришельцам

Чтобы исправить проблему

нужно:

Изменить лейбл кнопок.

Трудозатраты: ~ 1 мин/кнопка

Нефбр айкон мену

Нейбр айкон сеттингс

Нейбр айкон контактс

Би Ти Эн Пять

Айкониндорсидемину Айконклпрайм

Так озвучиваются кнопки электронным диктором. «Нейбр айкон мену», «Нейбр айкон сеттингс» - понятно только пришельцам!

Мы попросили разработчика, RMR, оценить трудозатраты для исправления этой проблемы. 1 минута на кнопку.

33

Проблемы у слабовидящих и людей

с проблемами моторики

Не кликабельная зона при включенном

дикторе

Чтобы исправить проблему нужно:

Анализ проблемы разработчиком.

Трудозатраты: ~ 1-2 дня

Надпись кликабельна, иконка нет. Проблемы будут у людей с нарушением моторики. Да и у нас с вами, когда будем выполнять задачу на

бегу.

34

Yota может обидеться

Отсутствует название элемента

Чтобы исправить проблему нужно:

Анализ проблемы разработчиком.

Трудозатраты: ~ 1 день Онлайн

Не озвучивается название кнопки входа Не озвучивается

название оператора

Наказывайте себя, если не озвучиваете иконку или кнопку входа. Но что вам сделала Yota?

35

Неуважение к всплывающим окнам

и призрачные кнопки

Чтобы исправить проблему нужно:

Убрать «невидимую» кнопку, когда она не нужна.

Трудозатраты: ~ 2 часа

Чтобы исправить проблему нужно:

Необходим анализ проблемы разработчиком.

Трудозатраты: ~ 1 день

Кнопка кнопка кнопка

При открытии меню

озвучивается предыдущий

экран и только потом

всплывающее окно

Всплывающие окна не читаются, зато озвучиваются кнопки, которых нет.

36

Проблемы проектирования

Проблемы проектирования - сложно листать такой барабан людям с нарушениями моторики. Кнопка ввода не озвучивается, т.к. она ниже

клавиатуры, считайте, что ее нет.

37

Кто виноват и что делать?!

Большая часть проблем может быть

исправлена при верстке кода.

При этом трудозатраты разработчика

составят 40 часов на шесть проблем из видео.

79% проблем связаны с версткой. Трудозатраты на исправления не космические, особенно с учетом всей социальной пользы.

Юзабилити-рейтинг

iOS-приложений банков 2017

39

Юзабилити-рейтинг

iOS-приложений банков

2017

1 Тинькофф Банк

2 ВТБ24

3 Сбербанк

4 Альфа-Банк

5 Промсвязьбанк

6 Открытие

7 Бинбанк МДМ

8 Русский Стандарт

9 РайффайзенБанк

10 Банк Санкт-Петербург

11 ЮниКредит Банк

12 Росбанк

13 ВТБ Банк Москвы

14 Банк Хоум Кредит

15 Газпромбанк

Скриншоты приложений 2017

Чек-лист 2017

40

УПРАВЛЯЙТЕ

ПОЛЬЗОВАТЕЛЬСКИМИ

КАЧЕСТВАМИ

И БУДЬТЕ ЛУЧШИМИ

Дмитрий Силаев

+7 (926) 492 05 50

d.silaev@usabilitylab.net

rating.usabilitylab.ru

+ 7 (4 9 5 ) 93 3 -0 1 -3 7

info@usabilitylab.net