SlideShare a Scribd company logo
Исследование Интернет-банков России, 2012 
Краткий обзор подхода к оценке 
Интернет - банков, примеры и 
предложения по совершенствованию 
исследования 
http://banking.qulix.ru/articles 
Валерий Тихонович, Qulix Systems
Исследование Интернет-банков России, 2012 
Подход к оценке Примеры Что стоит сделать 
http://banking.qulix.ru/articles 
/25 
Результаты 
2 
 Удобство и понятность навигации 
Интуитивно понятная структура меню – я смотрю, и уже примерно понимаю что тут есть, 
нет страниц-призраков, разумная группировка страниц, карта сайта и пр. 
 Простота операций и понятность данных 
Естественный сценарий выполнения операций, пошаговый мастер, четкое разделение 
параметров на обязательные и нет, представление данных в удобном для меня, а не 
банка виде 
 Дружеское отношение к пользователю 
Контекстная помощь, контекстные подсказки, комиссии, тарифы, ничего не прячет, по 
рукам не бьет, страшных слов УПИ и ППИ не говорит, если ошибся - за дурака не считает 
(умная реакция на ошибки) и пр. 
 Группировка функций по объектам 
Выписку, изменение лимита или настройки нотификаций я ожидаю увидеть на форме 
соответствующей карты/продукта 
 Быстрый доступ к важным функциям 
Блокировка карты нужна очень редко, но если нужна, то очень срочно 
 Сбалансированный дизайн: элементы, цвета, стили 
Единообразие в шаблонах страниц (3-5), типовые элементы и их поведение, акценты, 
сбалансированная цветовая гамма, минимальный набор шрифтов и пр. 
 Что можно делать 
Джентльменский набор функций, и все, что сверху
Исследование Интернет-банков России, 2012 
Подход к оценке Примеры Что стоит сделать 
http://banking.qulix.ru/articles 
/25 
Результаты 
3 
Красота 
Удобство 
навигации 
Удобство 
операций 
Наличие 
операций 
Полнота и 
понятность 
По уровню 
технологий 
По уровню 
безопасности 
Сумма 
Сбербанк 3 3 3 3 3 3 3 21 
Альфа-Банк 3 3 3 3 3 2 2 19 
ВТБ24 0 1 1 2 0 0 2 6 
Тинькофф кредитные системы 3 3 3 3 3 3 3 21 
Банк24.ру 1 1 2 2 2 1 2 11 
Ситибанк 0 1 0 1 1 0 1 4 
Райффайзенбанк 1 2 3 2 2 1 2 13 
Авангард 1 2 1 2 1 0 3 10 
Связной 3 3 3 3 3 3 2 20 
Русский Стандарт 0 0 1 2 1 1 1 6 
СМП Банк 1 2 3 3 3 2 2 16 
Юникредит 2 3 3 3 3 2 2 18 
Московский кредитный банк 2 3 3 3 3 2 3 19
Исследование Интернет-банков России, 2012 
Подход к оценке Примеры Что стоит сделать 
http://banking.qulix.ru/articles 
/25 
Результаты 
4 
Много 
свободного 
места 
Верхний колонтитул вместе 
с меню занимают половину 
высоты страницы 
Нужная информация 
отображается только на 
четверти экрана 
А где тут что? 
Это все пункты меню одного 
уровня, или подуровни, что 
значит третий уровень? – 
все сливается в кашу
Исследование Интернет-банков России, 2012 
Подход к оценке Примеры Что стоит сделать 
http://banking.qulix.ru/articles 
/25 
Результаты 
5 
Недружественная к пользователю 
терминология – привычные карточки 
находятся в в списке счетов 
Карта идентифицируются по расчетному 
счету и нет возможности задать свое 
название карточки. 
Аналогично, нет названий для счетов, 
только номера. 
Что такое текущие счета Интернет?
Исследование Интернет-банков России, 2012 
Подход к оценке Примеры Что стоит сделать 
http://banking.qulix.ru/articles 
/25 
Результаты 
6 
Что такое депозитные счета 
Интернет? 
1. Непонятно, что эта за счета, 
почему они отображаются, если 
на них ничего нет, и я их не 
открывал 
2. Неудачный дизайн – заголовки 
списков и дублируются, и 
привлекают основное внимание – 
визуально получается пестрая 
каша.
Исследование Интернет-банков России, 2012 
Подход к оценке Примеры Что стоит сделать 
http://banking.qulix.ru/articles 
/25 
Результаты 
7 
Неудачное название и непонятная 
логика. В разделе «Выписки и отчеты» 
почему-то представлены данные о 
входе в систему, причем список почему- 
то называется «История отправленных 
SMS», хотя в списке данные о входах в 
интернет-банк
Исследование Интернет-банков России, 2012 
Подход к оценке Примеры Что стоит сделать 
http://banking.qulix.ru/articles 
/25 
Результаты 
8 
• Нет главной страницы со сводной информацией – сколько у меня 
денег, последние операции, персональные предложения и пр. 
• Нет обратной связи или онлайн консультанта 
• Нет помощи по системе 
• Недоработка дизайна. Мелочь, но режет глаз. Список новостей 
достаточно длинный, в самом низу страницы нет кнопки для 
перехода в начало. 
• Нет Демо-версии 
• Нет возможности создавать шаблоны регулярных платежей (с 
расписанием) 
• Недружественная к пользователю терминология 
• В целом дизайн устаревший, использован подход настольных 
приложений конца 90-х.
Исследование Интернет-банков России, 2012 
Подход к оценке Примеры Что стоит сделать 
http://banking.qulix.ru/articles 
/25 
Результаты 
9 
Получить выписку по чему? 
Почему получение выписки находится 
не в списке действий рядом с 
карточкой, а на главной странице. 
Причем непонятно, по чему будет 
выписка, если выбрать этот пункт. 
Слева название, а…………….далеко справа данные
Исследование Интернет-банков России, 2012 
Подход к оценке Примеры Что стоит сделать 
http://banking.qulix.ru/articles 
/25 
Результаты 
10 
1. Вот буквы, а вооооооооооооооооооооооот там цифры 
2. На главной в списке детали карты были справа, а здесь 
слева 
Это пункты меню или закладки? 
Причем элементы не кликабельны 
А это пункты меню или не совсем? 
В целом так и не смог понять 
логику структуры меню, навигации, 
страниц и данных на страницах
Исследование Интернет-банков России, 2012 
Подход к оценке Примеры Что стоит сделать 
http://banking.qulix.ru/articles 
/25 
Результаты 
11 
На странице одновременно более 10 шрифто-размеров!
Исследование Интернет-банков России, 2012 
Подход к оценке Примеры Что стоит сделать 
http://banking.qulix.ru/articles 
/25 
Результаты 
12 
Я сейчас где? Нет указателя 
страницы (breadcrumbs) 
Опять вопрос – это 
пункты меню?
Исследование Интернет-банков России, 2012 
Подход к оценке Примеры Что стоит сделать 
http://banking.qulix.ru/articles 
/25 
Результаты 
13 
А как отменить действие? 
пришлось использовать браузерную 
навигацию
Исследование Интернет-банков России, 2012 
Подход к оценке Примеры Что стоит сделать 
http://banking.qulix.ru/articles 
/25 
Результаты 
14 
• Ограниченные возможности по настройке регулярных платежей. При выборе 
варианта еженедельного перевода предлагает его делать только в конкретный 
день (который соответствует текущему дню – например, четверг). 
• При совершении операции нет данных о комиссии. 
• В списке операций по карте нет возможности фильтровать данные 
• Находясь на форме карты нет возможность выполнить операции – оплата, 
перевод и пр. 
• Большой минус. Нет возможности заблокировать карту. 
• Нет возможности настраивать лимиты.
Исследование Интернет-банков России, 2012 
Подход к оценке Примеры Что стоит сделать 
http://banking.qulix.ru/articles 
/25 
Результаты 
15 
Без одноразового пароля 
практически ничего нельзя 
сделать, даже вопрос банку 
задать. Очень напрягает, 
особенно если в роуминге и 
СМС приходит через 20 минут 
Порадовало  
Выполняешь какое-то многошаговое 
действие (ввод кода, платеж), а тебе 
под локоть толкают – давай-ка, 
прервись и сходи посмотри банкоматы 
и отделения, или между делом напиши 
банку
Исследование Интернет-банков России, 2012 
Подход к оценке Примеры Что стоит сделать 
http://banking.qulix.ru/articles 
/25 
Результаты 
16 
Что такое очередность 
платежей, зачем ее указывать? 
Атавизмы системы для юриков?
Исследование Интернет-банков России, 2012 
Подход к оценке Примеры Что стоит сделать 
http://banking.qulix.ru/articles 
/25 
Результаты 
17 
И опять банкоматы…
Исследование Интернет-банков России, 2012 
Подход к оценке Примеры Что стоит сделать 
http://banking.qulix.ru/articles 
/25 
Результаты 
18 
Нужная мне информация свернута в 
маленькую секцию в модальном окне, 
хотя вся страница не задействована 
И что тут можно рассмотреть? 
А что такое Инструкции? 
А! это, оказывается, Шаблоны 
платежей!
Исследование Интернет-банков России, 2012 
Подход к оценке Примеры Что стоит сделать 
http://banking.qulix.ru/articles 
/25 
Результаты 
19 
Перевожу между счетами 1 рубль. 
Сообщение: «…указанная сумма 
слишком мала, попробуйте еще раз!» 
Очень полезный и умный совет – 
попробовать еще раз что? -перевести 
1 рубль!? 
А как насчет сразу в совете указать 
минимальную сумму? 
А как насчет на самой форме рядом с 
полем ввода указать минимальную 
сумму?
Исследование Интернет-банков России, 2012 
Подход к оценке Примеры Что стоит сделать 
http://banking.qulix.ru/articles 
/25 
Результаты 
20 
Если бы я по-русски отвечал на заданный вопрос, то 
варианты ответов, скорее, были бы Нет и Да. 
Тут не так, и даже «Не так» в разнобой – Отмена – это 
существительное, Подтвердить - глагол
Исследование Интернет-банков России, 2012 
Подход к оценке Примеры Что стоит сделать 
http://banking.qulix.ru/articles 
/25 
Результаты 
21 
Почему просмотр выписки по счету 
находится в разделе Мой профиль и 
Настройки??? 
Зачем и что мне здесь выбирать?! 
Я ведь уже шагом раньше выбрал на 
странице Счетов выписку по конкретному 
счету .
Исследование Интернет-банков России, 2012 
Подход к оценке Примеры Что стоит сделать 
http://banking.qulix.ru/articles 
/25 
Результаты 
• Большой минус. Нет поиска получателя по названию 
• Большой минус – очень мелкие элементы выбора в выпадающих списках 
• Минус. При регистрации нового получателя нужно указать Очередность платежа 
– что это такое – непонятно, из значений в выпадающем списке тоже не понятно, 
подсказок нет. 
• На форме перевода обязательные поля не помечены, в результате, при попытке 
перевести наугад 2 доллара, опять «получил по рукам» - «Пожалуйста, введите 
детали платежа»! Почему вы об этом меня не предупредили заранее! Зачем мне 
для переводов между своими счетами указывать (очевидно, что для банка) 
какие-то еще детали!? Мне они не нужны, а если банку что-то нужно, пусть сам 
позаботится о генерации названия или идентификатора операции. Яркий пример 
наплевательского отношения к клиенту – нам что-то нужно, но лень об этом 
позаботиться – пусть это делает клиент. 
22
Исследование Интернет-банков России, 2012 
Подход к оценке Примеры Что стоит сделать 
http://banking.qulix.ru/articles 
/25 
Результаты 
23 
Банковское ПО традиционно считалось эталоном надежности и 
безопасности, поэтому, выбирая Интернет-банк, человек 
предполагает оценить два показателя: 
1. Функциональность (что тут можно делать) 
2. Удобство 
Однако, как оказалось, ПО не такое уж и надежное 
Поэтому нужна оценка еще по одному показателю 
3. Надежность (стабильность) 
Как оценивать?
Исследование Интернет-банков России, 2012 
Подход к оценке Примеры Что стоит сделать 
http://banking.qulix.ru/articles 
/25 
Результаты 
24 
Надежность • Функциональное тестирование + ВК 
ВК - весовые коэффициенты значимости функций 
Функциональность • Матрица функций + ВК 
Удобство • Тестирование удобства использования 
(usability tests) + ВК 
• Комментарии и рейтинг экспертов 
Что важно! – по каждому показателю можно составить объективный количественный 
рейтинг – при тестировании надежности – это количество и серьезность дефектов, в 
функциональности – наличие функций, в удобстве – количественные результаты usability 
тестирования. Используя количественные оценки можно свести к минимуму или даже полностью 
исключить субъективный фактор.
Исследование Интернет-банков России, 2012 
Подход к оценке Примеры Что стоит сделать 
Можно определять и награждать победителя по каждому показателю (номинации) отдельно, а 
также определять главного лидера - банка с наименьшей суммой мест по всем показателям. 
Если одинаковая сумма, то накладываются приоритеты. 
http://banking.qulix.ru/articles 
/25 
Результаты 
25 
Надежность 
Функциональность Удобство 
Надежность + 
(сначала это все должно работать) 
Функциональность + 
(потом должна быть в принципе возможность что-то сделать) 
Удобство 
(и уж потом хорошо бы, чтобы это было еще и удобно)
Исследование Интернет-банков России, 2012 
UI/UX Design Guidelines 
• Apple: 
o iOS Human Interface Guidelines 
• Microsoft: 
o Designing UX for apps (Windows Store) 
o Windows Phone Design 
o Designing a User Interface (Windows) 
• Google: 
o Android Design 
Интернеты 
• http://russian.joelonsoftware.com/uibook/chapters/1.html 
• http://usethics.ru/ 
• http://userexperience.ru 
• http://habrahabr.ru/hub/ui/ 
• http://www.slideshare.net/backbase/user-experience-trends-in-banking 
• http://www.useit.com/homepageusability/guidelines.html 
Книги 
• Не заставляйте меня думать! Веб-дизайн книга Стива Круга. 2-e издание (2006) 
• Психбольница в руках пациентов. Алан Купер (2004) 
• Morgan Kaufmann - Web Application Design Handbook (2004) 
• В. Головач - Дизайн пользовательского интерфейса 2. Искусство мыть слона (2010) 
• WebDesignTrends-1WD 
26 http://banking.qulix.ru/articles

More Related Content

Similar to Qulix Systems | Доклад для banki.ru

Юзабилити-рейтинг интернет-банков 2015
Юзабилити-рейтинг интернет-банков 2015Юзабилити-рейтинг интернет-банков 2015
Юзабилити-рейтинг интернет-банков 2015
Usabilitylab
 
Сравнительное исследование удобства интернет-банков 2015
Сравнительное исследование удобства интернет-банков 2015Сравнительное исследование удобства интернет-банков 2015
Сравнительное исследование удобства интернет-банков 2015
Ася Жукова
 
Презентация Дмитрия Силаева (USABILITYLAB) с конференции «ДБО: новые возможно...
Презентация Дмитрия Силаева (USABILITYLAB) с конференции «ДБО: новые возможно...Презентация Дмитрия Силаева (USABILITYLAB) с конференции «ДБО: новые возможно...
Презентация Дмитрия Силаева (USABILITYLAB) с конференции «ДБО: новые возможно...
Банковское обозрение
 
Сравнительное исследование удобства интернет-банков 2015 (Рейтинг Банков)
Сравнительное исследование удобства интернет-банков 2015 (Рейтинг Банков)Сравнительное исследование удобства интернет-банков 2015 (Рейтинг Банков)
Сравнительное исследование удобства интернет-банков 2015 (Рейтинг Банков)
Денис Лобановский
 
Юзабилити-рейтинг интернет-банков - 2015
Юзабилити-рейтинг интернет-банков - 2015Юзабилити-рейтинг интернет-банков - 2015
Юзабилити-рейтинг интернет-банков - 2015
Игорь Назаров
 
Юзабилити-рейтинг интернет-банков 2015
Юзабилити-рейтинг интернет-банков 2015Юзабилити-рейтинг интернет-банков 2015
Юзабилити-рейтинг интернет-банков 2015
Дмитрий Силаев
 
Сравнительное исследование удобства сайтов банков 2014
Сравнительное исследование удобства сайтов банков 2014Сравнительное исследование удобства сайтов банков 2014
Сравнительное исследование удобства сайтов банков 2014
Ася Жукова
 
Банки-2015 интернет-опрос
Банки-2015 интернет-опросБанки-2015 интернет-опрос
Банки-2015 интернет-опрос
scoutmr
 
Markswebb internet banking rank 2016 - презентация 2016-04-13
Markswebb   internet banking rank 2016 - презентация 2016-04-13Markswebb   internet banking rank 2016 - презентация 2016-04-13
Markswebb internet banking rank 2016 - презентация 2016-04-13
Bankir_Ru
 
Юзабилити-рейтинг Интернет-банков 2017 (USABILITYLAB)
Юзабилити-рейтинг Интернет-банков 2017 (USABILITYLAB)Юзабилити-рейтинг Интернет-банков 2017 (USABILITYLAB)
Юзабилити-рейтинг Интернет-банков 2017 (USABILITYLAB)
Maria Novikova
 
Юзабилити-рейтинг интернет-банков 2017 для физических лиц
Юзабилити-рейтинг интернет-банков 2017 для физических лицЮзабилити-рейтинг интернет-банков 2017 для физических лиц
Юзабилити-рейтинг интернет-банков 2017 для физических лиц
Дмитрий Силаев
 
Сайты 10 банков: юзабилити исследование
Сайты 10 банков: юзабилити исследование Сайты 10 банков: юзабилити исследование
Сайты 10 банков: юзабилити исследование
Дмитрий Силаев
 
Юзабилити-исследования ДБО 2014
Юзабилити-исследования ДБО 2014Юзабилити-исследования ДБО 2014
Юзабилити-исследования ДБО 2014
Ася Жукова
 
Банкоматы: сравнительное юзабилити-исследования UL
Банкоматы: сравнительное юзабилити-исследования ULБанкоматы: сравнительное юзабилити-исследования UL
Банкоматы: сравнительное юзабилити-исследования UL
Дмитрий Силаев
 
Презентация сравнительного юзабилити-тестирвоания мобильных банков 2015
Презентация сравнительного юзабилити-тестирвоания мобильных банков 2015Презентация сравнительного юзабилити-тестирвоания мобильных банков 2015
Презентация сравнительного юзабилити-тестирвоания мобильных банков 2015
Ася Жукова
 
Юзабилити исследование мобильных банков 2015
Юзабилити исследование мобильных банков 2015Юзабилити исследование мобильных банков 2015
Юзабилити исследование мобильных банков 2015
Дмитрий Силаев
 
Markswebb Rank & Report: 10 советов, как сделать лучший интернет-банк
Markswebb Rank & Report: 10 советов, как сделать лучший интернет-банкMarkswebb Rank & Report: 10 советов, как сделать лучший интернет-банк
Markswebb Rank & Report: 10 советов, как сделать лучший интернет-банкAlexey Skobelev
 
Br ib 2015_method
Br ib 2015_methodBr ib 2015_method
Сравнительное юзабилити-тестирование банковских сайтов 2015
Сравнительное юзабилити-тестирование банковских сайтов 2015Сравнительное юзабилити-тестирование банковских сайтов 2015
Сравнительное юзабилити-тестирование банковских сайтов 2015
Ася Жукова
 
Сравнительное исследование удобства сайтов банков
Сравнительное исследование удобства сайтов банковСравнительное исследование удобства сайтов банков
Сравнительное исследование удобства сайтов банков
Денис Лобановский
 

Similar to Qulix Systems | Доклад для banki.ru (20)

Юзабилити-рейтинг интернет-банков 2015
Юзабилити-рейтинг интернет-банков 2015Юзабилити-рейтинг интернет-банков 2015
Юзабилити-рейтинг интернет-банков 2015
 
Сравнительное исследование удобства интернет-банков 2015
Сравнительное исследование удобства интернет-банков 2015Сравнительное исследование удобства интернет-банков 2015
Сравнительное исследование удобства интернет-банков 2015
 
Презентация Дмитрия Силаева (USABILITYLAB) с конференции «ДБО: новые возможно...
Презентация Дмитрия Силаева (USABILITYLAB) с конференции «ДБО: новые возможно...Презентация Дмитрия Силаева (USABILITYLAB) с конференции «ДБО: новые возможно...
Презентация Дмитрия Силаева (USABILITYLAB) с конференции «ДБО: новые возможно...
 
Сравнительное исследование удобства интернет-банков 2015 (Рейтинг Банков)
Сравнительное исследование удобства интернет-банков 2015 (Рейтинг Банков)Сравнительное исследование удобства интернет-банков 2015 (Рейтинг Банков)
Сравнительное исследование удобства интернет-банков 2015 (Рейтинг Банков)
 
Юзабилити-рейтинг интернет-банков - 2015
Юзабилити-рейтинг интернет-банков - 2015Юзабилити-рейтинг интернет-банков - 2015
Юзабилити-рейтинг интернет-банков - 2015
 
Юзабилити-рейтинг интернет-банков 2015
Юзабилити-рейтинг интернет-банков 2015Юзабилити-рейтинг интернет-банков 2015
Юзабилити-рейтинг интернет-банков 2015
 
Сравнительное исследование удобства сайтов банков 2014
Сравнительное исследование удобства сайтов банков 2014Сравнительное исследование удобства сайтов банков 2014
Сравнительное исследование удобства сайтов банков 2014
 
Банки-2015 интернет-опрос
Банки-2015 интернет-опросБанки-2015 интернет-опрос
Банки-2015 интернет-опрос
 
Markswebb internet banking rank 2016 - презентация 2016-04-13
Markswebb   internet banking rank 2016 - презентация 2016-04-13Markswebb   internet banking rank 2016 - презентация 2016-04-13
Markswebb internet banking rank 2016 - презентация 2016-04-13
 
Юзабилити-рейтинг Интернет-банков 2017 (USABILITYLAB)
Юзабилити-рейтинг Интернет-банков 2017 (USABILITYLAB)Юзабилити-рейтинг Интернет-банков 2017 (USABILITYLAB)
Юзабилити-рейтинг Интернет-банков 2017 (USABILITYLAB)
 
Юзабилити-рейтинг интернет-банков 2017 для физических лиц
Юзабилити-рейтинг интернет-банков 2017 для физических лицЮзабилити-рейтинг интернет-банков 2017 для физических лиц
Юзабилити-рейтинг интернет-банков 2017 для физических лиц
 
Сайты 10 банков: юзабилити исследование
Сайты 10 банков: юзабилити исследование Сайты 10 банков: юзабилити исследование
Сайты 10 банков: юзабилити исследование
 
Юзабилити-исследования ДБО 2014
Юзабилити-исследования ДБО 2014Юзабилити-исследования ДБО 2014
Юзабилити-исследования ДБО 2014
 
Банкоматы: сравнительное юзабилити-исследования UL
Банкоматы: сравнительное юзабилити-исследования ULБанкоматы: сравнительное юзабилити-исследования UL
Банкоматы: сравнительное юзабилити-исследования UL
 
Презентация сравнительного юзабилити-тестирвоания мобильных банков 2015
Презентация сравнительного юзабилити-тестирвоания мобильных банков 2015Презентация сравнительного юзабилити-тестирвоания мобильных банков 2015
Презентация сравнительного юзабилити-тестирвоания мобильных банков 2015
 
Юзабилити исследование мобильных банков 2015
Юзабилити исследование мобильных банков 2015Юзабилити исследование мобильных банков 2015
Юзабилити исследование мобильных банков 2015
 
Markswebb Rank & Report: 10 советов, как сделать лучший интернет-банк
Markswebb Rank & Report: 10 советов, как сделать лучший интернет-банкMarkswebb Rank & Report: 10 советов, как сделать лучший интернет-банк
Markswebb Rank & Report: 10 советов, как сделать лучший интернет-банк
 
Br ib 2015_method
Br ib 2015_methodBr ib 2015_method
Br ib 2015_method
 
Сравнительное юзабилити-тестирование банковских сайтов 2015
Сравнительное юзабилити-тестирование банковских сайтов 2015Сравнительное юзабилити-тестирование банковских сайтов 2015
Сравнительное юзабилити-тестирование банковских сайтов 2015
 
Сравнительное исследование удобства сайтов банков
Сравнительное исследование удобства сайтов банковСравнительное исследование удобства сайтов банков
Сравнительное исследование удобства сайтов банков
 

Qulix Systems | Доклад для banki.ru

  • 1. Исследование Интернет-банков России, 2012 Краткий обзор подхода к оценке Интернет - банков, примеры и предложения по совершенствованию исследования http://banking.qulix.ru/articles Валерий Тихонович, Qulix Systems
  • 2. Исследование Интернет-банков России, 2012 Подход к оценке Примеры Что стоит сделать http://banking.qulix.ru/articles /25 Результаты 2  Удобство и понятность навигации Интуитивно понятная структура меню – я смотрю, и уже примерно понимаю что тут есть, нет страниц-призраков, разумная группировка страниц, карта сайта и пр.  Простота операций и понятность данных Естественный сценарий выполнения операций, пошаговый мастер, четкое разделение параметров на обязательные и нет, представление данных в удобном для меня, а не банка виде  Дружеское отношение к пользователю Контекстная помощь, контекстные подсказки, комиссии, тарифы, ничего не прячет, по рукам не бьет, страшных слов УПИ и ППИ не говорит, если ошибся - за дурака не считает (умная реакция на ошибки) и пр.  Группировка функций по объектам Выписку, изменение лимита или настройки нотификаций я ожидаю увидеть на форме соответствующей карты/продукта  Быстрый доступ к важным функциям Блокировка карты нужна очень редко, но если нужна, то очень срочно  Сбалансированный дизайн: элементы, цвета, стили Единообразие в шаблонах страниц (3-5), типовые элементы и их поведение, акценты, сбалансированная цветовая гамма, минимальный набор шрифтов и пр.  Что можно делать Джентльменский набор функций, и все, что сверху
  • 3. Исследование Интернет-банков России, 2012 Подход к оценке Примеры Что стоит сделать http://banking.qulix.ru/articles /25 Результаты 3 Красота Удобство навигации Удобство операций Наличие операций Полнота и понятность По уровню технологий По уровню безопасности Сумма Сбербанк 3 3 3 3 3 3 3 21 Альфа-Банк 3 3 3 3 3 2 2 19 ВТБ24 0 1 1 2 0 0 2 6 Тинькофф кредитные системы 3 3 3 3 3 3 3 21 Банк24.ру 1 1 2 2 2 1 2 11 Ситибанк 0 1 0 1 1 0 1 4 Райффайзенбанк 1 2 3 2 2 1 2 13 Авангард 1 2 1 2 1 0 3 10 Связной 3 3 3 3 3 3 2 20 Русский Стандарт 0 0 1 2 1 1 1 6 СМП Банк 1 2 3 3 3 2 2 16 Юникредит 2 3 3 3 3 2 2 18 Московский кредитный банк 2 3 3 3 3 2 3 19
  • 4. Исследование Интернет-банков России, 2012 Подход к оценке Примеры Что стоит сделать http://banking.qulix.ru/articles /25 Результаты 4 Много свободного места Верхний колонтитул вместе с меню занимают половину высоты страницы Нужная информация отображается только на четверти экрана А где тут что? Это все пункты меню одного уровня, или подуровни, что значит третий уровень? – все сливается в кашу
  • 5. Исследование Интернет-банков России, 2012 Подход к оценке Примеры Что стоит сделать http://banking.qulix.ru/articles /25 Результаты 5 Недружественная к пользователю терминология – привычные карточки находятся в в списке счетов Карта идентифицируются по расчетному счету и нет возможности задать свое название карточки. Аналогично, нет названий для счетов, только номера. Что такое текущие счета Интернет?
  • 6. Исследование Интернет-банков России, 2012 Подход к оценке Примеры Что стоит сделать http://banking.qulix.ru/articles /25 Результаты 6 Что такое депозитные счета Интернет? 1. Непонятно, что эта за счета, почему они отображаются, если на них ничего нет, и я их не открывал 2. Неудачный дизайн – заголовки списков и дублируются, и привлекают основное внимание – визуально получается пестрая каша.
  • 7. Исследование Интернет-банков России, 2012 Подход к оценке Примеры Что стоит сделать http://banking.qulix.ru/articles /25 Результаты 7 Неудачное название и непонятная логика. В разделе «Выписки и отчеты» почему-то представлены данные о входе в систему, причем список почему- то называется «История отправленных SMS», хотя в списке данные о входах в интернет-банк
  • 8. Исследование Интернет-банков России, 2012 Подход к оценке Примеры Что стоит сделать http://banking.qulix.ru/articles /25 Результаты 8 • Нет главной страницы со сводной информацией – сколько у меня денег, последние операции, персональные предложения и пр. • Нет обратной связи или онлайн консультанта • Нет помощи по системе • Недоработка дизайна. Мелочь, но режет глаз. Список новостей достаточно длинный, в самом низу страницы нет кнопки для перехода в начало. • Нет Демо-версии • Нет возможности создавать шаблоны регулярных платежей (с расписанием) • Недружественная к пользователю терминология • В целом дизайн устаревший, использован подход настольных приложений конца 90-х.
  • 9. Исследование Интернет-банков России, 2012 Подход к оценке Примеры Что стоит сделать http://banking.qulix.ru/articles /25 Результаты 9 Получить выписку по чему? Почему получение выписки находится не в списке действий рядом с карточкой, а на главной странице. Причем непонятно, по чему будет выписка, если выбрать этот пункт. Слева название, а…………….далеко справа данные
  • 10. Исследование Интернет-банков России, 2012 Подход к оценке Примеры Что стоит сделать http://banking.qulix.ru/articles /25 Результаты 10 1. Вот буквы, а вооооооооооооооооооооооот там цифры 2. На главной в списке детали карты были справа, а здесь слева Это пункты меню или закладки? Причем элементы не кликабельны А это пункты меню или не совсем? В целом так и не смог понять логику структуры меню, навигации, страниц и данных на страницах
  • 11. Исследование Интернет-банков России, 2012 Подход к оценке Примеры Что стоит сделать http://banking.qulix.ru/articles /25 Результаты 11 На странице одновременно более 10 шрифто-размеров!
  • 12. Исследование Интернет-банков России, 2012 Подход к оценке Примеры Что стоит сделать http://banking.qulix.ru/articles /25 Результаты 12 Я сейчас где? Нет указателя страницы (breadcrumbs) Опять вопрос – это пункты меню?
  • 13. Исследование Интернет-банков России, 2012 Подход к оценке Примеры Что стоит сделать http://banking.qulix.ru/articles /25 Результаты 13 А как отменить действие? пришлось использовать браузерную навигацию
  • 14. Исследование Интернет-банков России, 2012 Подход к оценке Примеры Что стоит сделать http://banking.qulix.ru/articles /25 Результаты 14 • Ограниченные возможности по настройке регулярных платежей. При выборе варианта еженедельного перевода предлагает его делать только в конкретный день (который соответствует текущему дню – например, четверг). • При совершении операции нет данных о комиссии. • В списке операций по карте нет возможности фильтровать данные • Находясь на форме карты нет возможность выполнить операции – оплата, перевод и пр. • Большой минус. Нет возможности заблокировать карту. • Нет возможности настраивать лимиты.
  • 15. Исследование Интернет-банков России, 2012 Подход к оценке Примеры Что стоит сделать http://banking.qulix.ru/articles /25 Результаты 15 Без одноразового пароля практически ничего нельзя сделать, даже вопрос банку задать. Очень напрягает, особенно если в роуминге и СМС приходит через 20 минут Порадовало  Выполняешь какое-то многошаговое действие (ввод кода, платеж), а тебе под локоть толкают – давай-ка, прервись и сходи посмотри банкоматы и отделения, или между делом напиши банку
  • 16. Исследование Интернет-банков России, 2012 Подход к оценке Примеры Что стоит сделать http://banking.qulix.ru/articles /25 Результаты 16 Что такое очередность платежей, зачем ее указывать? Атавизмы системы для юриков?
  • 17. Исследование Интернет-банков России, 2012 Подход к оценке Примеры Что стоит сделать http://banking.qulix.ru/articles /25 Результаты 17 И опять банкоматы…
  • 18. Исследование Интернет-банков России, 2012 Подход к оценке Примеры Что стоит сделать http://banking.qulix.ru/articles /25 Результаты 18 Нужная мне информация свернута в маленькую секцию в модальном окне, хотя вся страница не задействована И что тут можно рассмотреть? А что такое Инструкции? А! это, оказывается, Шаблоны платежей!
  • 19. Исследование Интернет-банков России, 2012 Подход к оценке Примеры Что стоит сделать http://banking.qulix.ru/articles /25 Результаты 19 Перевожу между счетами 1 рубль. Сообщение: «…указанная сумма слишком мала, попробуйте еще раз!» Очень полезный и умный совет – попробовать еще раз что? -перевести 1 рубль!? А как насчет сразу в совете указать минимальную сумму? А как насчет на самой форме рядом с полем ввода указать минимальную сумму?
  • 20. Исследование Интернет-банков России, 2012 Подход к оценке Примеры Что стоит сделать http://banking.qulix.ru/articles /25 Результаты 20 Если бы я по-русски отвечал на заданный вопрос, то варианты ответов, скорее, были бы Нет и Да. Тут не так, и даже «Не так» в разнобой – Отмена – это существительное, Подтвердить - глагол
  • 21. Исследование Интернет-банков России, 2012 Подход к оценке Примеры Что стоит сделать http://banking.qulix.ru/articles /25 Результаты 21 Почему просмотр выписки по счету находится в разделе Мой профиль и Настройки??? Зачем и что мне здесь выбирать?! Я ведь уже шагом раньше выбрал на странице Счетов выписку по конкретному счету .
  • 22. Исследование Интернет-банков России, 2012 Подход к оценке Примеры Что стоит сделать http://banking.qulix.ru/articles /25 Результаты • Большой минус. Нет поиска получателя по названию • Большой минус – очень мелкие элементы выбора в выпадающих списках • Минус. При регистрации нового получателя нужно указать Очередность платежа – что это такое – непонятно, из значений в выпадающем списке тоже не понятно, подсказок нет. • На форме перевода обязательные поля не помечены, в результате, при попытке перевести наугад 2 доллара, опять «получил по рукам» - «Пожалуйста, введите детали платежа»! Почему вы об этом меня не предупредили заранее! Зачем мне для переводов между своими счетами указывать (очевидно, что для банка) какие-то еще детали!? Мне они не нужны, а если банку что-то нужно, пусть сам позаботится о генерации названия или идентификатора операции. Яркий пример наплевательского отношения к клиенту – нам что-то нужно, но лень об этом позаботиться – пусть это делает клиент. 22
  • 23. Исследование Интернет-банков России, 2012 Подход к оценке Примеры Что стоит сделать http://banking.qulix.ru/articles /25 Результаты 23 Банковское ПО традиционно считалось эталоном надежности и безопасности, поэтому, выбирая Интернет-банк, человек предполагает оценить два показателя: 1. Функциональность (что тут можно делать) 2. Удобство Однако, как оказалось, ПО не такое уж и надежное Поэтому нужна оценка еще по одному показателю 3. Надежность (стабильность) Как оценивать?
  • 24. Исследование Интернет-банков России, 2012 Подход к оценке Примеры Что стоит сделать http://banking.qulix.ru/articles /25 Результаты 24 Надежность • Функциональное тестирование + ВК ВК - весовые коэффициенты значимости функций Функциональность • Матрица функций + ВК Удобство • Тестирование удобства использования (usability tests) + ВК • Комментарии и рейтинг экспертов Что важно! – по каждому показателю можно составить объективный количественный рейтинг – при тестировании надежности – это количество и серьезность дефектов, в функциональности – наличие функций, в удобстве – количественные результаты usability тестирования. Используя количественные оценки можно свести к минимуму или даже полностью исключить субъективный фактор.
  • 25. Исследование Интернет-банков России, 2012 Подход к оценке Примеры Что стоит сделать Можно определять и награждать победителя по каждому показателю (номинации) отдельно, а также определять главного лидера - банка с наименьшей суммой мест по всем показателям. Если одинаковая сумма, то накладываются приоритеты. http://banking.qulix.ru/articles /25 Результаты 25 Надежность Функциональность Удобство Надежность + (сначала это все должно работать) Функциональность + (потом должна быть в принципе возможность что-то сделать) Удобство (и уж потом хорошо бы, чтобы это было еще и удобно)
  • 26. Исследование Интернет-банков России, 2012 UI/UX Design Guidelines • Apple: o iOS Human Interface Guidelines • Microsoft: o Designing UX for apps (Windows Store) o Windows Phone Design o Designing a User Interface (Windows) • Google: o Android Design Интернеты • http://russian.joelonsoftware.com/uibook/chapters/1.html • http://usethics.ru/ • http://userexperience.ru • http://habrahabr.ru/hub/ui/ • http://www.slideshare.net/backbase/user-experience-trends-in-banking • http://www.useit.com/homepageusability/guidelines.html Книги • Не заставляйте меня думать! Веб-дизайн книга Стива Круга. 2-e издание (2006) • Психбольница в руках пациентов. Алан Купер (2004) • Morgan Kaufmann - Web Application Design Handbook (2004) • В. Головач - Дизайн пользовательского интерфейса 2. Искусство мыть слона (2010) • WebDesignTrends-1WD 26 http://banking.qulix.ru/articles

Editor's Notes

  1. 1