SlideShare a Scribd company logo
1 of 31
Продуктовий дизайн і
UX / UI дизайн процеси при
розробці цифрових продуктів
UP2IT 2017
Володимир Мельник
Design Lead
UX / UI Designer
ДОСВІД РОБОТИ
3
Front End
Development
Test
Automation
iOS
Development
Product Design
UX / UI
ДИЗАЙН
ЦИФРОВИХ
ПРОДУКТІВ
ДИЗАЙН ЦИФРОВИХ
ПРОДУКТІВ
5
Робота з пікселями Вирішення проблем
Роль дизайнера
ДИЗАЙН-МИСЛЕННЯ
6
Життєздатний
Бажаний і цінний
Виконуваний
UX / UI
7
User Experience User Interface
ПІРАМІДА ПОТРЕБ ПРОДУКТУ
8
Функціональність
Надійність
Зручність
Задоволення
ДИЗАЙН
ПРОЦЕС
ДИЗАЙН ПРОЦЕС
10
• Дизайн стратегія
• Дослідження
• Концептуальний дизайн
• Візуальний дизайн
• Прототипування
• Розробка
• Валідація
ДИЗАЙН СТРАТЕГІЯ
11
• Kickoff
• Project Brief
• Roadmap
ДОСЛІДЖЕННЯ
12
• Aналітика
• Дослідження користувачів
ДОСЛІДЖЕННЯ КОРИСТУВАЧІВ
13
Storyboard
Personas and
User Stories
Jobs To Be Done
Task Flows and
Task Matrix
Flow Charts and
User Flows
Customer Journey and
Experience Maps
КОНЦЕПТУАЛЬНИЙ
ДИЗАЙН
14
• Скетчі
• Вайрфрейми
• Інформаційна архітектура
• Сценарії користувачів
СКЕТЧІ
ВАЙРФРЕЙМИ
Рівні деталізації
ІНФОРМАЦІЙНА
АРХІТЕКТУРА
СЦЕНАРІЇ
КОРИСТУВАЧІВ
ВІЗУАЛЬНИЙ ДИЗАЙН
19
Mood Boards Mockups Design Assets &
Graphics
Animation & Motion
ПРОТОТИПУВАННЯ
20
Рівні деталізації
ІНТЕРАКТИВНІ ПРОТОТИПИ
РОЗРОБКА
22
• Передача дизайну на розробку
• Дизайн системи і Стайлгайд
• Дизайн специфікації
(Вимоги до продукту)
ПЕРЕДАЧА ДИЗАЙНУ НА
РОЗРОБКУ
23
UI Дизайнери Front End Розробники
або
ДИЗАЙН
СИСТЕМИдизайну і розробки
СТАЙЛГАЙД
ДИЗАЙН
СПЕЦИФІКАЦІЇ
ДИЗАЙН
СПЕЦИФІКАЦІЇ
ВАЛІДАЦІЯ
28
Контроль Якості ЮЗАБІЛІТІ ТЕСТУВАННЯ
ЮЗАБІЛІТІ ТЕСТУВАННЯ
29
• Модеровані
• Віддалені модеровані
• Віддалені немодеровані
• Кількісні дослідження
• Якісні дослідження
30
ІТЕРАЦІЇ
ДЯКУЮ!
Володимир Мельник

More Related Content

Similar to Продуктовий дизайн і UX / UI дизайн процеси при розробці цифрових продуктів

Mobile app design feature development
Mobile app design feature developmentMobile app design feature development
Mobile app design feature developmentMaksym Davydov
 
Місце юзабіліті в процесі розробки. Артем Костенко. Sigma Software
Місце юзабіліті в процесі розробки. Артем Костенко. Sigma SoftwareМісце юзабіліті в процесі розробки. Артем Костенко. Sigma Software
Місце юзабіліті в процесі розробки. Артем Костенко. Sigma SoftwareТимур Роман
 
ITNetwork BACon agile spring. Олександра Лукавецька - Персона. Як знайти іде...
 ITNetwork BACon agile spring. Олександра Лукавецька - Персона. Як знайти іде... ITNetwork BACon agile spring. Олександра Лукавецька - Персона. Як знайти іде...
ITNetwork BACon agile spring. Олександра Лукавецька - Персона. Як знайти іде...it-network
 
Lecture 04. Mobile App Design
Lecture 04. Mobile App DesignLecture 04. Mobile App Design
Lecture 04. Mobile App DesignMaksym Davydov
 
Oleksiy Prosnitskyy: ІТ інструменти реалізації стратегії компанії (UA)
Oleksiy Prosnitskyy: ІТ інструменти реалізації стратегії компанії (UA)Oleksiy Prosnitskyy: ІТ інструменти реалізації стратегії компанії (UA)
Oleksiy Prosnitskyy: ІТ інструменти реалізації стратегії компанії (UA)Lviv Startup Club
 
Інформаційний менеджмент
Інформаційний менеджментІнформаційний менеджмент
Інформаційний менеджментSvetlana Is
 
M365: Роздаткові матеріали
M365: Роздаткові матеріалиM365: Роздаткові матеріали
M365: Роздаткові матеріалиAlexander Babich
 
Юрій Булан — Android development: перші кроки
Юрій Булан — Android development: перші крокиЮрій Булан — Android development: перші кроки
Юрій Булан — Android development: перші крокиITDayLutsk
 
Новий класифікатор IT-спеціальностей
Новий класифікатор IT-спеціальностейНовий класифікатор IT-спеціальностей
Новий класифікатор IT-спеціальностей24tvua
 
Ключові компетенції дизайнера
Ключові компетенції дизайнераКлючові компетенції дизайнера
Ключові компетенції дизайнераYuri Ternytsky
 
Актуальні практики дизайну мобільних додатків - UA Mobile 2019
Актуальні практики дизайну мобільних додатків - UA Mobile 2019Актуальні практики дизайну мобільних додатків - UA Mobile 2019
Актуальні практики дизайну мобільних додатків - UA Mobile 2019UA Mobile
 
Efect Prez
Efect PrezEfect Prez
Efect Prez01061959
 
Дизайн для розумних годинників. Як не облажатись
Дизайн для розумних годинників. Як не облажатисьДизайн для розумних годинників. Як не облажатись
Дизайн для розумних годинників. Як не облажатисьStfalcon Meetups
 
Prototyping Anton Pivniuk
Prototyping Anton PivniukPrototyping Anton Pivniuk
Prototyping Anton PivniukAnton Pivniuk
 
Efect Prez
Efect PrezEfect Prez
Efect Prez01061959
 
Презентація до уроку № 1
Презентація до уроку № 1Презентація до уроку № 1
Презентація до уроку № 1Ірина І
 
Процес розробки веб проекту в м1
Процес розробки веб проекту в м1Процес розробки веб проекту в м1
Процес розробки веб проекту в м1Oleg Nazarevych
 

Similar to Продуктовий дизайн і UX / UI дизайн процеси при розробці цифрових продуктів (20)

Mobile app design feature development
Mobile app design feature developmentMobile app design feature development
Mobile app design feature development
 
Місце юзабіліті в процесі розробки. Артем Костенко. Sigma Software
Місце юзабіліті в процесі розробки. Артем Костенко. Sigma SoftwareМісце юзабіліті в процесі розробки. Артем Костенко. Sigma Software
Місце юзабіліті в процесі розробки. Артем Костенко. Sigma Software
 
ITNetwork BACon agile spring. Олександра Лукавецька - Персона. Як знайти іде...
 ITNetwork BACon agile spring. Олександра Лукавецька - Персона. Як знайти іде... ITNetwork BACon agile spring. Олександра Лукавецька - Персона. Як знайти іде...
ITNetwork BACon agile spring. Олександра Лукавецька - Персона. Як знайти іде...
 
Lecture 04. Mobile App Design
Lecture 04. Mobile App DesignLecture 04. Mobile App Design
Lecture 04. Mobile App Design
 
Основи Lean UX
Основи Lean UXОснови Lean UX
Основи Lean UX
 
Oleksiy Prosnitskyy: ІТ інструменти реалізації стратегії компанії (UA)
Oleksiy Prosnitskyy: ІТ інструменти реалізації стратегії компанії (UA)Oleksiy Prosnitskyy: ІТ інструменти реалізації стратегії компанії (UA)
Oleksiy Prosnitskyy: ІТ інструменти реалізації стратегії компанії (UA)
 
Mba+im-ua
Mba+im-uaMba+im-ua
Mba+im-ua
 
Інформаційний менеджмент
Інформаційний менеджментІнформаційний менеджмент
Інформаційний менеджмент
 
M365: Роздаткові матеріали
M365: Роздаткові матеріалиM365: Роздаткові матеріали
M365: Роздаткові матеріали
 
Юрій Булан — Android development: перші кроки
Юрій Булан — Android development: перші крокиЮрій Булан — Android development: перші кроки
Юрій Булан — Android development: перші кроки
 
Urok_16
Urok_16Urok_16
Urok_16
 
Новий класифікатор IT-спеціальностей
Новий класифікатор IT-спеціальностейНовий класифікатор IT-спеціальностей
Новий класифікатор IT-спеціальностей
 
Ключові компетенції дизайнера
Ключові компетенції дизайнераКлючові компетенції дизайнера
Ключові компетенції дизайнера
 
Актуальні практики дизайну мобільних додатків - UA Mobile 2019
Актуальні практики дизайну мобільних додатків - UA Mobile 2019Актуальні практики дизайну мобільних додатків - UA Mobile 2019
Актуальні практики дизайну мобільних додатків - UA Mobile 2019
 
Efect Prez
Efect PrezEfect Prez
Efect Prez
 
Дизайн для розумних годинників. Як не облажатись
Дизайн для розумних годинників. Як не облажатисьДизайн для розумних годинників. Як не облажатись
Дизайн для розумних годинників. Як не облажатись
 
Prototyping Anton Pivniuk
Prototyping Anton PivniukPrototyping Anton Pivniuk
Prototyping Anton Pivniuk
 
Efect Prez
Efect PrezEfect Prez
Efect Prez
 
Презентація до уроку № 1
Презентація до уроку № 1Презентація до уроку № 1
Презентація до уроку № 1
 
Процес розробки веб проекту в м1
Процес розробки веб проекту в м1Процес розробки веб проекту в м1
Процес розробки веб проекту в м1
 

More from UP2IT

Microservices. Mastering Chaos
Microservices. Mastering ChaosMicroservices. Mastering Chaos
Microservices. Mastering ChaosUP2IT
 
Сочетание классической и гибкой методологий управления проектами
Сочетание классической и гибкой методологий управления проектамиСочетание классической и гибкой методологий управления проектами
Сочетание классической и гибкой методологий управления проектамиUP2IT
 
Go для веба глазами PHP-разработчика
Go для веба глазами PHP-разработчикаGo для веба глазами PHP-разработчика
Go для веба глазами PHP-разработчикаUP2IT
 
Дизайнер в эпоху цифровых перемен
Дизайнер в эпоху цифровых переменДизайнер в эпоху цифровых перемен
Дизайнер в эпоху цифровых переменUP2IT
 
Модели OPEN SOURCE компаний и можно ли выжить без OPEN CORE и ENTERPRISE EDITION
Модели OPEN SOURCE компаний и можно ли выжить без OPEN CORE и ENTERPRISE EDITIONМодели OPEN SOURCE компаний и можно ли выжить без OPEN CORE и ENTERPRISE EDITION
Модели OPEN SOURCE компаний и можно ли выжить без OPEN CORE и ENTERPRISE EDITIONUP2IT
 
VR/AR в бизнесе
VR/AR в бизнесеVR/AR в бизнесе
VR/AR в бизнесеUP2IT
 
Native DB transactions
Native DB transactionsNative DB transactions
Native DB transactionsUP2IT
 
Hell 2 Heaven or Choosing Cloud Provider
Hell 2 Heaven or Choosing Cloud ProviderHell 2 Heaven or Choosing Cloud Provider
Hell 2 Heaven or Choosing Cloud ProviderUP2IT
 
Automation pyramid within CI process
Automation pyramid within CI processAutomation pyramid within CI process
Automation pyramid within CI processUP2IT
 
Containers, containers, containers...
Containers, containers, containers...Containers, containers, containers...
Containers, containers, containers...UP2IT
 
Kotlin для розробки Android
Kotlin для розробки AndroidKotlin для розробки Android
Kotlin для розробки AndroidUP2IT
 
React. Learn once, write anywhere
React. Learn once, write anywhereReact. Learn once, write anywhere
React. Learn once, write anywhereUP2IT
 
Сложности и специфика построения систем раздачи адалт видео контента
Сложности и специфика построения систем раздачи адалт видео контентаСложности и специфика построения систем раздачи адалт видео контента
Сложности и специфика построения систем раздачи адалт видео контентаUP2IT
 
H2H Communication in IT
H2H Communication in ITH2H Communication in IT
H2H Communication in ITUP2IT
 
Как я не стал барабанщиком или Как менеджер создает ценность
Как я не стал барабанщиком или Как менеджер создает ценностьКак я не стал барабанщиком или Как менеджер создает ценность
Как я не стал барабанщиком или Как менеджер создает ценностьUP2IT
 
Epic Sales Fails Compilation
Epic Sales Fails CompilationEpic Sales Fails Compilation
Epic Sales Fails CompilationUP2IT
 
Design Thinking
Design ThinkingDesign Thinking
Design ThinkingUP2IT
 
Как настроенные процессы повышают прибыльность и снижают стресс
Как настроенные процессы повышают прибыльность и снижают стрессКак настроенные процессы повышают прибыльность и снижают стресс
Как настроенные процессы повышают прибыльность и снижают стрессUP2IT
 

More from UP2IT (18)

Microservices. Mastering Chaos
Microservices. Mastering ChaosMicroservices. Mastering Chaos
Microservices. Mastering Chaos
 
Сочетание классической и гибкой методологий управления проектами
Сочетание классической и гибкой методологий управления проектамиСочетание классической и гибкой методологий управления проектами
Сочетание классической и гибкой методологий управления проектами
 
Go для веба глазами PHP-разработчика
Go для веба глазами PHP-разработчикаGo для веба глазами PHP-разработчика
Go для веба глазами PHP-разработчика
 
Дизайнер в эпоху цифровых перемен
Дизайнер в эпоху цифровых переменДизайнер в эпоху цифровых перемен
Дизайнер в эпоху цифровых перемен
 
Модели OPEN SOURCE компаний и можно ли выжить без OPEN CORE и ENTERPRISE EDITION
Модели OPEN SOURCE компаний и можно ли выжить без OPEN CORE и ENTERPRISE EDITIONМодели OPEN SOURCE компаний и можно ли выжить без OPEN CORE и ENTERPRISE EDITION
Модели OPEN SOURCE компаний и можно ли выжить без OPEN CORE и ENTERPRISE EDITION
 
VR/AR в бизнесе
VR/AR в бизнесеVR/AR в бизнесе
VR/AR в бизнесе
 
Native DB transactions
Native DB transactionsNative DB transactions
Native DB transactions
 
Hell 2 Heaven or Choosing Cloud Provider
Hell 2 Heaven or Choosing Cloud ProviderHell 2 Heaven or Choosing Cloud Provider
Hell 2 Heaven or Choosing Cloud Provider
 
Automation pyramid within CI process
Automation pyramid within CI processAutomation pyramid within CI process
Automation pyramid within CI process
 
Containers, containers, containers...
Containers, containers, containers...Containers, containers, containers...
Containers, containers, containers...
 
Kotlin для розробки Android
Kotlin для розробки AndroidKotlin для розробки Android
Kotlin для розробки Android
 
React. Learn once, write anywhere
React. Learn once, write anywhereReact. Learn once, write anywhere
React. Learn once, write anywhere
 
Сложности и специфика построения систем раздачи адалт видео контента
Сложности и специфика построения систем раздачи адалт видео контентаСложности и специфика построения систем раздачи адалт видео контента
Сложности и специфика построения систем раздачи адалт видео контента
 
H2H Communication in IT
H2H Communication in ITH2H Communication in IT
H2H Communication in IT
 
Как я не стал барабанщиком или Как менеджер создает ценность
Как я не стал барабанщиком или Как менеджер создает ценностьКак я не стал барабанщиком или Как менеджер создает ценность
Как я не стал барабанщиком или Как менеджер создает ценность
 
Epic Sales Fails Compilation
Epic Sales Fails CompilationEpic Sales Fails Compilation
Epic Sales Fails Compilation
 
Design Thinking
Design ThinkingDesign Thinking
Design Thinking
 
Как настроенные процессы повышают прибыльность и снижают стресс
Как настроенные процессы повышают прибыльность и снижают стрессКак настроенные процессы повышают прибыльность и снижают стресс
Как настроенные процессы повышают прибыльность и снижают стресс
 

Продуктовий дизайн і UX / UI дизайн процеси при розробці цифрових продуктів