Slide 1

Slide 1 text

ЮЗАБИЛИТИ-РЕЙТИНГ ИНТЕРНЕТ-БАНКОВ 2018 для физических лиц УДОБСТВО, ФУНКЦИОНАЛЬНОСТЬ, ДОСТУПНОСТЬ Версия презентации с комментариями к слайдам

Slide 2

Slide 2 text

УЧАСТНИКИ ИССЛЕДОВАНИЯ Четыре банка из 14 представили новые решения в 2018 году, остальные улучшали текущие. Встретились и те, кто почти не вносил изменений. Понятие юзабилити стало популярным настолько, что в некоторых случаях подменяется такими сущностями, как фич-лист или наличием максимальной функциональности. Мы поговорим о юзабилити как о работах по улучшению пользовательского опыта. Вы получите представление об уровне интерфейсных решений и функциональности интернет-банков. Плюс, проведем параллель с развитием приложений банков.

Slide 3

Slide 3 text

РОСБАНК. НОВЫЙ ИНТЕРНЕТ-БАНК 2017 РОСБАНК 2018 РОСБАНК Росбанк полностью изменил свой интернет-банк. В новом интернет-банке на главной странице находятся три раздела, вместо семи, как в прошлой версии. Разделы «Главная» и «История операций» остались без изменений, а вот остальные изменились. Теперь на главной странице нет следующих разделов: «Счета и карты», «Кредиты», «Вклады», «Шаблоны и платежи». Раздел «Оплата услуг и переводы» переименован в «Переводы и платежи», а подобать вклад теперь можно внизу главной странице. Шаблоны и платежи также отображаются на главной странице, а еще продублированы в разделе «Переводы и платежи». Пользователям стало легче идентифицировать свои продукты, так как карточный счет и карта объединены в один продукт.

Slide 4

Slide 4 text

ОТКРЫТИЕ. НОВЫЙ ИНТЕРНЕТ-БАНК 2017 Банк Открытие 2018 Банк Открытие Интернет-банк «Открытие» в очередной раз изменился. Изменено название разделов меню на главной странице. Раздел «Платежи и переводы» разбит на два отдельных раздела, раздел «Главная» переименован в «Мои продукты», а «Мои финансы» в «Аналитика расходов». Именно с двумя последними разделами возникали проблемы у респондентов в 2017 году. Они не понимали, в каком разделе можно посмотреть свои продукты, так как не предполагали, что информация о продуктах находится в разделе «Главная». Они искали свои продукты в разделе «Мои финансы», но там располагалась история операций. В 2018 году такой проблемы не возникало, так как теперь названия разделов соответствуют их содержанию, между тем верхнее меню стало менее заметным. Также в интернет-банке изменен дизайн.

Slide 5

Slide 5 text

РОССЕЛЬХОЗБАНК НОВЫЙ УЧАСТНИК РЕЙТИНГА БАНКОВ РоссельхозБанк — новый участник рейтинга банков. Название и содержание разделов главной страницы интернет-банка РоссельхозБанка похоже на главную страницу интернет-банка Росбанка 2017 года. Из положительных моментов можно отметить то, что респонденты быстро находили информацию о продуктах, также в интернет-банке можно совершить операции не переходя в раздел «Платежи и переводы», а из продукта на главной странице по кнопке «Все действия» или «Оплатить».

Slide 6

Slide 6 text

РУССКИЙ СТАНДАРТ. БЕТА-ВЕРСИЯ Текущая версия Бета-версия На прошлой неделе Банк Русский Стандарт представил новую бета-версию интернет-банка. Но тестирование проводилось на текущей версии интернет-банка. В бета- версии интернет-банка на главной странице отображены два раздела «Платежи и переводы» и «Страхование». Теперь информация по продуктам закреплена слева, пользователь всегда может к ней обратиться вне зависимости от раздела, в котором он находится. В текущей версии у пользователей возникают проблемы с идентификацией своих продуктов и предложений банка. На главной странице представлена возможность совершить наиболее частотные переводы и платежи. Более подробный список операций и возможностей для перевода представлен в разделе «Платежи и переводы». На главной странице представлен «Календарь событий», который позволяет добавлять события (например, «Оплатить ЖКУ»), чтобы уведомляла о них в виде сообщений.

Slide 7

Slide 7 text

ГАЗПРОМБАНК Текущая версия Бета-версия За несколько дней до презентации юзабилити-рейтинга Газпромбанк также представил бета-версию нового интернет-банка. Тестирование проводилось на текущей версии интернет-банка. Чтобы посмотреть изменения, мы попробовали войти в новый интернет-банк, но сделать это не удалось, так как для входа требуется оформить именную карту. В колл-центе также отметили, что именную карту необходимо регистрировать (привязывать) через приложение. Для входа в текущую версию достаточно знать логин и пароль и не обязательно оформлять именную карту. Перейти из текущей версии на Бету пока невозможно.

Slide 8

Slide 8 text

ЮЗАБИЛИТИ ИНТЕРНЕТ-БАНКОВ Многие банки внесли улучшения, указанные в рекомендациях нашего предыдущего исследования. Однако некоторые проблемы сохранились или перекочевали в новое решение. Критичных юзабилити-проблем стало намного меньше. Это позволило нам в презентации предложить идею типизировать юзабилити-проблемы, чтобы команды могли не только обратившись к внешней юзабилити-экспертизе, но и самостоятельно, проводить оценку всего интернет-банка.

Slide 9

Slide 9 text

ПРОСМОТР ИСТОРИИ ОПЕРАЦИЙ 2017 Райффайзенбанк 2018 Райффайзенбанк В интернет-банке Райффайзенбанка осталась проблема с прошлого года. При просмотре истории операций по продукту пользователь не сразу сможет понять, что за платеж был совершен, так как названия операций написаны латиницей, с использованием английских слов и банковских терминов.

Slide 10

Slide 10 text

ПЕРЕВОД НА КАРТУ ДРУГОГО БАНКА 2017 Сбербанк 2018 Сбербанк В интернет-банке Сбербанка по-прежнему сложно проверять номер карты получателя перевода, так как в поле «Номер карты получателя» номер карты написан без пробелов и разделений по блокам (как на карте).

Slide 11

Slide 11 text

ПОПОЛНИТЕ СЧЕТ ТЕЛЕФОНА С ВАШЕЙ ОСНОВНОЙ КАРТЫ И сделайте так, чтобы вы могли повторить этот платеж в любой момент без повторного ввода реквизитов. 2017 Банк Санкт-Петербург 2018 Банк Санкт-Петербург Пользователи не понимают, как можно создать шаблон для последующей оплаты мобильного телефона. В интернет-банке Санкт-Петербурга не используется термин «Шаблон». Важно отметить, что задание не содержит формулировку «шаблон». На слайду в названии вы это можете увидеть. Создать шаблон можно нажав на кнопку «Сохранить черновик», таким образом, эта операция сохранится в разделе «История операций» со статусом «Черновик», но при этом пользователь сможет совершить по нему платеж без очередного ввода реквизитов. Еще способ подобного повтора операции возможен с главной странице интернет-банка, по нажатию на логотип последней операции. Для пользователей это не является очевидным. Эта проблема сохранилась с прошлого года.

Slide 12

Slide 12 text

ПРИМЕРЫ УДАЧНЫХ ИСПРАВЛЕНИЙ 2017 Банк Санкт-Петербург 2018 Банк Санкт-Петербург В интернет-банке БСПБ стало удобнее оплачивать мобильный телефон. Теперь пользователю не нужно выбирать оператора сотовой связи, так как оператор определяется автоматически после ввода номера. Также пользователю стало удобнее вводить номер телефона, так как на поле для ввода номера появилась «умная» маска. Теперь пользователь может начать вводить номер телефона с 8,9,7, а система автоматически подставит +7.

Slide 13

Slide 13 text

ПРИМЕРЫ УДАЧНЫХ ИСПРАВЛЕНИЙ 2017 Райффайзенбанк 2018 Райффайзенбанк В 2017 году пользователи не понимали, что означает чекбокс «Подтвержденный» и как он работает. В частности, они не понимали, что при активации чекбокса «Подтвержденный» не нужно будет подтверждать оплату своего номера телефона по коду из смс. Теперь этой проблемы нет, так как в интернет-банке Райффайзенбанка больше не используется этот чекбокс. А оплату по шаблону не нужно подтверждать, если пользователь оплачивает свой номер телефона, который привязан к карте.

Slide 14

Slide 14 text

ПРИМЕРЫ УДАЧНЫХ ИСПРАВЛЕНИЙ 2017 Банк Открытие 2018 Банк Открытие В интернет-банке «Открытия» 2017 года пользователям было трудно выбрать нужный раздел, чтобы оплатить сотовую связь. Они ошибочно выбирали категорию «Телефония», так как эта категория находилась в каталоге выше «сотовой связи» , а иконка с телефонной трубкой ассоциировалась с оплатой телефона. Теперь этой проблемы нет, так как в новом интернет-банке появилась сортировка по категориям, раздел «Сотовая связь» находится в самом начале списка категорий, а раздел «Телефония» переименован в «Домашний телефон».

Slide 15

Slide 15 text

9 ТИПОВ ПРОБЛЕМ ИНТЕРНЕТ-БАНКОВ Типизация проблем позволит командам банков быстро проводить самостоятельную экспертную оценку своих решений. Давайте посмотрим примеры выявленных проблем.

Slide 16

Slide 16 text

ТИП ПРОБЛЕМЫ: ЭЛЕМЕНТЫ УПРАВЛЕНИЯ Банк ВТБ Банк ВТБ В интернет-банке ВТБ один и тот же элемент управления (переключатель) используется для разных действий: «выбран/не выбран» и «переключить между опциями Шаблоны/Автоплатежи». Во втором случае он не становится синим, а просто меняет положение справа налево, при этом оставаясь серого цвета, как будто находится в состоянии «не выбран» из предыдущего пункта. Это сбивает с толку респондентов, они не могут понять, как работает этот элемент интерфейса.

Slide 17

Slide 17 text

ТИП ПРОБЛЕМЫ: ИНФОРМАЦИОННЫЕ ЭЛЕМЕНТЫ Сбербанк В интернет-банке Сбербанка окно с информацией о корректном имени шаблона и управлении им через SMS-команды воспринимается, как ошибка. Пользователи предполагали, что нужно изменить название шаблона, но не понимали, как правильно задать имя шаблона. Также пользователи не понимали, что означает термин «SMS-команды». Правило название шаблона удалось выяснить только у оператора кол-центра.

Slide 18

Slide 18 text

ТИП ПРОБЛЕМЫ: ИНФОРМАЦИОННЫЕ ЭЛЕМЕНТЫ Русский Стандарт (бета-версия) В бета-версии интернет-банка Русский Стандарт информация об ошибке о некорректно введенных данных находится вне поля зрения пользователя. В случае, если пользователь указал некорректный номер телефона, внизу экрана появляется ошибка. Но пользователь ее не видит, так как она находится за сгибом страницы, а система не переводит пользователя автоматически к информации об ошибке.

Slide 19

Slide 19 text

ТИП ПРОБЛЕМЫ: РЕДАКТИРУЕМЫЕ ЭЛЕМЕНТЫ Банк Санкт-Петербург Банк Санкт-Петербург В интернет-банке пользователям неудобно ввести период оплаты ЖКУ в том формате, который требует система. В платежном документе период оплаты начинается с месяца, затем идет год. А в интернет-банке поле «Период оплаты» заполняется с года, при этом после начала ввода периода подсказка внутри поля пропадает и пользователь не понимает, как дальше его заполнять.

Slide 20

Slide 20 text

ТИП ПРОБЛЕМЫ: ЛОГИКА ПОСЛЕДОВАТЕЛЬНОСТИ ДЕЙСТВИЙ Газпромбанк В интернет-банке Газпромбанка непонятно, где находится выбор вида перевода. После перехода в раздел «Переводы и платежи» пользователь видит возможность оплатить различные виды услуг, а вот возможность перевода незаметна, так как располагается справа, где обычно указана информация о контактах или баннеры. Также пользователю нужно выполнить лишние действия, чтобы оплатить мобильный телефон. Во-первых, названия операторов связи указаны непривычно для пользователей (ОАО «Вымпелком-Коммуникации» (БИЛАЙН)), во вторых, пользователю нужно выбрать способ подтверждения операции.

Slide 21

Slide 21 text

ТИП ПРОБЛЕМЫ: ДИЗАЙН Тинькофф банк В интернет-банке Тинькофф банка на экране статуса операции появляется красная полоса, которую пользователи принимают за индикатор ошибки. Такие красные полосы появляются на экранах статуса операции при оплате или переводе средств получателям или провайдерам услуг, которые используют красный цвет в своем логотипе.

Slide 22

Slide 22 text

ТИП ПРОБЛЕМЫ: ДИЗАЙН РоссельхозБанк РоссельхозБанк В интернет-банке Россельхозбанка не для всех поставщиков услуг указаны иконки, а для нескольких провайдеров используется одинаковый логотип. Таким образом, пользователю нужно больше времени на поиск нужного провайдера услуги, так как приходится читать названия, а не выбирать по логотипам.

Slide 23

Slide 23 text

ТИП ПРОБЛЕМЫ: ПОНЯТНОСТЬ ИНФОРМАЦИИ Росбанк Росбанк В интернет-банке Росбанка выписке и истории операции информация об одной и той же операции различается. Респонденты не сразу поняли, почему в истории операции последняя операция указана не как расход, а как приход, при том что в выписке эта же операция отображается, как расход.

Slide 24

Slide 24 text

ТИП ПРОБЛЕМЫ: НЕХВАТКА ИЛИ ОТСУТСТВИЕ ИНФОРМАЦИИ Хоум Кредит Банк В интернет-банке Хоум Кредит банка сложно проверить корректность введенных данных, так как нет система не отображает тип платёжной системы карты получателя перевода, а также ФИО и информацию о банке получателя.

Slide 25

Slide 25 text

ТИП ПРОБЛЕМЫ: НЕХВАТКА ИЛИ ОТСУТСТВИЕ ИНФОРМАЦИИ ВНЕ СЦЕНАРИЯ Хоумкредит Банк Хоумкредит Банк В интернет-банке Хоум Кредит банка недостаточно информации о кредитной карте для принятия решения о ее оформлении. Кнопка «Оформить заявку» уводит пользователя на сайт банка, где он должен заполнить форму и ввести в нее все данные, которые банк про него и так знает. Почему бы не предлагать заполнить эту заявку в авторизованной зоне, автоматически подставив туда данные клиента?

Slide 26

Slide 26 text

ТИП ПРОБЛЕМЫ: ШУМОВЫЕ ЭЛЕМЕНТЫ Юникредит Банк В интернет-банке ЮниКредит Банка при переводе средств на карту другого банка при заполнении полей появляется модальное окно с информацией, которая не относится к совершаемой операции. Оно раздражает пользователей, в том числе из-за того, что им приходится отвлекаться от основной задачи и делать лишний клик, чтобы его закрыть.

Slide 27

Slide 27 text

ТИП ПРОБЛЕМЫ: ШУМОВЫЕ ЭЛЕМЕНТЫ ВНЕ СЦЕНАРИЯ Юникредит Банк Такое же модальное окно, которое закрывает всю рабочую область появляется при заполнении заявки на открытие вклада. Пользователю приходится отвлекаться на закрытие этого окна и выполнять лишнее действие.

Slide 28

Slide 28 text

ТИП ПРОБЛЕМЫ: ТЕХНИЧЕСКИЕ ПРОБЛЕМЫ РоссельхозБанк В интернет-банке РоссельхозБанка при оплате ЖКУ система подгружает информацию о долговых начислениях и информацию о сумме оплаты этого долгового начисления. Но ее очень сложно читать, так как она перекрывает поля с информацией о сроках исполнения операции и другие кнопки (например, «редактировать»).

Slide 29

Slide 29 text

ТИП ПРОБЛЕМЫ: ТЕХНИЧЕСКИЕ ПРОБЛЕМЫ ВНЕ СЦЕНАРИЯ РоссельхозБанк В интернет-банке РоссельхозБанка при создании цели для накопления страница очень долго загружается. Поэтому пользователь потратит слишком много времени на создание цели для накопления, а может и вовсе уйдет.

Slide 30

Slide 30 text

ДОСТУПНОСТЬ ИНТЕРНЕТ-БАНКОВ Оценка доступности на текущий момент не влияет на рейтинговые места. Тем не менее, целый раздел исследования посвящен этой теме. Во- первых, часть проблем, связанная с дизайном, проектированием и контрастностью касается большинства из нас. Во-вторых, мы верим и уже видим, что банки принимают свою социальную ответственность с плоскости финансовой доступности для граждан РФ.

Slide 31

Slide 31 text

ИНСТРУМЕНТЫ ОЦЕНКИ ДОСТУПНОСТИ – Экспертная оценка – Чекеры контрастности – Экранный диктор – Соответствие рекомендациям ГОСТ Р 52872-2012, информационным письмам ЦБ и WCAG 2.0 Экранный диктор Windows 10 Чекер контрастности Color Checker Analyzer Мы оцениваем доступности интернет-банков экспертно, так как большая часть оценки – техническая. Мы используем чекеры контрастности для проверки контрастности текста, экранный диктор для проверки озвучивания элементов на сайте, а также проверяем интернет-банки на соответствие рекомендациям ГОСТ Р 52872-2012, информационным письмам ЦБ и WCAG 2.0 (следующая оценка будет на основе WCAG 2.1).

Slide 32

Slide 32 text

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

Slide 33

Slide 33 text

ПРИМЕРЫ ПРОБЛЕМ КАЧЕСТВА КОДА Банк Открытие Один из наиболее часто встречающихся типов проблем качества кода: не устанавливается фокус на элемент. Например, незрячий человек не сможет сделать перевод с карты на карту в банке Открытие, поскольку экранный диктор пропускает блок ввода данных карты получателя.

Slide 34

Slide 34 text

ПРИМЕРЫ ПРОБЛЕМ КАЧЕСТВА КОДА РоссельхозБанк Еще одна частая проблема: фокус экранного диктора устанавливается, но элемент не озвучивается. В РоссельхозБанке будет сложно узнать информацию о карте, пользуясь экранным диктором, поскольку вкладки не озвучиваются.

Slide 35

Slide 35 text

ПРИМЕРЫ ПРОБЛЕМ КАЧЕСТВА КОДА 1 Альфа-Банк 2 3 4 5 6 7 8 Во многих банках, где используются кнопки вида «пиктограмма+текст» фокус устанавливается отдельно на картинку и отдельно на ссылку. На примере Альфа-Банка, при установке фокуса на картинку, она озвучиваются диктором как «Таблица-ссылка», и только после этого происходит переход к названию раздела. Если нужно сделать перевод с карты на карту, то процесс удлиняется в два раза, поскольку «Таблица-ссылка» озвучивается при каждом переходе к следующему пункту.

Slide 36

Slide 36 text

ПРИМЕРЫ ПРОБЛЕМ ДИЗАЙНА Газпромбанк ВТБ Часто встречающаяся проблема дизайна: проблема с низким контрастом текста. Согласно WCAG2.0 минимальный контраст текста должен быть не менее 4,5:1. Графические элементы в интернет-банках часто неконтрастны. Это затрудняет использование сервисов в том числе пожилым и слабовидящим людям.

Slide 37

Slide 37 text

ПРИМЕРЫ ПРОБЛЕМ ДИЗАЙНА Открытие У банка Открытие больше всего проблем с контрастностью элементов. На тестированиях зрячие пользователи часто жаловались, что текст очень бледный и его тяжело читать, а они не входили в категорию слабовидящих. Предполагаем, что это проблема системного характера, связанная с брендбуком.

Slide 38

Slide 38 text

ПРИМЕРЫ ПРОБЛЕМ ДИЗАЙНА Банк Хоум Кредит Текст, набранный в верхнем регистре, встречается на кнопках и в заголовках интерфейсов. Это нарушает зрительную форму слова и затрудняет восприятие текста, особенно для людей с нарушениями зрения и ментальной сферы. Буквы сливаются, меняются местами, такой текст читается в среднем на 10% медленнее.

Slide 39

Slide 39 text

ПРИМЕРЫ ПРОБЛЕМ ДИЗАЙНА Райффайзенбанк, 100% Райффайзенбанк, 200% При изменении масштаба экрана средствами браузера до 200% не должна скрываться значимая информация. На сайте Райффайзенбанка меню с банковскими продуктами и часть блока для ввода данных о карте при переводе с карты на карту скрывается за полосой прокрутки.

Slide 40

Slide 40 text

ПРИМЕРЫ ПРОБЛЕМ ПРОЕКТИРОВАНИЯ Альфа-Банк 29 переходов При использовании экранного диктора или управлении с клавиатуры требуется выполнить большое количество переходов. Например, в Альфа- Банке для того, чтобы узнать баланс счета после захода в банк, нужно сделать 29 переходов. Проблема сохранилась с прошлого года!

Slide 41

Slide 41 text

ПРИМЕРЫ ПРОБЛЕМ ПРОЕКТИРОВАНИЯ Юзабилитилаб Как один из вариантов решения проблемы с долгим доступом при управлении с клавиатуры, мы внедрили кнопку «Пропустить меню» на сайте Юзабилитилаб. Эта кнопка видна только при нажатии TAB и позволяет пропустить верхнее меню и перейти к основному содержанию страницы.

Slide 42

Slide 42 text

СТАЛО ЛИ ЛУЧШЕ? Райффайзенбанк В целом, по сравнению с исследованием доступности прошлого года, многие проблемы были исправлены, однако общая картина не сильно изменилась. По-прежнему, в некоторых банках невозможно выполнить часть операций с использованием экранного диктора. Например, в Райффайзенбанке не озвучивается виджет с историей операций.

Slide 43

Slide 43 text

СТАЛО ЛИ ЛУЧШЕ? БСПБ БСПБ исправил многие проблемы с некорректным озвучиванием экранного диктора. Однако для слепого человека сделать перевод в банке по- прежнему остается сложной задачей, поскольку не озвучиваются названия полей «Со счета», «Куда», «Сумма» и др.

Slide 44

Slide 44 text

СТАЛО ЛИ ЛУЧШЕ? Привиус Нехт «селект-бак-селект» Банк Русский Стандарт (2017) Банк Русский Стандарт (бета-версия) Наследованная проблема с некорректным озвучиванием названия кнопок управления наблюдалось на странице авторизации банка Русский Стандарт. На старой версии интернет-банка кнопка озвучивалась как «селект-бак-селект». В новой бета-версии проблема осталась, но озвучивание названия кнопки изменилось на «Привиус».

Slide 45

Slide 45 text

СТАЛО ЛИ ЛУЧШЕ? Тинькофф Пример того, как была исправлена проблема с некорректной версткой составного элемента можно наблюдать в интернет-банке Тинькофф. Кнопка с пиктограммой озвучивается как единый элемент, а не два разных, как было показано в примере на слайде 35.

Slide 46

Slide 46 text

УРОВНИ ДОСТУПНОСТИ ПО ГОСТ Р 52872-2012 ГОСТ Р 52872-2012 во многом цитирует WCAG 2.0, но при этом описывает доступность интерфейсов только для пользователей с нарушениями зрения. Стандарт выделяет 3 уровня доступности интерфейсов: Уровень минимальной доступности. Позволяет инвалиду по зрению обеспечить доступность к интернет-ресурсу без потерь информации. Уровень полной доступности. Позволяет инвалиду по зрению обеспечить доступность ко всем структурным элементам интернет- ресурса. Уровень доступности специализированных интернет-ресурсов для инвалидов по зрению. Позволяет инвалиду по зрению обеспечить доступность к интернет-ресурсу с использованием специальных технологий этого ресурса, разработанных для людей с ограничениями по зрению. А АА ААА При оценки мы использовали рекомендации ГОСТ и WCAG. Часть рекомендаций повторяются. Однако, есть и отличия. Например, при оценке уровня доступности ГОСТ использует формулировку «позволяет пользователям».

Slide 47

Slide 47 text

УРОВНИ ДОСТУПНОСТИ ПО WCAG 2.0 WCAG 2.0, в отличие от ГОСТ Р 52872-2012, описывает рекомендации, направленные на обеспечение доступности интерфейсов для людей со всеми видами нарушений. Рекомендации также имеют 3 уровня важности: Сайт обязан следовать этим положениям, иначе некоторые пользователи не смогут получить доступ к содержимому сайта. Сайт должен следовать этим положениям, иначе некоторые пользователи испытают существенные затруднения при доступе к содержимому сайта. Желательно, чтобы сайт следовал этим положениям, иначе некоторые пользователи испытают некоторые затруднения при доступе к содержимому сайта. А АА ААА WCAG – «сайта обязан». При этом оба документа требования относят к страницам. 17.12.18 мы представим в ЦБ на согласование методологию оценки доступности и рейтингования ДБО на примере приложений iOS и Android. Уровень доступности будет присваиваться уже пользовательским сценариям. При этом коэффициент важности будет единым для всех исследуемых сценариев и для всех групп различными с нарушениями.

Slide 48

Slide 48 text

РЕЙТИНГ ДОСТУПНОСТИ МОБИЛЬНЫХ БАНКОВ ДЛЯ ЛЮДЕЙ С РАЗЛИЧНЫМИ НАРУШЕНИЯМИ Рейтинг доступности для пользователей с нарушениями Зрение Моторика Слух и речь 1. Банк А (5 баллов) 1-3. Банк А, Г, Д, (5 баллов) 1-4. Банк А, Б, В, Д (5 баллов) 2. Банк Б (4,2) 3. Банк В (4,2) 4. Банк Г (3,2) 4. Банк В (4,2) 5. Банк Д (2,7) 5. Банк Б (4,5) 5. Банк Г (4,5) ... ... ... Несоответствие рекомендациям понижает общий уровень доступности анализируемой страницы. Каждому выявленному несоответствию будет указан уровень доступности в соответствии с ГОСТ и WCAG, до которого оно понижает доступность страницы.

Slide 49

Slide 49 text

17 ДЕКАБРЯ Методология оценки доступности и рейтингования мобильных приложений Типовые проблемы доступности мобильных приложений Ссылки ведут на скачивание документов, которые мы представили на встрече банков. Именно эти документы будут доработаны по комментариям, которые мы сейчас собираем от банков.

Slide 50

Slide 50 text

ФУНКЦИОНАЛЬНОСТЬ ИНТЕРНЕТ-БАНКОВ Оценка функциональности позволит нам взглянуть в каком направлении банки развивают каналы, сравнив функциональность интернет-банков с приложениями – это с одной стороны. А опрос по модели КАНО – оценить востребованность той или иной функции, что было учтено в рейтинге, а также стало обоснованием рекомендаций, которые банки получат в индивидуальных отчетах.

Slide 51

Slide 51 text

128 135 119 89 170 220 218 216 202 297 242 239 261 195 113 141 141 170 181 192 203 208 224 234 244 256 265 198 0 50 100 150 200 250 300 2017 г. СРАВНЕНИЕ ФУНКЦИОНАЛЬНОСТИ ИНТЕРНЕТ-БАНКОВ Среднее кол-во функций За прошедший год основная часть интернет-банков не сильно увеличила функциональность. Количество возможностей осталось почти на прежнем уровне. Зелёный фон – «средний» банк, то есть средние значения по всем участникам оказались даже ниже, чем в прошлом году. Это связано с тем, что два банка отказались от целого раздела - аналитики финансов.

Slide 52

Slide 52 text

УБРАЛИ РАЗДЕЛ PFM Банк Русский Стандарт Промсвязьбанк На слайде представлены скриншоты прошлого года. В интернет-банках Русский Стандарт и Промсвязьбанк существовали специализированные разделы, где пользователь мог смотреть расширенную аналитику финансов, а также вносить расходы/доходы по другим источникам. В этом году ни в Банке Русский Стандарт, ни в Промсвязьбанке уже нет такой возможности.

Slide 53

Slide 53 text

СРАВНЕНИЕ ФУНКЦИОНАЛЬНОСТИ ИБ И МБ 2018 Прирост в интернет-банках: 127 функций Прирост в мобильных банках: 373 функции Среднее кол-во функций 113 141 141 170 181 203 192 208 224 234 256 244 265 198 85 99 176 181 180 233 178 179 223 186 190 204 232 180 0 50 100 150 200 250 300 Интернет-банки Мобильные банки Если сравнивать две платформы, то Мобильные банки (МБ) активно догоняют интернет-банки (ИБ), а у некоторых из банков - уже лидирует по функциональности. «Средний» банк в 2018 году имеет почти такое же «мощное» приложение как и веб-версию. Можно отметить то, что средний прирост функциональности ИБ за год почти в три раза меньше, чем МБ.

Slide 54

Slide 54 text

ПОЛНОТА ГРУПП ФУНКЦИЙ 0 20 40 60 80 Интернет-банки Мобильные банки Мы сравнили и полноту реализации смысловых групп функций, чтобы понять, какие возможности шире доступны пользователям ИБ, а какие - МБ. На данный момент, в МБ представлено больше возможностей по управлению продуктами, операциям и настройке интерфейса. А в ИБ - по настройке безопасноти и уведомлений, шаблонам, курсам валют, заказу документов и открытию продуктов. Разрыв в неавторизованной зоне связан с тем, что в МБ до входа зачастую можно увидеть курсы валют, адреса отделений и банкоматов, новости банка.

Slide 55

Slide 55 text

МОБИЛЬНЫЙ БАНКИНГ ОПЕРЕЖАЕТ ИНТЕРНЕТ-БАНКИНГ Хоумкредит Банк Частично разница связана с особенностями устройства: в МБ есть интеграция с телефонной книгой (подтягивание контактов), есть камера (сканирование данных). Но некоторые функции пока что чаще встречаются в МБ, хотя и не зависят от возможностей платформы. Так, в Хоум Кредит банке можно перейти к операциям из продукта в МБ, но нельзя в ИБ.

Slide 56

Slide 56 text

МОБИЛЬНЫЙ БАНКИНГ ОПЕРЕЖАЕТ ИНТЕРНЕТ-БАНКИНГ Сбербанк В Сбербанке в мобильном приложении уже можно переводить средства клиентам Тинькофф Банка по номеру телефона, а в ИБ – нет. Речь идет о разделах «Перевод на карту в другом банке» и «Перевод частному лицу в другой банк по реквизитам». В разделе «Перевод клиенту Сбербанка», есть возможность совершения перевода по номеру телефона, но только для клиентов Сбербанка. Перевести средства на карту стороннего банке возможности нет.

Slide 57

Slide 57 text

МОБИЛЬНЫЙ БАНКИНГ ОПЕРЕЖАЕТ ИНТЕРНЕТ-БАНКИНГ Альфа-Банк В Альфа-Банке можно получить персональную ссылку для получения переводов от других людей, в то время как в ИБ пока что есть только стандартные переводы - по реквизитам и с карты на карту.

Slide 58

Slide 58 text

МОБИЛЬНЫЙ БАНКИНГ ОПЕРЕЖАЕТ ИНТЕРНЕТ-БАНКИНГ Альфа-Банк Снова Альфа-Банк: приложение определяет оператора мобильной связи, а в ИБ все ещё необходимо выбирать его самому.

Slide 59

Slide 59 text

ИНТЕРНЕТ-БАНКИНГ ОПЕРЕЖАЕТ МОБИЛЬНЫЙ БАНКИНГ Банк ВТБ Но есть и те группы, функций в которых сейчас больше в вебе: настройки уведомлений, безопасности, шаблоны и автоплатежи, запрос документов. Так, в интернет-банке ВТБ в разделе «Шаблоны» можно создать новый шаблон, а в МБ — нельзя, хотя в остальном разделы в обоих интерфейсах очень схожи.

Slide 60

Slide 60 text

ИНТЕРНЕТ-БАНКИНГ ОПЕРЕЖАЕТ МОБИЛЬНЫЙ БАНКИНГ Росбанк В Росбанке можно заказать справки по счетам в ИБ, а в МБ - нет

Slide 61

Slide 61 text

ИНТЕРНЕТ-БАНКИНГ ОПЕРЕЖАЕТ МОБИЛЬНЫЙ БАНКИНГ Промсвязьбанк В ИБ Промсвязьбанка больше возможностей для открытия новых вкладов и счетов. Промсвязьбанк в приложении позволяет открыть только вклад, цель и кредит, а в ИБ можно перейти, например, к открытию ИИС и других продуктов.

Slide 62

Slide 62 text

ВОСТРЕБОВАННОСТЬ ФУНКЦИЙ — Востребованность базовых функций не меняется из года в год — Важна оценка новых функций в динамике Каждый год мы проводим опрос пользователей и обновляем показатели востребованности функций. Сейчас мы видим, что востребованность базовых функций почти не меняются. Они из года в год показывают похожие результаты. А вот новые для рынка функции имеют динамику. Вначале они могут получать низкие веса, а затем расти и наоборот, то их ценность меняется в процессе реального использования. Так было с функцией предоставления доступа к своим счетам, которая сначала оценивалась как нежелательная, но затем перестала быть такой.

Slide 63

Slide 63 text

СПИСКИ ПОКУПОК: СЦЕНАРИИ ИСПОЛЬЗОВАНИЯ — Простой просмотр покупок имеет низкий приоритет — Возможны связанные сценарии: • Создание списков покупок • Подписка на покупки • Проверка наличия товаров • Сравнение стоимости и др. В этом году мы включили в контрольный список оценку возможности видеть продукты в чеке. Пока что она получила низкие оценки востребованности. Но в дальнейшем её ценность может вырасти, если добавлять новые сценарии её использования. Так, пользователи могли бы заказывать продукты в интернет-магазинах, сравнивать цены на них и др. И здесь мы переходим в новую плоскость - оценку не отдельных возможностей, а более крупных процессов, которые могут стать для клиентов дополнительной ценностью при работе с банком.

Slide 64

Slide 64 text

РЕЙТИНГ ИНТЕРНЕТ-БАНКОВ для физических лиц 2018

Slide 65

Slide 65 text

ЮЗАБИЛИТИ-РЕЙТИНГ ИНТЕРНЕТ-БАНКОВ 2018

Slide 66

Slide 66 text

ЮЗАБИЛИТИ-РЕЙТИНГ ИНТЕРНЕТ-БАНКОВ 2018

Slide 67

Slide 67 text

ЮЗАБИЛИТИ-РЕЙТИНГ ИНТЕРНЕТ-БАНКОВ 2018

Slide 68

Slide 68 text

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

Slide 69

Slide 69 text

УПРАВЛЯЙТЕ ПОЛЬЗОВАТЕЛЬСКИМ ОПЫТОМ ВАШИХ КЛИЕНТОВ Дмитрий Силаев Моб.: +7 (926) 492 05 50 Офис: +7 (495) 933 01 37 #409 Skype: silaev_usabilitylab usabilitylab.ru facebook.com/usabilitylab