This document outlines James Garrett's 5 levels of UX adaptation for product management and development. The levels include strategy, scope, structure, skeleton, and surface. At the strategy level, analysis is done of competitors, trends, resources, audiences and customer needs to define communication points and prioritize features. At the scope level, specific front-end features and functions are listed and dependencies determined. The structure level involves wireframes, UI designs, and code for the website and mobile versions. The skeleton level is the development stage where features are built. The surface level focuses on visual design elements like text, images, and multimedia.

1. James Garrett's “5 levels of UX”
adaptation for product management & development

2. Strategy
Company
product
portfolio
Product
definition
?
next
-
Strategy level

3. UX
strategy
Resource
analize
Roadmap
James Garrett’s “5 levels of UX” adaptation
for product management & development
Featuring
Web
mobile
Skelet
code
UI
Structure
Wire-
frames
Feature
details
tech
solution
Surface
text
img
Development stage
Signed approvement
-
Development level

4. UX
strategy
Resource
analize
RoadmapFeaturing
Web
mobile
Skelet
code
UI
Structure
Wire-
frames
Feature
details
tech
solution
Surface
text
img
-
Stage processes
Competitor analysis
Trends analysis
Company resource
analysis
Target audience analysis,
definition & prognose
Customer needs definition
Product communication
points definition
3-4 Brainstorm
Document describing
product for a separate
period
Global functions listing:
needs marketing
Specific front-end features
listing
2-3 Brainstorm
1 Document - function list
& feature dependence
Each departure resource
analysis dada
Feature development
prioritization
Synchronized back-end
web & mobile front-end
roadmaps
Business developer /
product director /
strategy marketer aprovement
Next iteration

5. UX
strategy
Resource
analize
RoadmapFeaturing
Web
mobile
Skelet
code
UI
Structure
Wire-
frames
Feature
details
tech
solution
Surface
text
img
Product owner
Product managers
Product marketer
Product owner
Product managers
Head of mobile
Product managers
Project managers
Head of mobile
Tech. analyst
Back-end architecture
Front-end dev lead
Mobile dev lead
Art director
Product owner
Product managers
Project managers
Tech. analyst
Head of mobile
Art director
Product managers
Project managers
Head of mobile
Tech. analyst
Back-end architecture
Front-end dev lead
Mobile dev lead
Art director
UX designer
Product managers
Project managers
Head of mobile
Tech. analyst
Back-end architecture
Front-end dev lead
Mobile dev lead
Art director
UX designer
UI designer
Front-end developers
Back-end developers
Mobile developers
Product managers
Project managers
Copywriter
Head of mobile
Content manager
Art director
Designer
Illustrator
motion/animation
decision-making level production level
-
Main actors