5. Test ideas early
“Prototyping is an effective way
of testing and validating
proposed functionality and
designs prior to investing in
development.”
- Jonathan Knoll & Russ Unger
9. The Lean UX approach
User Research
User flows
Contextual
Enquiry
Rapid Sketching
Competitor
analysis
Think
Make
Paper Prototyping
Wireframes
Card sorting
Landing page
Information
Architecture
Personas
User Journeys
Check
User testing
Google Analytics
Heuristic Evaluation
Surveys
10. The UX Sweet Spot
User
Needs
The
Sweet
Spot!
Business
Needs
16. Define BEFORE you Design
1. User Research
2. Content Strategy
3. Personas
4. Information Architecture
5. User Flows
17. 1. User Research
• User research can be quick and dirty, or
detailed and exhaustive
• Talk to your customers, contextual
enquiry, design research, stakeholder
interviews etc
• Gather Requirements - define what the
site or application needs to do e.g.
“Orders can be tracked by entering a
tracking code online”
18. 2. Content Strategy
• Start with the content first!
• Allow your content to drive the structure of
your website or app
– Not the other way around!
• Collect your content into a spreadsheet
and create a plan for ongoing updates and
maintenance.
Kristina Halvorson http://www.contentstrategy.com
19. 3. Proto Personas
Start with proto personas
that Capture basic
Assumptions
Our best guess
as to who is using
(or will use) our product and
why.
Evolve the persona based
on real user data
Lean UX by Jeff Gothelf
and Josh Seiden
20. 4. Information Architecture
“The art and science of
structuring, organizing
and labeling information
to help people find
and manage it.”
Louis Rosenfeld
louisrosenfeld.com
21. 5. User Flows
• Map the ideal user journey through your
website or app
• The touch points should ultimately shape
your MVP
• Design in flows rather than screens
uxdesign.smashingmagazine.com/2012/01/04/stopdesigning-pages-start-designing-flows/
24. Recipe App Objectives:
• Customers placing orders for
ingredients online
• Drive traffic by sharing of recipes
via social media
• User generated recipes
25. Recipe App Requirements:
1. Quick and easy way to find a recipe
2. Users can access over 10,000 recipes
3. Promotional area for featured recipes
4. Users can contribute their own recipes
5. Users can share recipes
6. Users can add ingredients to a “Shopping
list”
26. User Flow sketch exercise
•
•
•
•
•
Home screen
Category screen
Recipe detail screen
Shopping list screen
Check out screen
•
•
•
•
Search function
Social media integration
Filter recipes by type
Ratings reviews function
27. The 6-8-5 sketch exercise
• Sketch 6 to 8 interface ideas
in 5 minutes
• Keep sketches rough!
• Goal is to collaborate effectively across
design and development teams
http://www.slideshare.net/runger/big-d-sketchingkey
29. NOTE: If you can draw these you
can sketch any interface!
30. Critiquing designs with
your team
• Present your ideas with your team
• Talk about which ideas best address the
objectives
• Identify features that work the best
31. Round 2
• 4 more interface sketches in 5 minutes
• Slightly more refined than before
• Review sketches with your team