This document discusses breaking down UX design into components for development. It notes that Charles Eames said the boundaries of design are the boundaries of problems. The topic is how to groom a UX design for development by breaking it down. It shows breaking a design into features like top navigation and widgets. It then shows breaking it down further into user stories, like an epic for news publishing with stories for a news slider widget. The learning is that to estimate and develop something large, it needs to be broken into small parts, and detailed UX design is needed to break something large down.

1. Breaking Good
Konsulentskolen – UX Lunsj
1. april 2016

2. Charles Eames (designer) ble engang spurt
Q: “What are the boundaries of Design?”
“What are the boundaries of
problems?”

3. UX Design er problem løsning
Hvem, hva, hvorfor? Hvordan?

4. Dagens konsulentskole tema
Hvordan gjør vi et UX design klar til utvikling? (grooming)
Hvordan og hvorfor bryter vi ned et UX design?

5. User Story Maps + UX Design
Components
Product Backlog

6. User Story Maps + UX Design
Components
Product Backlog
Hvem, hva, hvorfor? Hvordan?

7. Learning
by doing
Trådskisse
Intranet forside

8. Learning
by doing
Ferdig design
klar til utvikling

9. Først en grov inndeling - features

10. Top navigation
Header w/logo
Search input
My site login
News slider
widget
Page promotion
widget
Responsive
master page

11. Page promotion
widgets
Page promotion
widget
Share price widget
Currency widget
BOE Production
widget
Container
widget
Oil price widget

12. Fact Pages
widget
News RSS feed
widget
Shortcut link widget

13. Calendar widget

14. Poll widget
Notify me widget
Footer w/linksDate stamp
widget
Suggestions widget

15. Så en finere inndeling - stories

16. Epic Feature Story
Global
components
Navigation Top navigation
Search Search input
Search suggestions
Header Top header w/logo
Footer Bottom footer w/links
Master Page Responsive master page
My Site Login My site login link
My site logout link
Date Stamp Widget Published date
Edited date

17. Epic Feature Story
News publishing News Slider Widget News Article Promo Image
News Article Promo Title
News Article Promo Summary
News Article Archive Link
News Article Promo Paging
News Article Promo Auto Slide
Page publishing Page Promo Widget Page Promo Image
Page Promo Title
Page Promo Summary
Page Promo Icon
Page Promo Type

18. Dagens læring
For å klare å estimere og utvikle noe stortmå det være delt opp i
bittesmå deler
For å dele klare å bryte noe stort ned, trenger vi detaljert UX
design

19. Skolelærer
P.E. Paulsen
“Heisenberg”