This document discusses product design and the product design process. It emphasizes that product design is about focus, thinking through every step of the process from initial ideas to implementation. This includes activities like creating portraits, user stories, specifications, site maps, flows, wireframes, prototypes, and UI design. It also notes that the goal is stable growth for the product over time, but that the solution designed may need to change as problems change. Examples are provided of redesigns for a mobile app, desktop app, and logo. The conclusion emphasizes that building the right features for the right users is more challenging than just building features.
2. PRODUCT DESIGN
01 PRODUCT THINKING
The way of
how it works
UX
DESIGN
PRODUCT THINKING
PRODUCT
MANAGEMENT
The way of
how it manages
The way of how
you can get money
3. A GOOD DESIGNER
is Dribbble-ready
02 PRODUCT THINKING
IDEA PROTOTYPES USER STORIES ART DIRECTION SPECIFICATIONS SOLUTION FLOWS
WIREFRAMES PORTRAITS FUNCTIONALITY UI DESIGN TESTING SITEMAP FRONT END
MANAGEMENT BACK END ANIMATION RESEARCH SERVICE SKETCHING
4. A GOOD PRODUCT DESIGNER
is ProductHunt-ready
03 PRODUCT THINKING
IDEA PROTOTYPES USER STORIES ART DIRECTION SPECIFICATIONS SOLUTION FLOWS
WIREFRAMES PORTRAITS FUNCTIONALITY UI DESIGN TESTING SITEMAP FRONT END
MANAGEMENT BACK END ANIMATION RESEARCH SERVICE SKETCHING
8. PRODUCT THINKING
The way of how
you can get money
PRODUCT DESIGNER
07 FOCUS
STARTING POINT
IDEA
PORTRAITS
USER STORIES
FUNCTIONALITY
SPECIFICATIONS
SITEMAP
FLOWS
WIREFRAMES
PROTOTYPES
ART DIRECTION
UI DESIGN
TESTING
SOLUTION
9. PRODUCT THINKING
The way of how
you can get money
THE WHOLE PROCESS
08 FOCUS
NOW I’M FOCUSING ON IDEA
PORTRAITS
USER STORIES
FUNCTIONALITY
SPECIFICATIONS
SITEMAP
FLOWS
WIREFRAMES
10. USERS USER STORY ADPROTOTYPEFUNC WIRESSPECS FLOWS
NOW I’M FOCUSING ON
This is the Product Designer
vision of the product
THE WHOLE PROCESS
09 FOCUS
SITEMAP
12. On this stage you can’t
connect two different screens
Everything goes
right, but...
AS IT IS
11 PROCESS
IDEA
PORTRAITS
USER STORIES
FUNCTIONALITY
SITEMAP
FLOWS
WIREFRAMES
PROTOTYPES
UI DESIGN
TESTING
SOLUTION
13. REBRAND
harder than you think
animationistooheavy
that’swhyweneedcoding
buttondoesn’twork
can’tconnectscreens
12 PROCESS
IDEA
PORTRAITS
USER STORIES
FUNCTIONALITY
SITEMAP
FLOWS
WIREFRAMES
PROTOTYPES
UI DESIGN
TESTING
SOLUTION