Presentation about product design and its role in digital product development, UI / UX design process and methodologies, examples of their applications.

1. Product Design and
UX / UI Design Process
in Digital Product Development
2017

2. Volodymyr Melnyk
Design Lead
UX / UI Designer

3. WORK EXPERIENCE
3
Front End
Developer
QA Automation
Engineer
iOS
Developer
Designer
UX / UI

4. DIGITAL
PRODUCT
DESIGN

5. DIGITAL PRODUCT DESIGN
5
Moving Pixels Problem Solving
Role of a Designer

6. DESIGN THINKING
6
Viability
Business
Desirability
User
Feasibility
Technology
by IDEO

7. UX AND UI
7
User Experience User Interface
How product works and feels
All aspects of the end-user interaction
How product surfaces look and function
Visual design, aesthetics and brand

8. PYRAMID OF PRODUCT NEEDS
8
Functionality
Reliability
Usability
Delight

9. DESIGN
PROCESS

10. DESIGN PROCESS
10
• Strategy
• Research
• Conceptual Design
• Visual Design
• Prototyping
• Delivery
• Validation

11. STRATEGY
11
• Kickoff
• Project Brief
• Roadmap
product vision, project plan, requirements, deliverables, identifying success factors and metrics

12. RESEARCH
12
• Analytics
SWOT, market segmentation, competitive analysis, heuristic evaluation, etc.
• User Research

13. USER RESEARCH
13
Storyboard
Personas and
User Stories
Jobs To Be Done
Task Flows and
Task Matrix
User Flows
Customer Journey and
Experience Maps

14. CONCEPTUAL DESIGN
14
• Sketches
• Wireframes
• Information Architecture
• Interaction Flows

15. SKETCHES

16. WIREFRAMES
Low Fidelity High Fidelity

17. INFORMATION
ARCHITECTURE

18. INTERACTION
FLOWS

19. VISUAL DESIGN
19
Mood Boards Mockups Design Assets &
Graphics
Animation & Motion

20. PROTOTYPING
20
LOW FIDELITY HIGH FIDELITY

21. INTERACTIVE PROTOTYPES

22. DELIVERY
22
• Design Handoff
• Design Systems & Style Guides
• Design Specifications
(Product Requirements)

23. DESIGN HANDOFF
23
UI Designers Front End Developers
OR Sympli
InVision
Inspect

24. DESIGN SYSTEMS
Unified Framework for Product Design AND Development

25. STYLE GUIDE

26. DESIGN
SPECIFICATIONS

27. DESIGN
SPECIFICATIONS

28. VALIDATION
28
QUALITY ASSURANCE USABILITY TESTING

29. USABILITY TESTING
29
• Moderated in-person
• Moderated remote
• Unmoderated remote
• Quantitative
• Qualitative

30. 30
ITERATE
repeat the process based on insights, research and validation results, design outcomes from previous phases

31. THANK YOU!
Volodymyr Melnyk
/in/vamelnyk /v.a.melnyk