e-commerce cases on finance markets (web-banking, mobile-banking, online-banking), UX/UI
Презентация с последними
решениями Турум-бурум в банковской сфере.
Презентация рассказывает о том, сколько на самом деле нужно времени,
чтобы сделать хороший банковский продукт, и какие этапы необходимо пройти.
Почему проект не заканчивается после передачи его клиенту или что надо, чтобы...
Pr case
1. Мы хотим рассказать о 4 кейсах по созданию
продуктов для онлайн-пользователей банка
2. turumburum.com
Основные преимущества - экономия времени, снижение расходов по транзакциям,
беспрепятственный доступ к банковскому счету, дистанционное управление счетами
в реальном времени.
Какие бывают продукты для онлайн-пользователей банка?
Интернет-банкинг
Мобильные
приложения
Дополнительные
сервисы
3. Как разработать хороший продукт
для онлайн-пользователей банка?
В зависимости от того, какой продукт мы делаем, нужно пройти различные этапы, но есть
общий план, следование которому позволит сделать хороший продукт:
turumburum.com
Как разработать хороший продукт
для онлайн-пользователей банка?
В зависимости от того, какой продукт мы делаем, нужно пройти различные этапы,
но есть общий план, следование которому позволит сделать хороший продукт:
Создание персонажей
и анализ задач пользователей
Проектирование интерфейса
Построение
информационной архитектуры
Создание графического дизайна
Тестирование и аудит
созданного продукта
1
2
3
4
5
turumburum.com
4. turumburum.com
1. Мобильное приложение для переводов
2. Мобильный банкинг
3. Сервис платежей для интернет-банкинга
4. Онлайн-банкинг
А теперь о том, что происходит на практике,
реальные кейсы, 4 продукта:
6. turumburum.com
Задача: создать дизайн простого приложения
для отправки денег на номер телефона
Так, чтобы всем пользователям было понятно, что это именно перечисление на
другую Карточку, а не зачисление на счёт
Для всех типов экранов/разрешений
Для iOS и Android
За 1 месяц с утверждением
7. В зависимости от того, какой продукт мы делаем, нужно пройти различные этапы, но есть
общий план, следование которому позволит сделать хороший продукт:
turumburum.com
Структура приложения представлена в виде 48 экранов
8. В зависимости от того, какой продукт мы делаем, нужно пройти различные этапы, но есть
общий план, следование которому позволит сделать хороший продукт:
turumburum.com
Функция отправки перевода с комментарием
9. turumburum.com
Основные особенности интерфейса приложения
Дизайн в спокойных тонах с использованием стилистики
гугловских дудлов
Блочный формат работы основного интерфейса
Кодирование цветом карт (задействование
визуальной памяти пользователей приложения)
Элементы iOS в Android (ставшие такими модными в последнее время)
1
2
3
4
10. Как разработать хороший продукт
для онлайн-пользователей банка?
В зависимости от того, какой продукт мы делаем, нужно пройти различные этапы, но есть
общий план, следование которому позволит сделать хороший продукт:
turumburum.com
12. turumburum.com
Основные проблемы и трудности
Трудность создания интерфейса, который позволяет сразу понять
новый вид перевода по номеру телефона и не спутать его
с пополнением телефона
Длительный процесс согласования многочисленными
отделами клиента
13. turumburum.com
Фактические сроки
апрель
запрос на проектирование
и дизайн интерфейса
разработан интерфейс
для iOS
ноябрь
октябрь
выпуск в продакшен
приложения
под Android
декабрь
разработана
вторая порция
дизайнов для нового
функционала
июль
окончание работ
и старт авторского надзора
за внедрением
2014
15. turumburum.com
Нашей команде и команде заказчика понадобилось около месяца работы,
чтобы проверить возможность реализации данной задачи
Перед нами стояла трудная задача -
совместить сложный функционал банковского приложения с архитектурой paper
21. turumburum.com
Фактические сроки
февраль
сдача второго этапа
работ по проектированию
и дизайну
окончание работ по
проверке гипотез и старт
работ по проектированию
и дизайну
июль
октябрь
сдача первой порции работ
по проектированию
и дизайну
апрель
запрос на проектирование
и дизайн интерфейса
2014 2015
23. Как разработать хороший продукт
для онлайн-пользователей банка?
В зависимости от того, какой продукт мы делаем, нужно пройти различные этапы, но есть
общий план, следование которому позволит сделать хороший продукт:
turumburum.comturumburum.com
24. turumburum.com
Реализованы элементы стиля (elements)
1. Цена
Мы выделяем основную значимую часть, уделяя
максимум внимания «важной» части блока, меньше
приоритета «копейкам», и еще меньше технической
2. Заголовки и селекторы основанные
на заголовках
Используем аккуратную читаемую Хельветику, но
легкую её версию, чтобы заголовок не доминировал
своей тяжестью над информацией
Используем сложные фоны для выделения эле-
ментов.
3. Подложки (Ховеры)
turumburum.com
32. turumburum.com
МЫ ПРЕЗЕНТОВАЛИ 4 КЕЙСА
Если Вам было интересно и Вы хотите получить больше
информации о наших проектах, подпишитесь на рассылку!
Посмотреть видео доклада с конференции Fintech 2015 >>
Подписаться!
33. Как разработать хороший продукт
для онлайн-пользователей банка?
В зависимости от того, какой продукт мы делаем, нужно пройти различные этапы, но есть
общий план, следование которому позволит сделать хороший продукт:
turumburum.com
Наши услуги
Украина, Харьков
Бизнес-центр «Капиталист»
пр. Ленина 27б
+38 (044) 392-21-56
+38 (050) 932-69-94