1. Perfecting User Experience

2. Hi,
I’m Jeremy

3. Hi,
I’m Jeremy
72% prefer “hi” to “hello”
- 2014 Study by Huge

4. A Digital Innovation Agency
Established 2007 l Independent
HQ San Diego
Los Angeles l Boulder

6. Perfecting User Experience

7. Perfecting User Experience

8. Don’t Create Deliverables, Create Outcomes

9. In other words:
Go from Outputs: “We will create a single sign-on feature.
Here’s your spec sheet.”
To Outcomes: “We want to increase the number of new
signups to our service.”

10. Stakeholder Interviews & Initial Research
• Do your homework
• Internal stakeholders
• Power users
• Large user base testing
• Don’t cut corners with assumptions

11. Business Assumptions
vs.
User Assumptions

12. Helpful Items
1. Analytics Reports
2. Usability Reports
3. Information on past attempts to fix issues
4. Business stakeholder information on how
solving this problem will affect the
company’s performance
5. Competitive Analysis on how competitors
are solving the same issues
Tools

13. Personas

15. 76% of New Uniques

16. 76% of New Uniques 96% of Multisessions

18. Going one step further from
Personas, experience maps chronicle
all the conditions surrounding a single
interaction, including emotion and
external circumstances.
Experience Maps

19. Sitemaps & Information Architecture

20. Sitemaps | Card Sorting
A low tech, high output exercise in
organizing site structure. This is a fun,
collaborative exercise using different
colored sticky notes to create sections
and screens in an ideal user flow. The
user flow is designed to achieve preset
goals for each section or page.

21. Information Architecture | Flow Diagrams
Getting the flow right is essential to any project. It’s essential to know how users will travel
through your product, achieving goals along the way. We take great care in making sure that
there are no dead ends or sticky areas in the flow.

22. Wireframes

23. Sketch Like Crazy!

25. Old School Tools

26. New School Tools

27. Omnigraffle

28. Prototypes

32. Prototype with Bootstrap

33. UX Doesn’t Stop at Design

34. vs.

36. Deep Thoughts on Design

37. Trends are happening now. Art is timeless. In fact a
trend is always passé because it is a reaction to a
past event. Don’t follow trends, your user experience
will be dated at launch.

38. The function of an object on the screen should
determine its design.

40. Simplify.
Write the story, take out
all the good lines, and
see if it still works.
- Ernest Hemingway
“Good design is as little
design as possible.”
- Dieter Rams

41. Simple can still delight.

45. Innovation Trumps Invention
2007

46. Innovation Trumps Invention
2007

47. Patterns Inform
Design patterns are effective due to mass usage and a
shared visual lexicon.
They increase conversions.
Mmmm… Hamburger

49. www.pttrns.com

50. Test
Review all KPIs and their
performance. Adjust UX to
attain desired outcomes.
Test > Tune > Track
Tools

51. More Examples

59. Thanks!
Any questions?
www.mjdinteractive.com
jeremy@mjdinteractive.com