59
Perfecting User Experience

Perfecting User Experience

Embed Size (px)

Citation preview

Page 1: Perfecting User Experience

Perfecting User Experience

Page 2: Perfecting User Experience

Hi, I’m Jeremy

Page 3: Perfecting User Experience

Hi, I’m Jeremy

72% prefer “hi” to “hello” - 2014 Study by Huge

Page 4: Perfecting User Experience

A Digital Innovation Agency

Established 2007 l Independent HQ San Diego

Los Angeles l Boulder

Page 5: Perfecting User Experience
Page 6: Perfecting User Experience

Perfecting User Experience

Page 7: Perfecting User Experience

Perfecting User Experience

Page 8: Perfecting User Experience

Don’t Create Deliverables, Create Outcomes

Page 9: Perfecting User Experience

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.”

Page 10: Perfecting User Experience

Stakeholder Interviews & Initial Research

• Do your homework • Internal stakeholders • Power users • Large user base testing

• Don’t cut corners with assumptions

Page 11: Perfecting User Experience

Business Assumptions vs.

User Assumptions

Page 12: Perfecting User Experience

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

Page 13: Perfecting User Experience

Personas

Page 14: Perfecting User Experience
Page 15: Perfecting User Experience

76% of New Uniques

Page 16: Perfecting User Experience

76% of New Uniques 96% of Multisessions

Page 17: Perfecting User Experience
Page 18: Perfecting User Experience

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

Experience Maps

Page 19: Perfecting User Experience

Sitemaps & Information Architecture

Page 20: Perfecting User Experience

Sitemaps | Card SortingA 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.

Page 21: Perfecting User Experience

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.

Page 22: Perfecting User Experience

Wireframes

Page 23: Perfecting User Experience

Sketch Like Crazy!

Page 24: Perfecting User Experience
Page 25: Perfecting User Experience

Old School Tools

Page 26: Perfecting User Experience

New School Tools

Page 27: Perfecting User Experience

Omnigraffle

Page 28: Perfecting User Experience

Prototypes

Page 30: Perfecting User Experience
Page 31: Perfecting User Experience
Page 32: Perfecting User Experience

Prototype with Bootstrap

Page 33: Perfecting User Experience

UX Doesn’t Stop at Design

Page 34: Perfecting User Experience

vs.

Page 35: Perfecting User Experience
Page 36: Perfecting User Experience

Deep Thoughts on Design

Page 37: Perfecting User Experience

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.

Page 38: Perfecting User Experience

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

Page 39: Perfecting User Experience
Page 40: Perfecting User Experience

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

Page 41: Perfecting User Experience

Simple can still delight.

Page 42: Perfecting User Experience
Page 43: Perfecting User Experience
Page 44: Perfecting User Experience
Page 45: Perfecting User Experience

Innovation Trumps Invention

2007

Page 46: Perfecting User Experience

Innovation Trumps Invention

2007

Page 47: Perfecting User Experience

Patterns Inform Design patterns are effective due to mass usage and a

shared visual lexicon.

They increase conversions.

Mmmm… Hamburger

Page 48: Perfecting User Experience
Page 49: Perfecting User Experience

www.pttrns.com

Page 50: Perfecting User Experience

Test Review all KPIs and their performance. Adjust UX to attain desired outcomes.

Test > Tune > Track

Tools

Page 51: Perfecting User Experience

More Examples

Page 52: Perfecting User Experience
Page 53: Perfecting User Experience
Page 54: Perfecting User Experience
Page 55: Perfecting User Experience
Page 56: Perfecting User Experience
Page 57: Perfecting User Experience
Page 58: Perfecting User Experience
Page 59: Perfecting User Experience

Thanks! Any questions?

www.mjdinteractive.com [email protected]