Восьмой запуск Starship
Восемь жизней куба в Blender
Испытания для роботов
Новые MacBook и iPad Air
Посадка на Луну

40+ часов на исследование. Почему сначала цифры, а потом дизайн? Рассказываем на примере банка ТКБ

«Провели исследование и на его основе…» — нередко про аналитику в кейсах лишь одна фраза. Бывает, что и аналитики-то никакой не было. Посмотрели пару сайтов, и хватит. На примере исследования для банка ТКБ показываем, почему для сложных продуктов нужен подробный анализ.

40+ часов на исследование. Почему сначала цифры, а потом дизайн? Рассказываем на примере банка ТКБ

На связи дизайн-студия «Магвай». Мы разрабатываем сайты с нуля: от концепции до реализации. И наша сильная сторона — глубокое погружение в детали бизнеса. Мы уверены, без этого сложно создать продукт, который точно передаст ценности бренда, повысит конверсию и приведёт лояльных клиентов.

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

Что даёт исследование

Представьте, что вы играете в дартс. С закрытыми глазами будет сложно целиться. Но если вы видите середину круга и обладаете меткостью (= профессионализмом), вероятность попасть в цель будет выше. Этот пример раскрывает суть аналитики. Она задаёт направление и при умелом обращении приближает к результату.

Суть проведения исследования в простой инфографике
Суть проведения исследования в простой инфографике

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

Исследования - это стратегия win-win как для клиента, так и для разработчика
Исследования - это стратегия win-win как для клиента, так и для разработчика

На какие вопросы отвечает исследование:

  • Кто целевая аудитория компании?
  • Какие потребности, ожидания, возражения есть у ЦА?
  • Что для пользователя наиболее важно на сайте/в приложении?
  • Какие успешные и неуспешные решения внедряют конкуренты?
  • Что нужно поменять/сделать на сайте компании, чтобы увеличить количество посещений, время, глубину просмотров и достигнуть бизнес-целей заказчика?

Что важно для современного банковского сектора

Переход в онлайн — большая тенденция последнего времени. Это коснулось и банков. По данным исследования компании Statista, в 2022 году 65,3% жителей США пользуются цифровыми банковскими услугами.

В России цифра почти такая же. В 2020 в рамках совместного проекта Минфина России и Всемирного банка аналитический центр НАФИ выяснил, что в среднем в нашей стране 56% граждан пользуются цифровыми каналами управления личными финансами (мобильным приложением или интернет-банком). Свежих исследований пока нет, но есть большая вероятность, что эта цифра за 2 года выросла.

Исследования Минфина России и Всемирного банка
Исследования Минфина России и Всемирного банка

Сегодня у клиентов банков есть запрос на:

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

Больше половины пользователей хотят получать услуги дистанционно, и у них есть выбор. Банки активно развивают свои онлайн-сервисы. Кстати, российские компании в этом преуспели даже больше. Ещё недавно многие приложения и сайты зарубежных банков были мало адаптированы под запросы пользователей. А чтобы узнать, чего именно хотят клиенты, мы и проводим анализ.

Исследование для банка "Транскапиталбанк" (ТКБ)

ТКБ — частный российский коммерческий банк, существует с 1992 года, по размеру активов и уставного капитала банк входит в 50 крупнейших российских банков. ТКБ работает с физическими лицами, активно кредитует малый и средний бизнес, финансирует и обслуживает корпоративных клиентов.

Компании требовалось обновить сайт. Мы начали работу над проектом с интервью. Никто не знает лучше свой бизнес, чем сам заказчик. Обычно он уже приходит с определёнными задачами. В разговоре мы обсудили особенности банка, его направленность, целевую аудиторию, а также каждую страницу сайта и определили боли. Например:

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

В целом, необходимо было лаконично представить информацию и сократить пользовательский путь. С помощью данных Яндекс.Аудитории мы составили портрет клиентов банка.

Портрет целевой аудитории банка ТКБ
Портрет целевой аудитории банка ТКБ
Долгосрочные интересы целевой аудитории банка ТКБ
Долгосрочные интересы целевой аудитории банка ТКБ

Полезную информацию дала тепловая карта кликов.

Так мы установили следующее:

  • Целевых клиентов на открытие счета для бизнеса намного больше, чем на регистрацию. Её и рекомендуем поставить первой. Заменить текст в кнопке на «Открыть/Зарегистрировать».
  • Нет взаимодействия с формой. Потому что кнопкой и блоком выше структура увела клиентов на другую страницу. Не нужно убирать этот блок совсем, необходимо переставить его ниже.
  • В блоке ниже такая же проблема: намного больше кликов на открытие счёта. Её можно поставить выше. Нелогично, что сверху блок назывался «Открытие счета», здесь он уже называется «Открытие РКО».

Следующий важный этап — анализ конкурентов. Проектов с хорошим UX-дизайном сегодня в банковской сфере много. Для исследования мы выбрали крупных игроков из первой двадцатки рейтинга российских банков: «Альфа-Банк», «СберБанк», «Райффайзен Банк», ВТБ, «Открытие», «Росбанк», «Тинькофф Банк», а также цифровой банк «Точка», который сегодня популярен у предпринимателей.

Анализировали следующие параметры:

  • общее позиционирование,
  • tone of voice,
  • общее описание структуры,
  • навигационное меню,
  • перечисление блоков,
  • открытие счёта,
  • бизнес-карта.

Например, мы заметили, что у «СберБанка» визуальная и структурная часть не проработаны, имеют ряд сложных и запутанных сценариев. А на сайте «Райффайзен Банка» чёткая структура, есть разделение на юниты и услуги по каждому юниту. С точки зрения структуры показательным стал и сайт «Альфа-Банка», выборка ЦА дала высший балл по удобству пользовательских сценариев.

Все данные помогли составить предложения по структуре нового сайта ТКБ на основе user flow.

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

Для каждой страницы мы также прописали рекомендации

Например, для страницы «Малому бизнесу»:

  • Ошибки в UX копирайтинге текста. Названия кнопок должны четко описывать действия, которые они выполняют.
  • Текст в блоках должен призывать к действию (например, «Открыть счет бесплатно»).
  • Два блока, отвечающие за одно действие, находятся в пределах одного экрана, необходимо опустить блок с заявкой ниже.
  • Карточки в блоке «Решение для бизнеса» сделаны без кнопок, их неудобно нажимать. Хотя другие карточки в этом же блоке имеют кнопки.
  • «Открыть счет» необходимо поставить выше, чем «Регистрация бизнеса».

Итоговые дизайн-макеты сайта банка ТКБ

Некоторые экраны раздела услуги "Платежное кольцо", раздела "Ипотека"
Некоторые экраны раздела услуги "Платежное кольцо", раздела "Ипотека"
Некоторые экраны главной страницы, раздела "Ипотека", раздела "Вклады"
Некоторые экраны главной страницы, раздела "Ипотека", раздела "Вклады"
Адаптация для смартфонов некоторых экранов различных разделов сайта
Адаптация для смартфонов некоторых экранов различных разделов сайта

Дизайн-макеты для раздела "Малый бизнес"

Некоторые экраны раздела "Малый бизнес"
Некоторые экраны раздела "Малый бизнес"
Адаптивная версия некоторых экранов раздела "Малый бизнес"
Адаптивная версия некоторых экранов раздела "Малый бизнес"

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

Мы точно знаем, что такой подход даёт лучший результат.

3434
реклама
разместить
6 комментариев

Срочно нужно исследование по размеру шрифта в тексте иллюстраций:)

2

В целом хорошо, но я не понял, поясните пожалуйста: вот вы выделили портреты аудитории, а подтверждали их? Это же гипотеза полученная через анализ количественных данных, а с самими людьми разговаривали? Тестировали на них спроектированный путь?

1

Комментарий недоступен

Наши исследования заключались не только в портрете пользователя, но также в составлении пользовательского пути (для его дальнейшей оптимизации) и анализе сайтов конкурентов. Не судите книгу по обложке)

40+ часов исследований, на дизайн видимо сил уже не хватило...

СК завёл против блогера Александры Митрошиной уголовное дело об отмывании денег

В 2023-м она была фигурантом дела о неуплате 127 млн рублей налогов.

Источник: «<a href="https://api.vc.ru/v2.8/redirect?to=https%3A%2F%2Ft.me%2Fskmoscowgsu%2F4453&postId=1852382" rel="nofollow noreferrer noopener" target="_blank">Столичный СК</a>»
1212
33
33
33
22
Так странно читать такие новости... Инфоцыганка отмывает деньги???? Да вы что?
реклама
разместить
Приезжайте к нам в Германию, у нас айтишники живут в коммуналках и пляшут с бубном, чтобы выжить

За 6 лет я успела поработать в трех крупных IT-компаниях, несколько раз меняла жилье и переехала из Мюнхена в Берлин. В статье я расскажу про немецкую бюрократию, налоги и почему даже айтишники с высокими зарплатами живут в коммуналках. А еще, как в Германии искать работу и жилье, сколько стоит здесь лечиться и жить, и как вы можете остаться без ви…

У меня дом 2016 года постройки. Это не лучшее фото фасада — я сделала снимок, чтобы показать последствия новогодних празднований в Берлине. Кто-то запустил фейерверк — квартира сгорела, фасад на несколько этажей закоптился. Но в целом дом чистый и уютный.
5757
66
66
22
11
11
Знакомый вернулся из Германии после трех лет работы там. Говорит, что не выдержал именно бюрократии и того, что к русским относятся как к людям второго сорта. В статье автор это деликатно обходит, но это реальность.
Средний чек на цветы перед 8 Марта вырастет на 28%

Как меняется спрос на букеты и куда ехать за недорогими цветами в этом году — рассказываем в исследовании T-Pay.

Средний чек на цветы перед 8 Марта вырастет на 28%
22
11
Великобритания сняла санкции с «Росбанка» и сохранила их в отношении «Т-Банка»

В начале 2025 года «Росбанк» завершил присоединение к «Т-Банку» в качестве филиала.

2323
44
22
Английские учёные доказали , что банка Росбанк уже нет и поэтому с него можно санкции снять.
«Мы создаём новое на основе друг друга»: глава Mistral AI рассказал, что не воспринимает DeepSeek как конкурента, но собирается выпустить модель «мощнее», чем у него

И достаточно скоро.

Глава Mistral AI Артур Менш. Источник: Bloomberg
44
11
11
Управляющий партнёр Y Combinator Джаред Фридман рассказал, что у четверти стартапов акселератора 95% кодовой базы сгенерировано ИИ

Глава YC предупредил, что разработчикам всё равно необходимы знания в программировании.

Кадр из беседы главы YC Гарри Тана с партнёрами. Источник: Y Combinator
55
11
Функциональное программирование на JavaScript: основы и практическое применение. Часть 2

Функциональное программирование (ФП) делает код более читаемым, масштабируемым и удобным для тестирования. Ведущий разработчик IBS Юрий Таратов продолжает рассказ об особенностях этого подхода на примере JavaScript.

Функциональное программирование на JavaScript: основы и практическое применение. Часть 2
«Аэрофлот» запустил в аэропорту Шереметьево стойки для самостоятельной регистрации и сдачи багажа

С помощью них можно сразу зарегистрироваться и на рейс.

Как выглядят стойки для самостоятельной регистрации на рейс и багажа. Источник: Telegram-канал «Аэрофлота»
2222
Так они уже были там давно. С перерывом на 3 года не работали из-за санкций, которые всем на пользу, наверное😂Видимо, импортозместили, наконец
[]