SlideShare una empresa de Scribd logo
1 de 33
Descargar para leer sin conexión
Мы хотим рассказать о 4 кейсах по созданию
продуктов для онлайн-пользователей банка
turumburum.com
Основные преимущества - экономия времени, снижение расходов по транзакциям,
беспрепятственный доступ к банковскому счету, дистанционное управление счетами
в реальном времени.
Какие бывают продукты для онлайн-пользователей банка?
Интернет-банкинг
Мобильные
приложения
Дополнительные
сервисы
Как разработать хороший продукт
для онлайн-пользователей банка?
В зависимости от того, какой продукт мы делаем, нужно пройти различные этапы, но есть
общий план, следование которому позволит сделать хороший продукт:
turumburum.com
Как разработать хороший продукт
для онлайн-пользователей банка?
В зависимости от того, какой продукт мы делаем, нужно пройти различные этапы,
но есть общий план, следование которому позволит сделать хороший продукт:
Создание персонажей
и анализ задач пользователей
Проектирование интерфейса
Построение
информационной архитектуры
Создание графического дизайна
Тестирование и аудит
созданного продукта
1
2
3
4
5
turumburum.com
turumburum.com
1. Мобильное приложение для переводов
2. Мобильный банкинг
3. Сервис платежей для интернет-банкинга
4. Онлайн-банкинг
А теперь о том, что происходит на практике,
реальные кейсы, 4 продукта:
turumburum.com
Быстрый и безопасный перевод денег с карты на карту
1. PAY2YOU
turumburum.com
Задача: создать дизайн простого приложения
для отправки денег на номер телефона
Так, чтобы всем пользователям было понятно, что это именно перечисление на
другую Карточку, а не зачисление на счёт
Для всех типов экранов/разрешений
Для iOS и Android
За 1 месяц с утверждением
В зависимости от того, какой продукт мы делаем, нужно пройти различные этапы, но есть
общий план, следование которому позволит сделать хороший продукт:
turumburum.com
Структура приложения представлена в виде 48 экранов
В зависимости от того, какой продукт мы делаем, нужно пройти различные этапы, но есть
общий план, следование которому позволит сделать хороший продукт:
turumburum.com
Функция отправки перевода с комментарием
turumburum.com
Основные особенности интерфейса приложения
Дизайн в спокойных тонах с использованием стилистики
гугловских дудлов
Блочный формат работы основного интерфейса
Кодирование цветом карт (задействование
визуальной памяти пользователей приложения)
Элементы iOS в Android (ставшие такими модными в последнее время)
1
2
3
4
Как разработать хороший продукт
для онлайн-пользователей банка?
В зависимости от того, какой продукт мы делаем, нужно пройти различные этапы, но есть
общий план, следование которому позволит сделать хороший продукт:
turumburum.com
turumburum.com
Удобный простой интерфейс,
который не перегружен лишним функционалом
turumburum.com
Основные проблемы и трудности
Трудность создания интерфейса, который позволяет сразу понять
новый вид перевода по номеру телефона и не спутать его
с пополнением телефона
Длительный процесс согласования многочисленными
отделами клиента
turumburum.com
Фактические сроки
апрель
запрос на проектирование
и дизайн интерфейса
разработан интерфейс
для iOS
ноябрь
октябрь
выпуск в продакшен
приложения
под Android
декабрь
разработана
вторая порция
дизайнов для нового
функционала
июль
окончание работ
и старт авторского надзора
за внедрением
2014
turumburum.com
2. Мобильный банкинг по методологии paper
turumburum.com
Нашей команде и команде заказчика понадобилось около месяца работы,
чтобы проверить возможность реализации данной задачи
Перед нами стояла трудная задача -
совместить сложный функционал банковского приложения с архитектурой paper
turumburum.com
Проверка реалистичности внедрения методологии
turumburum.com
Структура приложения
turumburum.com
Результаты дизайна
turumburum.com
Курс валют Конвертер валют
turumburum.com
Переводы
turumburum.com
Фактические сроки
февраль
сдача второго этапа
работ по проектированию
и дизайну
окончание работ по
проверке гипотез и старт
работ по проектированию
и дизайну
июль
октябрь
сдача первой порции работ
по проектированию
и дизайну
апрель
запрос на проектирование
и дизайн интерфейса
2014 2015
turumburum.com
Задача: реализовать раздел для централизованной оплаты коммунальных услуг
3. Обновленный онлайн-банкинг
Как разработать хороший продукт
для онлайн-пользователей банка?
В зависимости от того, какой продукт мы делаем, нужно пройти различные этапы, но есть
общий план, следование которому позволит сделать хороший продукт:
turumburum.comturumburum.com
turumburum.com
Реализованы элементы стиля (elements)
1. Цена
Мы выделяем основную значимую часть, уделяя
максимум внимания «важной» части блока, меньше
приоритета «копейкам», и еще меньше технической
2. Заголовки и селекторы основанные
на заголовках
Используем аккуратную читаемую Хельветику, но
легкую её версию, чтобы заголовок не доминировал
своей тяжестью над информацией
Используем сложные фоны для выделения эле-
ментов.
3. Подложки (Ховеры)
turumburum.com
turumburum.com
turumburum.com
Фактические сроки
2014
запрос на проектирование
и дизайн интерфейса
окончание работ
июль
август
turumburum.com
Задача: разработать дизайн банкинга с большим количеством функций
4. Онлайн-банкинг
turumburum.com
turumburum.com
turumburum.com
turumburum.com
Фактические сроки
проектирование
около 100 экранов
разработка
графического дизайна
1,5 мес.
2 мес.
turumburum.com
МЫ ПРЕЗЕНТОВАЛИ 4 КЕЙСА
Если Вам было интересно и Вы хотите получить больше
информации о наших проектах, подпишитесь на рассылку!
Посмотреть видео доклада с конференции Fintech 2015 >>
Подписаться!
Как разработать хороший продукт
для онлайн-пользователей банка?
В зависимости от того, какой продукт мы делаем, нужно пройти различные этапы, но есть
общий план, следование которому позволит сделать хороший продукт:
turumburum.com
Наши услуги
Украина, Харьков
Бизнес-центр «Капиталист»
пр. Ленина 27б
+38 (044) 392-21-56
+38 (050) 932-69-94

Más contenido relacionado

Destacado

Presentation easter island
Presentation easter islandPresentation easter island
Presentation easter islandjaileysmom
 
Аудиторный обзор российский автомобильных сайтов производителей
Аудиторный обзор российский автомобильных сайтов производителейАудиторный обзор российский автомобильных сайтов производителей
Аудиторный обзор российский автомобильных сайтов производителейAlexey Petrovsky
 
Easter Island Powerpoint
Easter Island PowerpointEaster Island Powerpoint
Easter Island Powerpointrebeccarlg
 
Алексей Петровский. Аналитика Similarweb. GoAnalytics! 2016
Алексей Петровский. Аналитика Similarweb. GoAnalytics! 2016Алексей Петровский. Аналитика Similarweb. GoAnalytics! 2016
Алексей Петровский. Аналитика Similarweb. GoAnalytics! 2016Alexey Petrovsky
 
Descriptive Text
Descriptive TextDescriptive Text
Descriptive TextAyu Ayu
 
Easter island
Easter islandEaster island
Easter islandbarmy
 
Pembentukan harga pasar
Pembentukan harga pasarPembentukan harga pasar
Pembentukan harga pasarUmi Pujiati
 
List of top2000 most popular website in Ukraine
List of top2000 most popular website in UkraineList of top2000 most popular website in Ukraine
List of top2000 most popular website in UkraineWatcher
 
Pacific Islands Ppt
Pacific Islands PptPacific Islands Ppt
Pacific Islands PptDoodeyPoodey
 

Destacado (12)

Presentation easter island
Presentation easter islandPresentation easter island
Presentation easter island
 
Аудиторный обзор российский автомобильных сайтов производителей
Аудиторный обзор российский автомобильных сайтов производителейАудиторный обзор российский автомобильных сайтов производителей
Аудиторный обзор российский автомобильных сайтов производителей
 
Moai
MoaiMoai
Moai
 
Easter Island Powerpoint
Easter Island PowerpointEaster Island Powerpoint
Easter Island Powerpoint
 
Алексей Петровский. Аналитика Similarweb. GoAnalytics! 2016
Алексей Петровский. Аналитика Similarweb. GoAnalytics! 2016Алексей Петровский. Аналитика Similarweb. GoAnalytics! 2016
Алексей Петровский. Аналитика Similarweb. GoAnalytics! 2016
 
Descriptive Text
Descriptive TextDescriptive Text
Descriptive Text
 
Easter island
Easter islandEaster island
Easter island
 
Pembentukan harga pasar
Pembentukan harga pasarPembentukan harga pasar
Pembentukan harga pasar
 
Pacific islands
Pacific islandsPacific islands
Pacific islands
 
Grape presentation
Grape presentationGrape presentation
Grape presentation
 
List of top2000 most popular website in Ukraine
List of top2000 most popular website in UkraineList of top2000 most popular website in Ukraine
List of top2000 most popular website in Ukraine
 
Pacific Islands Ppt
Pacific Islands PptPacific Islands Ppt
Pacific Islands Ppt
 

Similar a Pr case

Презентация Анастасии Масленниковой (Лето Банк) с конференции «Mobile-First:...
Презентация  Анастасии Масленниковой (Лето Банк) с конференции «Mobile-First:...Презентация  Анастасии Масленниковой (Лето Банк) с конференции «Mobile-First:...
Презентация Анастасии Масленниковой (Лето Банк) с конференции «Mobile-First:...Банковское обозрение
 
Panda - вебинар про Opencart для Myopencart
Panda - вебинар про Opencart для MyopencartPanda - вебинар про Opencart для Myopencart
Panda - вебинар про Opencart для Myopencartpanda-code
 
Создание интернет-магазина
Создание интернет-магазинаСоздание интернет-магазина
Создание интернет-магазинаNetpeak
 
Иван Васильев
Иван ВасильевИван Васильев
Иван ВасильевCodeFest
 
Банкоматы: сравнительное юзабилити-исследования UL
Банкоматы: сравнительное юзабилити-исследования ULБанкоматы: сравнительное юзабилити-исследования UL
Банкоматы: сравнительное юзабилити-исследования ULДмитрий Силаев
 
разработка мобильных приложений веб конф 3 для фестиваля ф
разработка мобильных приложений веб конф 3 для фестиваля фразработка мобильных приложений веб конф 3 для фестиваля ф
разработка мобильных приложений веб конф 3 для фестиваля фCIT TROYA
 
Presentation bank
Presentation bankPresentation bank
Presentation bankmcrsss
 
Модуль 15. Лекция 59-60.
Модуль 15. Лекция 59-60. Модуль 15. Лекция 59-60.
Модуль 15. Лекция 59-60. Yana Brodetski
 
банковские технологии Artsofte ребрендинг платформ compass plus
банковские технологии Artsofte   ребрендинг платформ compass plusбанковские технологии Artsofte   ребрендинг платформ compass plus
банковские технологии Artsofte ребрендинг платформ compass plusArtsofte IT company
 
Специальные проекты
Специальные проекты Специальные проекты
Специальные проекты Yury Makarov
 
О разработке сайтов в целом
О разработке сайтов в целомО разработке сайтов в целом
О разработке сайтов в целомUplab_University
 
Post click marketing
Post click marketingPost click marketing
Post click marketingFedotov Alex
 
Промоплан - программа управления проектами в сфере BTL и Trade Marketing
Промоплан -  программа управления проектами в сфере BTL и Trade MarketingПромоплан -  программа управления проектами в сфере BTL и Trade Marketing
Промоплан - программа управления проектами в сфере BTL и Trade MarketingAlexey Grebeniuk
 
Почему проект не заканчивается после передачи его клиенту или что надо, чтобы...
Почему проект не заканчивается после передачи его клиенту или что надо, чтобы...Почему проект не заканчивается после передачи его клиенту или что надо, чтобы...
Почему проект не заканчивается после передачи его клиенту или что надо, чтобы...Andrew Sikorskiy
 

Similar a Pr case (20)

Презентация Анастасии Масленниковой (Лето Банк) с конференции «Mobile-First:...
Презентация  Анастасии Масленниковой (Лето Банк) с конференции «Mobile-First:...Презентация  Анастасии Масленниковой (Лето Банк) с конференции «Mobile-First:...
Презентация Анастасии Масленниковой (Лето Банк) с конференции «Mobile-First:...
 
Site dev 1
Site dev 1Site dev 1
Site dev 1
 
Site dev 1
Site dev 1Site dev 1
Site dev 1
 
Panda - вебинар про Opencart для Myopencart
Panda - вебинар про Opencart для MyopencartPanda - вебинар про Opencart для Myopencart
Panda - вебинар про Opencart для Myopencart
 
Создание интернет-магазина
Создание интернет-магазинаСоздание интернет-магазина
Создание интернет-магазина
 
Иван Васильев
Иван ВасильевИван Васильев
Иван Васильев
 
Art bank
Art bankArt bank
Art bank
 
Банкоматы: сравнительное юзабилити-исследования UL
Банкоматы: сравнительное юзабилити-исследования ULБанкоматы: сравнительное юзабилити-исследования UL
Банкоматы: сравнительное юзабилити-исследования UL
 
разработка мобильных приложений веб конф 3 для фестиваля ф
разработка мобильных приложений веб конф 3 для фестиваля фразработка мобильных приложений веб конф 3 для фестиваля ф
разработка мобильных приложений веб конф 3 для фестиваля ф
 
Presentation bank
Presentation bankPresentation bank
Presentation bank
 
Модуль 15. Лекция 59-60.
Модуль 15. Лекция 59-60. Модуль 15. Лекция 59-60.
Модуль 15. Лекция 59-60.
 
банковские технологии Artsofte ребрендинг платформ compass plus
банковские технологии Artsofte   ребрендинг платформ compass plusбанковские технологии Artsofte   ребрендинг платформ compass plus
банковские технологии Artsofte ребрендинг платформ compass plus
 
Как настроить систему сквозной аналитики
Как настроить систему сквозной аналитикиКак настроить систему сквозной аналитики
Как настроить систему сквозной аналитики
 
Специальные проекты
Специальные проекты Специальные проекты
Специальные проекты
 
О разработке сайтов в целом
О разработке сайтов в целомО разработке сайтов в целом
О разработке сайтов в целом
 
Usability MobioLab
Usability MobioLabUsability MobioLab
Usability MobioLab
 
Post click marketing
Post click marketingPost click marketing
Post click marketing
 
Промоплан - программа управления проектами в сфере BTL и Trade Marketing
Промоплан -  программа управления проектами в сфере BTL и Trade MarketingПромоплан -  программа управления проектами в сфере BTL и Trade Marketing
Промоплан - программа управления проектами в сфере BTL и Trade Marketing
 
Promoplan presentation
Promoplan presentationPromoplan presentation
Promoplan presentation
 
Почему проект не заканчивается после передачи его клиенту или что надо, чтобы...
Почему проект не заканчивается после передачи его клиенту или что надо, чтобы...Почему проект не заканчивается после передачи его клиенту или что надо, чтобы...
Почему проект не заканчивается после передачи его клиенту или что надо, чтобы...
 

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 продукта:
  • 5. turumburum.com Быстрый и безопасный перевод денег с карты на карту 1. PAY2YOU
  • 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
  • 11. turumburum.com Удобный простой интерфейс, который не перегружен лишним функционалом
  • 12. turumburum.com Основные проблемы и трудности Трудность создания интерфейса, который позволяет сразу понять новый вид перевода по номеру телефона и не спутать его с пополнением телефона Длительный процесс согласования многочисленными отделами клиента
  • 13. turumburum.com Фактические сроки апрель запрос на проектирование и дизайн интерфейса разработан интерфейс для iOS ноябрь октябрь выпуск в продакшен приложения под Android декабрь разработана вторая порция дизайнов для нового функционала июль окончание работ и старт авторского надзора за внедрением 2014
  • 14. turumburum.com 2. Мобильный банкинг по методологии paper
  • 15. turumburum.com Нашей команде и команде заказчика понадобилось около месяца работы, чтобы проверить возможность реализации данной задачи Перед нами стояла трудная задача - совместить сложный функционал банковского приложения с архитектурой paper
  • 21. turumburum.com Фактические сроки февраль сдача второго этапа работ по проектированию и дизайну окончание работ по проверке гипотез и старт работ по проектированию и дизайну июль октябрь сдача первой порции работ по проектированию и дизайну апрель запрос на проектирование и дизайн интерфейса 2014 2015
  • 22. turumburum.com Задача: реализовать раздел для централизованной оплаты коммунальных услуг 3. Обновленный онлайн-банкинг
  • 23. Как разработать хороший продукт для онлайн-пользователей банка? В зависимости от того, какой продукт мы делаем, нужно пройти различные этапы, но есть общий план, следование которому позволит сделать хороший продукт: turumburum.comturumburum.com
  • 24. turumburum.com Реализованы элементы стиля (elements) 1. Цена Мы выделяем основную значимую часть, уделяя максимум внимания «важной» части блока, меньше приоритета «копейкам», и еще меньше технической 2. Заголовки и селекторы основанные на заголовках Используем аккуратную читаемую Хельветику, но легкую её версию, чтобы заголовок не доминировал своей тяжестью над информацией Используем сложные фоны для выделения эле- ментов. 3. Подложки (Ховеры) turumburum.com
  • 26. turumburum.com Фактические сроки 2014 запрос на проектирование и дизайн интерфейса окончание работ июль август
  • 27. turumburum.com Задача: разработать дизайн банкинга с большим количеством функций 4. Онлайн-банкинг
  • 31. turumburum.com Фактические сроки проектирование около 100 экранов разработка графического дизайна 1,5 мес. 2 мес.
  • 32. turumburum.com МЫ ПРЕЗЕНТОВАЛИ 4 КЕЙСА Если Вам было интересно и Вы хотите получить больше информации о наших проектах, подпишитесь на рассылку! Посмотреть видео доклада с конференции Fintech 2015 >> Подписаться!
  • 33. Как разработать хороший продукт для онлайн-пользователей банка? В зависимости от того, какой продукт мы делаем, нужно пройти различные этапы, но есть общий план, следование которому позволит сделать хороший продукт: turumburum.com Наши услуги Украина, Харьков Бизнес-центр «Капиталист» пр. Ленина 27б +38 (044) 392-21-56 +38 (050) 932-69-94