152
Lousy A Internet Summit Pre-Conference Workshop UX STRATEGIES: Lean & Mean

Advanced UX Techniques: Lean and Mean

Embed Size (px)

Citation preview

Page 1: Advanced UX Techniques: Lean and Mean

LousyA Internet Summit Pre-Conference Workshop

UX STRATEGIES: Lean & Mean

Page 2: Advanced UX Techniques: Lean and Mean

#ISUM16

Page 3: Advanced UX Techniques: Lean and Mean

Hi. I’m

Michael Salamon. I like stuff and things and junk and whatever.

@[email protected]

Lousywearelousy.com

Page 4: Advanced UX Techniques: Lean and Mean

wearelousy.com

Page 5: Advanced UX Techniques: Lean and Mean

TODAY’S AGENDA

Page 6: Advanced UX Techniques: Lean and Mean

1. BREAK STUFF DOWN

Page 7: Advanced UX Techniques: Lean and Mean

2. BLOW STUFF UP

Page 8: Advanced UX Techniques: Lean and Mean

3. KNOCK DOWN SILOS

Page 9: Advanced UX Techniques: Lean and Mean

4. BLOW SOME MINDS

Page 10: Advanced UX Techniques: Lean and Mean

5. MAKE SOME AWESOME STUFF

Page 11: Advanced UX Techniques: Lean and Mean

6. HIGH FIVE AND GET OUT OF HERE

Page 12: Advanced UX Techniques: Lean and Mean

PART ONE

THE CONNECTED SHOPPER

Page 13: Advanced UX Techniques: Lean and Mean

\

Page 14: Advanced UX Techniques: Lean and Mean
Page 15: Advanced UX Techniques: Lean and Mean

ALWAYS ON

Page 16: Advanced UX Techniques: Lean and Mean

SHOWROOMING

Page 17: Advanced UX Techniques: Lean and Mean

BEST BUY’S FAKE WEBSITE

Page 18: Advanced UX Techniques: Lean and Mean

AMAZON.COM IRL

Page 19: Advanced UX Techniques: Lean and Mean
Page 20: Advanced UX Techniques: Lean and Mean

Market Statistics and Device Penetration

Global Mobile Statistics Report

http://mobithinking.com/mobile-marketing-tools/latest-mobile-stats

Page 21: Advanced UX Techniques: Lean and Mean

Totally Sweet Stats, Brah!

“At the end of 2011 there were

6 Billion Mobile Subscriptions. That is equivalent to 87% of the world population.

And is a huge increase from 5.4 billion in 2010 and 4.7 billion in 2009.“

–––––––––––

mobiThinking 2013 Global Mobile Statistics Report

Page 22: Advanced UX Techniques: Lean and Mean

Sequential vs. Simultaneous

Page 23: Advanced UX Techniques: Lean and Mean

MOBILE TRIGGERS

BORED Now –––––––

REPETITIVE Now –––––––

URGENT Now

Page 24: Advanced UX Techniques: Lean and Mean

Consumer Decision Journey

Page 25: Advanced UX Techniques: Lean and Mean

Accelerated Loyalty Model

Page 26: Advanced UX Techniques: Lean and Mean

Fanboy Mentality Model

Lousy

Page 27: Advanced UX Techniques: Lean and Mean

\

Page 28: Advanced UX Techniques: Lean and Mean

HOW CAN WE BE SUCCESSFUL?

Page 29: Advanced UX Techniques: Lean and Mean
Page 30: Advanced UX Techniques: Lean and Mean

CASE STUDY NUMBER ONE

Page 31: Advanced UX Techniques: Lean and Mean
Page 32: Advanced UX Techniques: Lean and Mean

CASE STUDY NUMBER TWO

Page 33: Advanced UX Techniques: Lean and Mean
Page 34: Advanced UX Techniques: Lean and Mean

CASE STUDY NUMBER THREE

Page 35: Advanced UX Techniques: Lean and Mean
Page 36: Advanced UX Techniques: Lean and Mean

What’s the secret?

Page 37: Advanced UX Techniques: Lean and Mean
Page 38: Advanced UX Techniques: Lean and Mean

You are NOT

alone.

Page 39: Advanced UX Techniques: Lean and Mean

EXERCISE ONE: FRIEND or FOE?

Page 40: Advanced UX Techniques: Lean and Mean

15 Min Break EMAIL TRIAGE BEGINS NOW

Page 41: Advanced UX Techniques: Lean and Mean

PART TWO

HOW TO LOOK

Page 42: Advanced UX Techniques: Lean and Mean

WHAT IS

ANYWAY?

Page 43: Advanced UX Techniques: Lean and Mean
Page 44: Advanced UX Techniques: Lean and Mean
Page 45: Advanced UX Techniques: Lean and Mean

What is

DESIGN?

Page 46: Advanced UX Techniques: Lean and Mean

Interaction Design

Graphic Design

Interior Design

Sound Design

Mobile Design

Product Design

Service Design

Experience Design

Page 47: Advanced UX Techniques: Lean and Mean
Page 48: Advanced UX Techniques: Lean and Mean
Page 49: Advanced UX Techniques: Lean and Mean
Page 50: Advanced UX Techniques: Lean and Mean
Page 51: Advanced UX Techniques: Lean and Mean
Page 52: Advanced UX Techniques: Lean and Mean
Page 53: Advanced UX Techniques: Lean and Mean
Page 54: Advanced UX Techniques: Lean and Mean
Page 55: Advanced UX Techniques: Lean and Mean
Page 56: Advanced UX Techniques: Lean and Mean
Page 57: Advanced UX Techniques: Lean and Mean
Page 58: Advanced UX Techniques: Lean and Mean
Page 59: Advanced UX Techniques: Lean and Mean
Page 60: Advanced UX Techniques: Lean and Mean
Page 61: Advanced UX Techniques: Lean and Mean
Page 62: Advanced UX Techniques: Lean and Mean
Page 63: Advanced UX Techniques: Lean and Mean

More than the

sum of it’s parts…

Page 64: Advanced UX Techniques: Lean and Mean

Order

Variety Contrast

Balance

Tension

Scale

Texture?

Space

Shape

Light

ShadeColor

Symmetry

Page 65: Advanced UX Techniques: Lean and Mean
Page 66: Advanced UX Techniques: Lean and Mean
Page 67: Advanced UX Techniques: Lean and Mean
Page 68: Advanced UX Techniques: Lean and Mean
Page 69: Advanced UX Techniques: Lean and Mean
Page 70: Advanced UX Techniques: Lean and Mean
Page 71: Advanced UX Techniques: Lean and Mean
Page 72: Advanced UX Techniques: Lean and Mean
Page 73: Advanced UX Techniques: Lean and Mean

COLOR

Page 74: Advanced UX Techniques: Lean and Mean
Page 75: Advanced UX Techniques: Lean and Mean
Page 76: Advanced UX Techniques: Lean and Mean
Page 77: Advanced UX Techniques: Lean and Mean
Page 78: Advanced UX Techniques: Lean and Mean
Page 79: Advanced UX Techniques: Lean and Mean
Page 80: Advanced UX Techniques: Lean and Mean
Page 81: Advanced UX Techniques: Lean and Mean
Page 82: Advanced UX Techniques: Lean and Mean
Page 83: Advanced UX Techniques: Lean and Mean
Page 84: Advanced UX Techniques: Lean and Mean
Page 85: Advanced UX Techniques: Lean and Mean
Page 86: Advanced UX Techniques: Lean and Mean
Page 87: Advanced UX Techniques: Lean and Mean
Page 88: Advanced UX Techniques: Lean and Mean
Page 89: Advanced UX Techniques: Lean and Mean
Page 90: Advanced UX Techniques: Lean and Mean
Page 91: Advanced UX Techniques: Lean and Mean
Page 92: Advanced UX Techniques: Lean and Mean
Page 93: Advanced UX Techniques: Lean and Mean
Page 94: Advanced UX Techniques: Lean and Mean
Page 95: Advanced UX Techniques: Lean and Mean
Page 96: Advanced UX Techniques: Lean and Mean
Page 97: Advanced UX Techniques: Lean and Mean
Page 98: Advanced UX Techniques: Lean and Mean

Man, that’s a lot of info.

Page 99: Advanced UX Techniques: Lean and Mean

EXERCISE TWO: DESIGN AUDIT

Page 100: Advanced UX Techniques: Lean and Mean

15 Min Break MAKE A BREAK FOR IT

Page 101: Advanced UX Techniques: Lean and Mean

PART THREE

LEAN & MEAN

Page 102: Advanced UX Techniques: Lean and Mean

What is

LEAN UX?

Page 103: Advanced UX Techniques: Lean and Mean
Page 104: Advanced UX Techniques: Lean and Mean
Page 105: Advanced UX Techniques: Lean and Mean
Page 106: Advanced UX Techniques: Lean and Mean
Page 107: Advanced UX Techniques: Lean and Mean
Page 108: Advanced UX Techniques: Lean and Mean

Credit Card

Credit Card

Credit Card

Credit Card

Page 109: Advanced UX Techniques: Lean and Mean
Page 110: Advanced UX Techniques: Lean and Mean
Page 111: Advanced UX Techniques: Lean and Mean
Page 112: Advanced UX Techniques: Lean and Mean
Page 113: Advanced UX Techniques: Lean and Mean
Page 114: Advanced UX Techniques: Lean and Mean
Page 115: Advanced UX Techniques: Lean and Mean
Page 116: Advanced UX Techniques: Lean and Mean
Page 117: Advanced UX Techniques: Lean and Mean
Page 118: Advanced UX Techniques: Lean and Mean
Page 119: Advanced UX Techniques: Lean and Mean

So, what is

LEAN UX?

Page 120: Advanced UX Techniques: Lean and Mean
Page 121: Advanced UX Techniques: Lean and Mean

CUSTOMER RESEARCH FANATICS

Page 122: Advanced UX Techniques: Lean and Mean
Page 123: Advanced UX Techniques: Lean and Mean

DESIGN SCHOOL

Page 124: Advanced UX Techniques: Lean and Mean

SOLUTION DRIVEN DESIGN

Page 125: Advanced UX Techniques: Lean and Mean

ANALYTIC DRIVEN DESIGN

Page 126: Advanced UX Techniques: Lean and Mean
Page 127: Advanced UX Techniques: Lean and Mean
Page 128: Advanced UX Techniques: Lean and Mean
Page 129: Advanced UX Techniques: Lean and Mean

LET’S GET PHYSICAL

EXERCISE THREE: GROUP WORK

Page 130: Advanced UX Techniques: Lean and Mean

1. Dave Gray’s Empathy Mapping Exercise

2. Explore User Testing Methods

3. Customer or User Journey Mapping Exercise

Page 131: Advanced UX Techniques: Lean and Mean

ONE

Page 132: Advanced UX Techniques: Lean and Mean
Page 133: Advanced UX Techniques: Lean and Mean

TWO

Page 134: Advanced UX Techniques: Lean and Mean

VIDEO REMOVED DUE TO SIZE LIMITS

Page 135: Advanced UX Techniques: Lean and Mean

THREE

Page 136: Advanced UX Techniques: Lean and Mean
Page 137: Advanced UX Techniques: Lean and Mean
Page 138: Advanced UX Techniques: Lean and Mean
Page 139: Advanced UX Techniques: Lean and Mean
Page 140: Advanced UX Techniques: Lean and Mean
Page 141: Advanced UX Techniques: Lean and Mean
Page 142: Advanced UX Techniques: Lean and Mean
Page 143: Advanced UX Techniques: Lean and Mean
Page 144: Advanced UX Techniques: Lean and Mean
Page 145: Advanced UX Techniques: Lean and Mean
Page 146: Advanced UX Techniques: Lean and Mean
Page 147: Advanced UX Techniques: Lean and Mean
Page 148: Advanced UX Techniques: Lean and Mean

Don’t make the logo bigger.

Lousy

Page 149: Advanced UX Techniques: Lean and Mean
Page 150: Advanced UX Techniques: Lean and Mean

“But you don’t have to take my word for it…”

Jakob Nielsen Ten Usability Heuristics: http://www.useit.com/papers/heuristic/heuristic_list.html Heuristic Evaluation: http://www.useit.com/papers/heuristic/heuristic_evaluation.html

Bill Buxton Sketching User Experience Design

Donald Norman The Design of Everyday Things

William Lidwell, Kritina Holden, Jill Butler Universal Principles of Design

Robin Williams The Non-Designer’s Design BookAnthony Viviano The Lean UX Manifesto: Principle-Driven Design

http://www.smashingmagazine.com/2014/01/lean-ux-manifesto-principle-driven-designIndi Young Mental ModelingRe-imagining the Design of Everyday Things (SlideShare)

Stephen Few Information Dashboard Design - The Effective Visual Communication of Data

Rudolf Arnheim To the Rescue of Art - Twenty-six Essays

Lindsay Moore and Austin Brown Human Centered Design and the Intersection of Physical and Digital Worlds:http://www.slideshare.net/EveFife/humancentered-design-and-the-intersection-of-the-physical-and-digital-worlds?from=ss_embed

Original Paul Rand video: http://imaginaryforces.com/featured/3/415

Page 151: Advanced UX Techniques: Lean and Mean

ANY QUESTIONS?

Page 152: Advanced UX Techniques: Lean and Mean

KTHXBYE!Enjoy the Internet Summit!

All images copyright of their respective holders. The entire lot has been stolen from the web and should not be implied as created work. If it’s your awesome work let me know and I’ll be happy to credit you or remove it.

@michaelsalamon

[email protected]