If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

63
If I Only Had a Frame(work): Crafting Experiences Across 3rd-Party Systems DrupalCon 2015: Los Angeles May 13, 2015 #DrupalCon #DrupalConFrame

Transcript of If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

Page 1: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

If I Only Had a Frame(work): Crafting Experiences Across 3rd-Party Systems

DrupalCon 2015: Los Angeles

May 13, 2015#DrupalCon#DrupalConFrame

Page 2: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

BRETT MEYERDIRECTOR OF STRATEGY@brett_meyer

LEV TSYPINCTO, OWNER@levelos

#DrupalConFrame

IF I ONLY HAD A FRAME(WORK)

Page 3: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

The ProblemIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 4: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

The top reasons customers leave a brand are poor quality and rude customer service..

Page 5: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

39% of respondents said they avoid vendors for two or more years after a bad

experience.

– Z EN DE SK S URV EY OF 10 0 0 C US T OM E R S

Page 6: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

One Bad Experience…IF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 7: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

What’s This Got to Do with Me?IF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 8: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

Case Study: LivestrongIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 9: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

Case Study: LivestrongIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 10: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

Case Study: LivestrongIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 11: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

Case Study: LivestrongIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 12: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

Case Study: LivestrongIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 13: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

Branding Beyond the WebsiteIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 14: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

And the Data. The Data.IF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 15: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

So, what’s the solution?

Page 16: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

Requirements GatheringIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 17: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

Requirements: DatabasesIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 18: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

Requirements: Data SourcesIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 19: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

Requirements: ProcessesIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 20: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

Map the Current Set-upIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 21: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

Map the New Set-upIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 22: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

You Know the PiecesIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 23: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

How Do They Fit Together?IF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 24: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

Technical SolutionsIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 25: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

Best: APIsIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

• Seamless user experience• Integration happens on the server• Maximum flexibility

Page 26: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

#DrupalConFrame

Page 27: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

#DrupalConFrame

Page 28: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

#DrupalConFrame

Page 29: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

Better: EmbedsIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 30: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

#DrupalConFrameBetter: EmbedsIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 31: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

#DrupalConFrameBetter: EmbedsIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 32: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

Good: Clear MessagingIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 33: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

#DrupalConFrameBetter: Clear MessagingIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 34: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

#DrupalConFrameBetter: Clear MessagingIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 35: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

Crap: Faking ItIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 36: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

And then there are the human systems.

Page 37: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

CompromiseIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 38: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

IF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Don’t Recreate Everything

Page 39: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

IF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Don’t Recreate Everything

Page 40: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

IF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Don’t Recreate Everything

Page 41: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

Simplified NavigationIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 42: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

Simplified NavigationIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 43: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

Different NavigationIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 44: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

Different NavigationIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 45: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

No NavigationIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 46: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

Technical LimitationsIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 47: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

DesignIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 48: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

Design in the BrowserIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 49: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

Component DesignIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 50: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

StyleguideIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 51: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

GovernanceIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 52: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

Establish Three ThingsIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

• Roles & Responsibilities• Workflows• Evaluation & Review Standards

Page 53: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

Roles & ResponsibilitiesIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 54: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

WorkflowsIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 55: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

Evaluation & Review StandardsIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 56: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

Basically, Write it DownIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 57: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

Post-LaunchIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 58: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

Change ManagementIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 59: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

– M AYA A N G ELOU

“If you don't like something, change it. If you can't change it, change your attitude.

.”

Page 60: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

HabitsIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 61: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

– MA R K T WA I N

“Nothing so needs reforming as other people's habits.”

.”

Page 62: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

Win the Day with DataIF I ONLY HAD A FRAME(WORK)

#DrupalConFrame

Page 63: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems

Brett Meyer@brett_meyer

Lev Tsypin@levelos

THANK YOU!