// //
экспертиза

#экспертиза
Сайт ПриватБанка

25 октября, 2017
Мы любим тексты без ошибок. Если вы все же их обнаружили, выделите фрагмент и нажмите Ctrl+Enter.

На днях ПриватБанк запустил бета-тестирование нового сайта. Учитывая, что ресурс входит в ТОП-10 самых посещаемых сайтов страны, с изменениями в дизайне столкнутся миллионы пользователей со всей Украины. Мы попросили экспертов Владимира Страшкова и Андрея Курочкина протестировать сайт и дать оценку новому дизайну.


Владимир Страшков, Product designer at DeviantArt, Wix.com

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

Перед тем, как приступим, хочу сделать ремарку. В новостях значится, что сайт запущен в «бэте». Это отлично, что решили сперва выйти к публике и получить реальные отзывы и статистику. А следующие слова заставляют напрячься: «В течение месяца ПриватБанк будет принимать все отзывы, пожелания и критику нового дизайна для его дальнейшего совершенствования на электронную почту privatbanktesting@gmail.com».

Пожалуйста, не нужно через месяц превращаться в тыкву: по окончании тестирования продолжайте принимать отзывы, записывайте жалобы, исправляйте баги. Хотя не исключено, что маневр с тестированием — это всего лишь PR.

Конечно, чтобы оценить «хорошо или плохо» нужно сперва уточнить «для кого?» и «зачем?». Но к чертям это все. Я буду смотреть на ситуацию со своей колокольни и субъективно расставлять оценки.

За каждую штуку, которая мне понравилась, я буду давать один балл в виде чашки кофе ☕️. А негативным баллом будет баклажан 🍆.

Начнем с дизайна в целом.

Чисто и почти аккуратно ☕️. Ключевое слово «почти». То тут, то там текст имеет странные отступы, как будто страница просто не загрузилась. Кнопки с действием везде очень маленькие и незаметные 🍆. Положение и логика блоков, таблицы и структура страниц в целом все время меняются🍆,.

Кое-где странного вида табы маскируются под заголовки – вероятно, с целью спрятать от нас контент🍆:

Зато все адаптивно! ☕️

Отдельный позитивный балл хочу поставить за направление дизайна в целом. Да, если всматриваться в детали, то бардак. Но с первого взгляда вроде все ок, и ощущения оставляет приятные ☕️. Есть, с чем работать!

Навигация.

Большое и видное меню — однозначный плюс. За это еще один кофе ☕️. Меню начинается с продуктов банка — депозитов, кредитов, карточек и переводов. Это уже устоявшийся стандарт в индустрии, но, тем не менее, заслуживает поощрения. За первый подход к меню дадим сразу два балла — и банк, и клиент довольны ☕️☕️.

Внутри самого меню, правда, нет четкой структуры. Например, под «Кредити» можно найти полный список кредитных программ, а под «Депозити» — нет. Для этого нужно пойти уже в «Як обрати депозит?». Значит, либо архитектура была плохо продумана, либо еще в процессе становления. Тут ставим минус от клиента (за усложнение понимания) 🍆, и минус от банка (за сложность наполнения и поддержки) 🍆.

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

Для депозитов, похоже, контент пока не написали. Надеялся, что, может, хоть PDF с условиями депозитов есть, но не нашел такого 🍆.

Зато нашел спрятанный за маленькой ссылкой депозитный калькулятор! ☕️ Благодаря калькулятору я понял, что налог на прибыль по процентам с депозита в Украине составляет 19.5%(!). Но понял я это благодаря калькулятору в айфоне, а не на сайте Приватбанка. Внешний вид обсуждать бесполезно, а вот механика заслуживает пары слов: мучения и жалость. Мучения испытывают пользователи, а жалость за них испытываю я.

Особенно в калькуляторе порадовали два столбика справа, которые должны были быть инфографикой. Вот что случается, когда никто в команде не умеет считать. Один из столбиков почему-то зеленый, хотя они одинаковые. А серая «прослойка» по центру каждого столбика размером в 9,37% от общего размера подписана значением «0 (ноль)». 🍆

*Кстати, анализ таких вот потребительских штук многое говорит об аудитории в целом. Максимально дозволенный депозит в банке — 1млн грн. А вот кредит на авто можно взять в размере 1.5 млн. Вот и выходит, что наши соотечественники охотнее доверяют сбережения не банку, а баварскому автопрому.

Отдельный вопрос у меня вызвал поиск: нажимаешь на иконку поиска, убираешь мышку в сторону — и у тебя на сайте больше нету меню. 🍆  Сколько людей потеряется в этом тупике — покажет статистика.

Но сама идея сделать из сайта банка «розетку» с поиском мне импонирует ☕️.

Теперь самое важное — карта отделений есть, хоть пока и со старого сайта, а вход в Приват24 как всегда доступен и прост. Два кофе и шоколадка за это! ☕️ ☕️ 🍫

Мое внимание привлекли также страницы пополнения счета и платежей за коммуналку. Как мне казалось, это очень полезные страницы с потенциалом генерации трафика и дохода для компании.  Наверное, банк решил по-другому 🍆  и на обеих страницах вместо кнопок с действием разместил плохо сверстанные таблицы:

А страница перевода денег с карты на карту вообще ведет на старый сайт.

Время подводить итоги!

10☕️+🍫-10🍆=🍫

Ну что ж, похоже идти пить кофе в ПриватБанке больше не предлагают, остался только шоколад. В свежей обертке, но по-прежнему сомнительный внутри.

Андрей Курочкин, веб-дизайнер, куратор в Projector

Итак, новый сайт ПриватБанка.

Если одним словом, то «наконец-то». Сайт давно нуждался в обновлении, и вот дождались. Если коротко: ничего удивительного: просто, понятно, относительно красиво, но главное — весьма удобно.

Для теста я выбрал не самый очевидный браузер —Firefox. Некоторое количество багов можно списать на него. В Chrome моменты навигации, которые некорректно работали в Firefox, отрабатывали правильно.

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

В сравнении с предыдущей версией сайта, информация куда лучше структурирована. Лишнее (или не очень нужное) убрано с глаз долой. Если в старой версии была попытка показать все и сразу, не задумываясь об удобстве, то в новой совсем не так.

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

Переключение между решениями для приватных лиц и бизнеса вынесено наверх, где ему самое место. С ним соседствует выбор языка. Желание поклацать обнаружило первый мини-баг. Учитывая, что это бета версия, не будем акцентировать на нем внимание. Но котика с несуществующей русской версии я вам все равно покажу:

Дальше нас встречает шапка сайта с логотипом и кнопкой «Допомога онлайн». Собственно, сама кнопка — это первый элемент, который вызывает небольшие вопросы. При клике на кнопку «Допомога онлайн», которая находится в верхнем левом углу, всплывающий выбор инструмента почему-то появляется снизу. Мне такое решение кажется очень неудобным и не очевидным.

Далее переходим к самому вкусному, главное меню:

Если коротко, то оно полностью решает вопрос навигации по сайту.

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

Вопросы вызвал поиск отделений. Первая же попытка найти отделение по названию улицы выдало очень неожиданный результат:

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

И раздел «Інше» не выглядит удобным. То, что вынесено на второй слайд этого пункта меню найти будет все же проблематично.

Ниже нас встречает баннер. Субъективно — не хватает понятной навигации по слайдам. Примененное здесь решение не удобно. Корректно работает со свайпом. Но беглые попытки понять логику, куда кликать для переключения, вызвали вопросы.

В остальном по баннеру все стандартно: картинка, текст, кнопка. Понятно и читаемо.

Дополнительные разделы сохранили прежний функционал и расположены все так же внизу страницы.

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

Учитывая, что это бета версия и большую часть времени я смотрел сайт в Firefox, то придираться к мелким огрехам в работе, наверное не стоит.

Общее впечатление: выглядит, как весьма удачный «фейслифтинг» со стороны юзабилити. Правда, коснувшийся только главной страницы.  При этом данное решение страдает недостаточным вниманием к визуальной составляющей.

У нас есть еще кое-что для вас

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: