how to focus - design your new app in 60 minutes!

52
DEFINE YOUR NEW APP IN 60 MINUTES Wed August 12, 2015 Zach Pousman Helpfully, LLC

Upload: zach-pousman

Post on 15-Feb-2017

578 views

Category:

Internet


3 download

TRANSCRIPT

Page 1: How to focus - design your new app in 60 minutes!

DEFINE YOUR NEW APP IN 60 MINUTES

Wed August 12, 2015 Zach Pousman

Helpfully, LLC

Page 2: How to focus - design your new app in 60 minutes!

SHOULD YOU PLAN OR SHOULD YOU JUST START ?

Page 3: How to focus - design your new app in 60 minutes!

YOU SHOULD DO BOTH

Page 4: How to focus - design your new app in 60 minutes!

STAY HUMBLE HUSTLE HARD

(DO THE KIDS STILL SAY THIS?)

Page 5: How to focus - design your new app in 60 minutes!

CREATIVITY IS THINKING UP NEW THINGS. INNOVATION IS DOING NEW THINGS.

- Theodore Levitt

YOU GOTTA DO S#*+|+ !

Page 6: How to focus - design your new app in 60 minutes!

STAY LEAN AND FLEXIBLE

Page 7: How to focus - design your new app in 60 minutes!

DEFINE THE FOLLOWING THINGSThe problem

(and who has it)

The timing as they use it

Get the technology right

Your 3 ‘magic moments’

1

2

3

4

Page 8: How to focus - design your new app in 60 minutes!

DEFINE THE FOLLOWING THINGSUh, Zach - How do I do that?

The problem (and who has it)

The timing as they use it

Get the technology right

Your 3 ‘magic moments’

1

2

3

4

Page 9: How to focus - design your new app in 60 minutes!

DEFINE THE FOLLOWING THINGSLook at the problem through multiple lenses. Get out of the building!

The problem (and who has it)

The timing as they use it

Get the technology right

Your 3 ‘magic moments’

Uh, Zach - How do I do that?

Use a customer journey map to show you where to focus your UX efforts.

Decide on whether partners are helpful. Stand on the shoulders of giants

Timing in your apps is under-appreciated So design the timing for your experience

1

2

3

4

Page 10: How to focus - design your new app in 60 minutes!

HI, I’M ZACH POUSMAN

Page 11: How to focus - design your new app in 60 minutes!

LET’S CONNECT!

@THINKY

Page 12: How to focus - design your new app in 60 minutes!

U NSC RAMBL

CLIENT ENGAGEMENTS

Page 13: How to focus - design your new app in 60 minutes!

GET OUT OF THE BUILDING

The problem (and who has it)

Page 14: How to focus - design your new app in 60 minutes!

GET OUT OF THE BUILDING

Page 15: How to focus - design your new app in 60 minutes!

Digital ethnography means using digital and traces of behavior tools to understand people, their culture (and sub-culture), practices and attitudes. Some of the tools you can to understand people:

GET OUT OF THE BUILDING

Page 16: How to focus - design your new app in 60 minutes!

DON’T GET STUCK HERESome helpful advice

Page 17: How to focus - design your new app in 60 minutes!

YOU’LL WANT TO BUILD PERSONAS

This will take longer than 15 minutes!

Page 18: How to focus - design your new app in 60 minutes!

BUILD A FRAMEWORK

The problem (and who has it)

Page 19: How to focus - design your new app in 60 minutes!

Forlizzi, J. (2008). The Product Ecology: Understanding Social Product Use and Supporting Design Culture. International Journal of Design vol. 2, no. 1.

A PRODUCT ECOLOGY

Page 20: How to focus - design your new app in 60 minutes!

BRANDED UTILITY 2X2

Note: play around with 2x2 grids. Theres a reason that all consultants use them!

Page 21: How to focus - design your new app in 60 minutes!

OR TRY THE GOLDEN TRIANGLECONSUMERS

EMPLOYEESSTAKEHOLDERS

Page 22: How to focus - design your new app in 60 minutes!

UNIQUE VALUE PROPOSITION UNFAIR ADVANTAGESOLUTIONPROBLEM

COST STRUCTURE REVENUE STREAMS

KEY METRICS CHANNELS

HELPFULLY LEAN CANVAS How does the idea work to deliver value?

CUSTOMER SEGMENTS

Page 23: How to focus - design your new app in 60 minutes!

UNIQUE VALUE PROPOSITION UNFAIR ADVANTAGESOLUTIONPROBLEM

COST STRUCTURE REVENUE STREAMS

KEY METRICS CHANNELS

LEAN CANVAS How does the idea work to deliver value?HELPFULLY

1 2

3

CUSTOMER SEGMENTS

Filling this out is confusing…

Page 24: How to focus - design your new app in 60 minutes!

UNIQUE VALUE PROPOSITION UNFAIR ADVANTAGE CUSTOMER SEGMENTSSOLUTIONPROBLEM

COST STRUCTURE REVENUE STREAMS

KEY METRICS CHANNELS

LEAN CANVAS How does the idea work to deliver value?HELPFULLY

Find the riskiest elements and test that

Page 25: How to focus - design your new app in 60 minutes!

FINDING THE MAGIC

Your 3 ‘magic moments’

Page 26: How to focus - design your new app in 60 minutes!

HELPFULLY SERVICE BLUEPRINT How does the experience unfold?

ON-STAGE ACTIVITY

BACK STAGE ACTIVITY

PHYSICAL OR DIGITAL SITUATION

CUSTOMER ACTIONS

POTENTIAL BREAKDOWN

WebsiteBrowsing the web Email(mobile optimized)

Upgrade account

SupportUse Onboarding (1st use)

Sign upSales

follow upConsider product

Get introduced

Download white paper Chat

Sign up

CRM anonymous lead (or CRM identified lead)

Signup wizard (customer profile, config)

Provision AWS Confirm setup & sample

data (manually)

Takes up to 24 hours to confirm installation and

notify customer

Sales team

Website Chat / Phone / In-person

SAAS PRODUCT

Website - signed-in Website - signed-in

Onboarding could be improved via support

(screen-sharing or phone)

Website - signed-in

PROD

Onboarding experience,

Connect to data source(s)

Use data Define roles

Define reports Define triggers

Search Social media

(LinkedIn) Forums

SEO, Community

management, reviews and

forum activity Lead process

Problems Bugs

Questions

Not all support is done via our site

(also community-driven forums)

In-app prompts CRM emails

Auto upgrades for VIPs

Page 27: How to focus - design your new app in 60 minutes!

HELPFULLY SERVICE BLUEPRINT How does the experience unfold?

ON-STAGE ACTIVITY

BACK STAGE ACTIVITY

PHYSICAL OR DIGITAL SITUATION

CUSTOMER ACTIONS

POTENTIAL BREAKDOWN

WebsiteBrowsing the web Email(mobile optimized)

Upgrade account

SupportUse Onboarding (1st use)

Sign upSales

follow upConsider product

Get introduced

Download white paper Chat

Sign up

CRM anonymous lead (or CRM identified lead)

Signup wizard (customer profile, config)

Provision AWS Confirm setup & sample

data (manually)

Takes up to 24 hours to confirm installation and

notify customer

Sales team

Website Chat / Phone / In-person

SAAS PRODUCT

Website - signed-in Website - signed-in

Onboarding could be improved via support

(screen-sharing or phone)

Website - signed-in

PROD

Onboarding experience,

Connect to data source(s)

Use data Define roles

Define reports Define triggers

Search Social media

(LinkedIn) Forums

SEO, Community

management, reviews and

forum activity Lead process

Problems Bugs

Questions

Not all support is done via our site

(also community-driven forums)

In-app prompts CRM emails

Auto upgrades for VIPs

Find 3 places where your interaction can deliver magic!

Page 28: How to focus - design your new app in 60 minutes!

FEATURE DEFINITION BEFORE CREATIVE

Page 29: How to focus - design your new app in 60 minutes!

CREATIVE BEFORE FEATURE DEFINITION

Page 30: How to focus - design your new app in 60 minutes!

DESIGN WORKS BECAUSE OF THIS TENSION…

Page 31: How to focus - design your new app in 60 minutes!

CUSTOMER EXPERIENCE

(LIFECYCLE & RELATIONSHIP)

BROAD & NARROW

USER EXPERIENCE

USER INTERFACE

NEW ROLES & RELATIONSHIPS FOR

ORGANIZATIONS

Page 32: How to focus - design your new app in 60 minutes!

BUILDING FEATURES

Get the technology right

Page 33: How to focus - design your new app in 60 minutes!

www.cooper.com/prototyping-tools

Page 34: How to focus - design your new app in 60 minutes!

BUILD VS BUY VS PARTNER

Page 35: How to focus - design your new app in 60 minutes!

STORY TELLING 1.0 - POSITIONING &

PERSUASION

STORY TELLING 2.0 - CULTURE & EMOTION

STORY TELLING 3.0 - PARTICIPATION

STORY TELLING 4.0 - ECOSYSTEMS

Framework adopted from Farrah Bostic, 2014

London 2012 #findyourgreatness

Locations for TV ads include East London in South Africa,

Little London in Jamaica, London, Ohio and a health club called

‘London Gym.’

INTERACTIVITY, TRACKING, ATTRIBUTION, UGC

TRENDS

Page 36: How to focus - design your new app in 60 minutes!

HELPFULLY APP FLOW DIAGRAM How does a user navigate the experience?

SPLASH SCREEN

WELCOME (1st Use)

eCOMMERCE ITEM DETAIL VIEW

VIEW A PROFILE (ALL ITEMS)

VIEW / EDIT A CLOTHING ITEM

CREATE A CLOTHING ITEM

TAKE PHOTO

VIEW HOUSEHOLD (ALL PROFILES)

CREATE ACCOUNT

(FB OR EMAIL)

eCOMMERCE AD (BLURB)

FAMILY SCREEN

(make a 2nd account)

BEG SCREEN

extra benefits

HOW MANY USERS?

Skip Skipped or filled

0

1

2+

When done, go to profile or family

MAIN MENU PANEL

PROFILES (LIST)

FRIENDS & FAMILY (LIST)

SHOP CLOSET ORGANIZATION

NEW PROFILE / MANAGE

LOGOUT - when we add paid accounts.

eCOMMERCE SHOP PAGE

CREATE A PROFILE

IN APP $

MANAGE PROFILE(S)

First, Last, Email, W - M - G - B select

MOBILE APP EXPERIENCE

You will need one of these. B

ut also, not a 15 minute thing…

Page 37: How to focus - design your new app in 60 minutes!

USE TIMING CUES FOR THE EXPERIENCE

(AND THE MARKETING FUNNEL)

The timing as they use it

Page 38: How to focus - design your new app in 60 minutes!

TIME.

Page 39: How to focus - design your new app in 60 minutes!

TIME IS INVISIBLE.

BUT IT’S SO IMPORTANT.

Page 40: How to focus - design your new app in 60 minutes!

Layers of cadence

Page 41: How to focus - design your new app in 60 minutes!

DAYS

MINUTES

SECONDS

SUB-SECONDS

Layers of cadence

Page 42: How to focus - design your new app in 60 minutes!

WEEKS

DAYS

MINUTES

SECONDS

SUB-SECONDS

Layers of cadence

Page 43: How to focus - design your new app in 60 minutes!

MONTHS

WEEKS

DAYS

MINUTES

SECONDS

SUB-SECONDS

Layers of cadence

Page 44: How to focus - design your new app in 60 minutes!

YEARS

MONTHS

WEEKS

DAYS

MINUTES

SECONDS

SUB-SECONDS

Layers of cadence

Page 45: How to focus - design your new app in 60 minutes!

Layers of cadence

A PART OF LIFE

BEGINNER-TO-EXPERT

ROUTINE(S)

USAGE

A SESSION

AN INTERACTION

MENU ANIMATION

Page 46: How to focus - design your new app in 60 minutes!

Layers of cadence

A PART OF LIFE

BEGINNER-TO-EXPERT

ROUTINE(S)

USAGE

A SESSION

AN INTERACTION

MENU ANIMATION

Page 47: How to focus - design your new app in 60 minutes!

Layers of cadence

A PART OF LIFE

BEGINNER-TO-EXPERT

ROUTINE(S)

USAGE

A SESSION

AN INTERACTION

MENU ANIMATION

Page 48: How to focus - design your new app in 60 minutes!

Modeling the cadence

Page 49: How to focus - design your new app in 60 minutes!

SMS

Create a map across touch-points

Page 50: How to focus - design your new app in 60 minutes!

HELPFULLY CADENCE MAP What’s the timing of every interaction?

Page 51: How to focus - design your new app in 60 minutes!

HELPFULLY CADENCE MAP What’s the timing of every interaction?

Name the clusters “Mobile start-up”

“Download coupon and bring it to the store”

“Webcentric check-in”

Page 52: How to focus - design your new app in 60 minutes!

THANKS!TIME FOR DISCUSSION

Zach Pousman @thinky on twitter

[email protected]