Choose Your Battles by David Morgan
-
Upload
productdesignmeetup -
Category
Design
-
view
242 -
download
1
Transcript of Choose Your Battles by David Morgan
![Page 1: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/1.jpg)
! @davidmorganUX
CHOOSE YOUR BATTLES
![Page 2: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/2.jpg)
UX design Information architecture Safety-critical systems Service design Information visualisation Trainings
![Page 3: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/3.jpg)
![Page 4: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/4.jpg)
![Page 5: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/5.jpg)
![Page 6: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/6.jpg)
! @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
![Page 7: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/7.jpg)
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!!
![Page 8: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/8.jpg)
! @davidmorganUX
![Page 9: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/9.jpg)
! @davidmorganUX
Design Iterate
IMPORTANT IN (UX) DESIGN
Evaluate
![Page 10: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/10.jpg)
! @davidmorganUX
IT SHOULDN’T BE A PROBLEM
THOUGH.
![Page 12: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/12.jpg)
! @davidmorganUX
DECISIONS
Size
Stage of project
Changes
Decisions
![Page 13: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/13.jpg)
! @davidmorganUX
DECISIONS
Size
Stage of project
Changes
Decisions
![Page 14: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/14.jpg)
! @davidmorganUX
PARETO RULE
Vilfredo Pareto Italian economist and hipster
![Page 15: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/15.jpg)
! @davidmorganUX
PARETO RULE
80% 20%
20% of cause(s) 80% ofe-commerce visitors profitfeatures usagebugs crashesinput the result
![Page 17: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/17.jpg)
! @davidmorganUX
MORE TIME MORE DETAILOR MAKE SMART CHOICES
Leve
l of D
etai
l
Project parts
Detailed designMid-level DesignSmart Design
![Page 18: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/18.jpg)
SO, HOW DOES THIS AFFECT MY WORK?
![Page 19: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/19.jpg)
! @davidmorganUX
2 MAIN UX DELIVERABLES
HIGH-LEVEL DETAILED DESIGN
![Page 20: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/20.jpg)
! @davidmorganUX
HIGH-LEVEL DESIGN GOALS
Understand scope
Understand structure and flows
Get other team members started
![Page 21: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/21.jpg)
! @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”
![Page 22: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/22.jpg)
! @davidmorganUX
THUMBFLOWSConceptual improvements
Content as navigation
Reduce a step
Provide multiple paths
Serve majority first
Align major stakeholders
First technical reality check
HTML Manuals
![Page 23: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/23.jpg)
! @davidmorganUX
THUMBFLOWSConceptual improvements
Content as navigation
Reduce a step
Provide multiple paths
Serve majority first
Align major stakeholders
First technical reality check
HTML Manuals
![Page 24: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/24.jpg)
! @davidmorganUX
![Page 25: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/25.jpg)
! @davidmorganUX
DETAILED DESIGN GOALS
Understand content needs
Micro UX
Realistic representation
Receive conclusive feedback
Can brief Developers and Graphic Designers
![Page 26: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/26.jpg)
! @davidmorganUX
DETAILED DESIGN
Real copy
Real images
Actual scale
Works in destination platform
![Page 28: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/28.jpg)
! @davidmorganUX
WHEN GO FROM H-L TO DETAILED
80%?
Traditional/innovative
Complicated interactions
Critical for conversion/Business
Easier to show then explain
Political0
25
50
75
100
1 2 3 4 5 6 7 8 9 10
Pages
![Page 29: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/29.jpg)
! @davidmorganUX
WHAT ABOUT HTML PROTOTYPES?
Responsivenes
Scale
Focus
Speed
Don’t let technology dictate the design HTML VS
![Page 30: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/30.jpg)
TEAMWORK
![Page 31: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/31.jpg)
! @davidmorganUX
COLLABORATIVE TOOL
SVN Server
Me Colleague
![Page 33: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/33.jpg)
! @davidmorganUX
![Page 35: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/35.jpg)
! @davidmorganUX
CONSTANT & IMMEDIATE SHARING
15 seconds, across the world
![Page 36: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/36.jpg)
! @davidmorganUX
![Page 37: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/37.jpg)
! @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
![Page 38: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/38.jpg)
THANKS!
! @davidmorganUX
Read my article on the ten commandments of Axure
![Page 39: Choose Your Battles by David Morgan](https://reader033.fdocuments.us/reader033/viewer/2022052912/55a0f7051a28abe14f8b4854/html5/thumbnails/39.jpg)
THANKS!
! @davidmorganUX