The document discusses UX design workflows and deliverables for projects with tight deadlines and many stakeholders. It recommends prioritizing high-level design over detailed design to provide early guidance to teams. High-level design should focus on structure, flows and relevant information using placeholders and modular components. "Thumbflows" allow for early feedback before detailed design, which involves real content, images and platform-specific design. Collaborative tools like shared servers and styleguides help integrate work across teams.

1. @davidmorganUX
CHOOSE YOUR BATTLES

2. UX design
Information architecture
Safety-critical systems
Service design
Information visualisation
Trainings

6. @davidmorganUX
CONTEXT OF MY WORK
Big corporation
e-Commerce, marketing & customer support
Many stake holders
Many fixed processes
Variable turn around time
Graphics and HTML in team

7. YOU KNOW THAT
THING YOU NORMALLY
DO IN TWO MONTHS…
@davidmorganUX
YOU KNOW THAT
THING YOU NORMALLY
DO IN TWO MONTHS…
DO THAT IN
TWO WEEKS!!

8. @davidmorganUX

9. @davidmorganUX
Design Iterate
IMPORTANT IN (UX) DESIGN
Evaluate

10. @davidmorganUX
IT SHOULDN’T
BE A PROBLEM
THOUGH.

11. @davidmorganUX
DECISIONS

12. @davidmorganUX
DECISIONS
Size
Stage of project
Changes
Decisions

13. @davidmorganUX
DECISIONS
Size
Stage of project
Changes
Decisions

14. @davidmorganUX
PARETO RULE
Vilfredo Pareto
Italian economist and hipster

15. @davidmorganUX
PARETO RULE
80% 20%
20% of cause(s) 80% of
e-commerce visitors profit
features usage
bugs crashes
input the result

16. @davidmorganUX
PARETO RULE

17. @davidmorganUX
MORE TIME MORE DETAIL
OR MAKE SMART CHOICES
LevelofDetail
Project parts
Detailed design
Mid-level Design
Smart Design

18. SO, HOW DOES THIS
AFFECT MY WORK?

19. @davidmorganUX
2 MAIN UX DELIVERABLES
HIGH-LEVEL DETAILED DESIGN

20. @davidmorganUX
HIGH-LEVEL DESIGN GOALS
Understand scope
Understand structure and flows
Get other team members started

21. @davidmorganUX
HIGH-LEVEL DESIGN
Reduced content
Only header and button text
No Images, only place holders
Modular
Platform agnostic
Focus on the relevant
Small
Based on “styles”

22. @davidmorganUX
THUMBFLOWS
Conceptual improvements
Content as navigation
Reduce a step
Provide multiple paths
Serve majority first
Align major stakeholders
First technical reality check
HTML Manuals

23. @davidmorganUX
THUMBFLOWS
Conceptual improvements
Content as navigation
Reduce a step
Provide multiple paths
Serve majority first
Align major stakeholders
First technical reality check
HTML Manuals

24. @davidmorganUX

25. @davidmorganUX
DETAILED DESIGN GOALS
Understand content needs
Micro UX
Realistic representation
Receive conclusive feedback
Can brief Developers and Graphic Designers

26. @davidmorganUX
DETAILED DESIGN
Real copy
Real images
Actual scale
Works in destination platform

27. @davidmorganUX
DETAILED DESIGN

28. @davidmorganUX
WHEN GO FROM H-L TO DETAILED
80%?
Traditional/innovative
Complicated interactions
Critical for conversion/Business
Easier to show then explain
Political 0
25
50
75
100
1 2 3 4 5 6 7 8 9 10
Pages

29. @davidmorganUX
WHAT ABOUT HTML PROTOTYPES?
Responsivenes
Scale
Focus
Speed
Don’t let technology dictate the design
HTML VS

30. TEAMWORK

31. @davidmorganUX
COLLABORATIVE TOOL
SVN Server
Me Colleague

32. @davidmorganUX
STYLEGUIDE

33. @davidmorganUX

34. @davidmorganUX
QUICK WIDGETS

35. @davidmorganUX
CONSTANT & IMMEDIATE SHARING
15 seconds,
across the world

36. @davidmorganUX

37. @davidmorganUX
TAKE AWAYS
Always question HOW you work.
Fail share fast, fail share often
Use tools that are collaborative, support modularity and are easy to share
Get lost in the right details

38. THANKS!
@davidmorganUX
Read my article on the ten commandments of Axure

39. THANKS!
@davidmorganUX