Creating an unfair competitive advantage with test driven product design - mRec 2013

52
© 2013 Punchkick Interactive Inc. All rights reserved. @ ryanunger #mrec13 CREATING AN UNFAIR COMPETITIVE ADVANTAGE with Test-Driven Product Design © 2013 Punchkick Interactive Inc. All rights reserved. @ ryanunger #mrec13 photo credit: https://generalassemb.ly

description

In the late 90’s, there was a flood of print designers dipping their toes into Web design—some successfully, and some not so much. Today, we see history repeating itself as interactive designers dive into a completely new platform—mobile. And marketers are just trying to keep up. In this session Punchkick Interactive’s CTO, Ryan Unger, will discuss how responsive Web design has shifted the perception of what’s “acceptable design” for mobile, and how a mobile presence that’s actually designed for mobile will contribute towards creating an unfair competitive advantage over competitors.

Transcript of Creating an unfair competitive advantage with test driven product design - mRec 2013

Page 1: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

CREATING AN UNFAIR COMPETITIVE ADVANTAGE

withTest-Driven

Product Design

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

photo credit: https://generalassemb.ly

Page 2: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

RYAN UNGERCTO, Punchkick Interactive Inc.

Ryan Unger is the Co-founder and Chief Technology Officer of Punchkick Interactive, a full-service mobile marketing that creates mobile Web sites, and apps, and strategies for the FORTUNE 1,000.

Ryan has spearheaded integrated mobile efforts for many of the world’s most well-recognized brands including Allstate, Microsoft, and Harley-Davidson. Unger has a BA/MA in Visual Communication Design from Kent State University.

Translation: obligatory street cred slide.

© 2013 Punchkick Interactive Inc. All rights reserved.© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

@PunchkickMobile

Page 3: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

Today You’ll LearnHOW TO:• Create Uninspired Experiences in

Three Simple Steps• Empathize with your Audience• Design for Happiness

Page 4: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

but let’s first: IDENTIFY SEVERAL ISSUES

Page 5: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

you create PRODUCTS,

notprojects, apps,

sites, etc.

Page 6: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

when it comes toYOUR KPIs,CONSUMERS

are notALTRUISTIC

Page 7: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

insteadUSERS ARE:

Page 8: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13 © 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

Page 9: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

IT’S NOT ENOUGH

to just have abrand name

Page 10: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

IT’S NOT ENOUGH

to come up withgreat ideas

Page 11: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

you mustAPPEAL TOUSER EMOTIONS,and make peopleHAPPY

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

photo credit: http://en.wikipedia.org/

Page 12: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

how importantis happiness?

Page 14: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

aol tracks users’ unconscious

emotions

© 2013 Punchkick Interactive Inc. All rights reserved.

photo credit: http://www.mediapost.com/

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

Page 15: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

1,700+ CMOscite building an enduring connection a

top priority

photo credit: http://techcrunch.com/2012/03/10/the-economics-of-emotion/

Page 16: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

additionally...

Page 17: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

I believe that MOST PEOPLE think about design

all wrong

Page 18: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

design isn’t about design, it’s about

VISUALLY COMMUNICATING

INFORMATION

Page 19: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13 © 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

and a designer who is GREAT

at content strategy is aUNICORN

photo credit: http://mcphee.com/

Page 20: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

but that’s easily forgotten, becauseWE THINK WE ARE FAMILIAR

with the Web

Page 21: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

CREATE UNINSPIRED

EXPERIENCESin three

simple steps

Page 23: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

IGNORE YOUR AUDIENCE,

and build features forstakeholders

Page 26: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

ASSUME YOU’RE CORRECT,

andignore user

testing

Page 29: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

strive toPLEASE

EVERYONE,and

ship average features

Page 31: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

EMPATHIZE with your audience

Page 33: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

I’m going to havegoogle venturesshow you an option

photo credit: http://www.ipevo.com

Page 34: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

DESIGN FOR HAPPINESS

Page 35: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

as we’ve seen,PEOPLE

USE EMOTIONSto make

decisions

Page 36: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

at PKI, we use a3-MINUTE RULE

© 2013 Punchkick Interactive Inc. All rights reserved.

photo credit: http://www.escunited.com/

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

Page 37: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

what wasOUR AUDIENCE

doing 3-minutesimmediately beforeengagement?

© 2013 Punchkick Interactive Inc. All rights reserved.© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

Page 38: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

i’ll explain this with aSIMPLE

CASE STUDY

Disclaimer, Punchkick did not create the work shown within this case study.

Page 39: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

what do you think ofwhen i say

PAWN SHOP?

Page 41: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

have you heard ofPawnGo.com?

Page 42: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

let’s evaluateTHE 3-SECOND

RULEagainst a few online

pawn shops

Page 43: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13 © 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

Page 44: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13 © 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

Boomerang Lending IGNORES the user

Page 45: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13 © 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #AMAannual © 2013 Punchkick Interactive Inc. All rights reserved.© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

Page 46: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13 © 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #AMAannual © 2013 Punchkick Interactive Inc. All rights reserved.© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

Internet Pawn IGNORES the user

Page 47: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13 © 2013 Punchkick Interactive Inc. All rights reserved.© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

Page 48: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13 © 2013 Punchkick Interactive Inc. All rights reserved.© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

Pawngo COMFORTS user anxiety

Page 49: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

what do these companies

HAVE IN COMMON?

Page 50: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

in time they got it right

they are ALL iterationsover time by the company

Page 51: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

LET’S RECAP

Page 52: Creating an unfair competitive advantage with test driven product design - mRec 2013

© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13

KEY TAKEAWAYS:• Designers usually aren’t unicorns• Build features for your audience• Use a test-driven design approach• Design for happiness• 3-minute rule for product design

© 2013 Punchkick Interactive Inc. All rights reserved.© 2013 Punchkick Interactive Inc. All rights reserved. @ryanunger #mrec13