If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems
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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/1.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/2.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/3.jpg)
The ProblemIF I ONLY HAD A FRAME(WORK)
#DrupalConFrame
![Page 4: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/4.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/5.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/6.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/7.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/8.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/9.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/10.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/11.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/12.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/13.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/14.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/15.jpg)
So, what’s the solution?
![Page 16: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/16.jpg)
Requirements GatheringIF I ONLY HAD A FRAME(WORK)
#DrupalConFrame
![Page 17: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/17.jpg)
Requirements: DatabasesIF I ONLY HAD A FRAME(WORK)
#DrupalConFrame
![Page 18: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/18.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/19.jpg)
Requirements: ProcessesIF I ONLY HAD A FRAME(WORK)
#DrupalConFrame
![Page 20: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/20.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/21.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/22.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/23.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/24.jpg)
Technical SolutionsIF I ONLY HAD A FRAME(WORK)
#DrupalConFrame
![Page 25: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/25.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/26.jpg)
#DrupalConFrame
![Page 27: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/27.jpg)
#DrupalConFrame
![Page 28: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/28.jpg)
#DrupalConFrame
![Page 29: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/29.jpg)
Better: EmbedsIF I ONLY HAD A FRAME(WORK)
#DrupalConFrame
![Page 30: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/30.jpg)
#DrupalConFrameBetter: EmbedsIF I ONLY HAD A FRAME(WORK)
#DrupalConFrame
![Page 31: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/31.jpg)
#DrupalConFrameBetter: EmbedsIF I ONLY HAD A FRAME(WORK)
#DrupalConFrame
![Page 32: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/32.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/33.jpg)
#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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/34.jpg)
#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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/35.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/36.jpg)
And then there are the human systems.
![Page 37: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/37.jpg)
CompromiseIF I ONLY HAD A FRAME(WORK)
#DrupalConFrame
![Page 38: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/38.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/39.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/40.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/41.jpg)
Simplified NavigationIF I ONLY HAD A FRAME(WORK)
#DrupalConFrame
![Page 42: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/42.jpg)
Simplified NavigationIF I ONLY HAD A FRAME(WORK)
#DrupalConFrame
![Page 43: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/43.jpg)
Different NavigationIF I ONLY HAD A FRAME(WORK)
#DrupalConFrame
![Page 44: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/44.jpg)
Different NavigationIF I ONLY HAD A FRAME(WORK)
#DrupalConFrame
![Page 45: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/45.jpg)
No NavigationIF I ONLY HAD A FRAME(WORK)
#DrupalConFrame
![Page 46: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/46.jpg)
Technical LimitationsIF I ONLY HAD A FRAME(WORK)
#DrupalConFrame
![Page 47: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/47.jpg)
DesignIF I ONLY HAD A FRAME(WORK)
#DrupalConFrame
![Page 48: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/48.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/49.jpg)
Component DesignIF I ONLY HAD A FRAME(WORK)
#DrupalConFrame
![Page 50: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/50.jpg)
StyleguideIF I ONLY HAD A FRAME(WORK)
#DrupalConFrame
![Page 51: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/51.jpg)
GovernanceIF I ONLY HAD A FRAME(WORK)
#DrupalConFrame
![Page 52: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/52.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/53.jpg)
Roles & ResponsibilitiesIF I ONLY HAD A FRAME(WORK)
#DrupalConFrame
![Page 54: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/54.jpg)
WorkflowsIF I ONLY HAD A FRAME(WORK)
#DrupalConFrame
![Page 55: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/55.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/56.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/57.jpg)
Post-LaunchIF I ONLY HAD A FRAME(WORK)
#DrupalConFrame
![Page 58: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/58.jpg)
Change ManagementIF I ONLY HAD A FRAME(WORK)
#DrupalConFrame
![Page 59: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/59.jpg)
– 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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/60.jpg)
HabitsIF I ONLY HAD A FRAME(WORK)
#DrupalConFrame
![Page 61: If I Only Had a Frame(work): Crafting Experiences Across 3rd-party Systems](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/61.jpg)
– 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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/62.jpg)
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](https://reader035.fdocuments.us/reader035/viewer/2022081520/58a3b07f1a28ab9e6a8b6829/html5/thumbnails/63.jpg)
Brett Meyer@brett_meyer
Lev Tsypin@levelos
THANK YOU!