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

StrategyCompany product portfolio

Product definition

?next

-Strategy level

UXstrategy

Resourceanalize Roadmap

James Garrett’s “5 levels of UX” adaptation for product management & development

Featuring

Web

mobile

Skelet

code

UI

Structure

Wire-frames

Feature details

techsolution

Surface

text

img

Development stageSigned approvement

-Development level

UXstrategy

Resourceanalize RoadmapFeaturing

Web

mobile

Skelet

code

UI

Structure

Wire-frames

Feature details

techsolution

Surface

text

img

-Stage processes

Competitor analysisTrends analysisCompany resource analysisTarget audience analysis, definition & prognoseCustomer needs definitionProduct communication points definition

3-4 BrainstormDocument describing product for a separate period

Global functions listing: needs marketingSpecific front-end features listing

2-3 Brainstorm1 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

UXstrategy

Resourceanalize RoadmapFeaturing

Web

mobile

Skelet

code

UI

Structure

Wire-frames

Feature details

techsolution

Surface

text

img

Product ownerProduct managersProduct marketer

Product ownerProduct managersHead of mobile

Product managersProject managersHead of mobileTech. analystBack-end architectureFront-end dev leadMobile dev leadArt director

Product ownerProduct managersProject managersTech. analystHead of mobileArt director

Product managersProject managersHead of mobileTech. analystBack-end architectureFront-end dev leadMobile dev leadArt directorUX designer

Product managersProject managersHead of mobileTech. analystBack-end architectureFront-end dev leadMobile dev leadArt directorUX designerUI designerFront-end developersBack-end developersMobile developers

Product managersProject managersCopywriterHead of mobileContent managerArt directorDesigner Illustratormotion/animation

decision-making level production level

-Main actors