beyond the page, beyond responsive

76
Beyond the page. Beyond responsive. @robboynes

Upload: thefamily

Post on 14-Jun-2015

808 views

Category:

Education


7 download

DESCRIPTION

Talk given by Rob Boynes at our Get the SWAG on! event in Paris, join us IRL next time! http://swag.thefamily.co

TRANSCRIPT

Page 1: Beyond the Page, Beyond Responsive

Beyond the page. Beyond responsive.

@robboynes

Page 2: Beyond the Page, Beyond Responsive

story user

Page 3: Beyond the Page, Beyond Responsive

story user

Page 4: Beyond the Page, Beyond Responsive
Page 5: Beyond the Page, Beyond Responsive
Page 6: Beyond the Page, Beyond Responsive

No Publishers at launch.

Page 7: Beyond the Page, Beyond Responsive

No Publishers at launch.

Page 8: Beyond the Page, Beyond Responsive
Page 9: Beyond the Page, Beyond Responsive

Nov 2013. Place Pins.

Page 10: Beyond the Page, Beyond Responsive

Nov 2013. Place Pins.

Page 11: Beyond the Page, Beyond Responsive

Apr 2014. Guided Search.

Page 12: Beyond the Page, Beyond Responsive

Jun 2014. 1+ Billion Place Pins.300+ territories.

Page 13: Beyond the Page, Beyond Responsive

World’s biggest travel publisher. Simple pivot. Big data. Big network.

Page 14: Beyond the Page, Beyond Responsive

I/O

Page 15: Beyond the Page, Beyond Responsive

INPUT. OUTPUT.

Page 16: Beyond the Page, Beyond Responsive

story

Page 17: Beyond the Page, Beyond Responsive

1. A story can exist in multiple timelines, contexts and networks at the same time.

2. A story has to communicate itself in any social network.

3. The business model is built into the individual story and the metrics tracked.

Page 18: Beyond the Page, Beyond Responsive
Page 19: Beyond the Page, Beyond Responsive
Page 20: Beyond the Page, Beyond Responsive
Page 21: Beyond the Page, Beyond Responsive

GPS

Page 22: Beyond the Page, Beyond Responsive
Page 23: Beyond the Page, Beyond Responsive

4. Content isn’t siloed by print sections. 5. Taxonomy is only by time and relevance. 6. Always a digital first product.

Page 24: Beyond the Page, Beyond Responsive
Page 25: Beyond the Page, Beyond Responsive

cura

tion

Page 26: Beyond the Page, Beyond Responsive

cura

tion

wtf?

Page 27: Beyond the Page, Beyond Responsive
Page 28: Beyond the Page, Beyond Responsive
Page 29: Beyond the Page, Beyond Responsive
Page 30: Beyond the Page, Beyond Responsive
Page 31: Beyond the Page, Beyond Responsive
Page 32: Beyond the Page, Beyond Responsive

Kind of.

Page 33: Beyond the Page, Beyond Responsive
Page 34: Beyond the Page, Beyond Responsive
Page 35: Beyond the Page, Beyond Responsive
Page 36: Beyond the Page, Beyond Responsive
Page 37: Beyond the Page, Beyond Responsive
Page 38: Beyond the Page, Beyond Responsive
Page 39: Beyond the Page, Beyond Responsive

Trust + Time = Relevance

Page 40: Beyond the Page, Beyond Responsive

Mobile 1st

Page 41: Beyond the Page, Beyond Responsive

0

150

300

450

600

2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012

Consumer PCs Tablets Mobile

Source: Enders Analysis

Global annual unit sales (m)

Page 42: Beyond the Page, Beyond Responsive
Page 43: Beyond the Page, Beyond Responsive
Page 44: Beyond the Page, Beyond Responsive
Page 45: Beyond the Page, Beyond Responsive
Page 46: Beyond the Page, Beyond Responsive
Page 47: Beyond the Page, Beyond Responsive

Bootstrap

Page 48: Beyond the Page, Beyond Responsive

And everything looks the same.

Page 49: Beyond the Page, Beyond Responsive

And everything looks the same.

Page 50: Beyond the Page, Beyond Responsive

And everything looks the same.

Page 51: Beyond the Page, Beyond Responsive

So…

Page 52: Beyond the Page, Beyond Responsive

Humanist web design.

Page 53: Beyond the Page, Beyond Responsive

The Responsive Elements.The Responsive Elements. A blueprint for the human web.

Page 54: Beyond the Page, Beyond Responsive

Technical. Platform. Breakpoint.

Page 55: Beyond the Page, Beyond Responsive
Page 56: Beyond the Page, Beyond Responsive

Ambient. Location. Time. Weather.

Page 57: Beyond the Page, Beyond Responsive

Opéra Passy Paris Nord

Page 58: Beyond the Page, Beyond Responsive

Opéra Passy Paris Nord

Page 59: Beyond the Page, Beyond Responsive

9.00 13.00 19.00

Page 60: Beyond the Page, Beyond Responsive
Page 61: Beyond the Page, Beyond Responsive

User metrics. Duration of visit. Frequency of visit. Desire lines of the user.

Page 62: Beyond the Page, Beyond Responsive
Page 63: Beyond the Page, Beyond Responsive

Editorial. Curation. Storytelling. Hierarchies.

Page 64: Beyond the Page, Beyond Responsive
Page 65: Beyond the Page, Beyond Responsive

Content. Content type. Medium. Mood. Time. Trust. Relevance.

Page 66: Beyond the Page, Beyond Responsive

time

trust

Page 67: Beyond the Page, Beyond Responsive

Share. Follows. Aggregations. Trending.Relationships between users. Keywords. Input / Output.

Page 68: Beyond the Page, Beyond Responsive
Page 69: Beyond the Page, Beyond Responsive

Repeat Sessions. Related content. Advertising. User accounts. On-boarding. Algorithms.

Page 70: Beyond the Page, Beyond Responsive

Don’t just feed me oranges.

Page 71: Beyond the Page, Beyond Responsive

API. Inputs. Outputs. Cards. Plugins.

Page 72: Beyond the Page, Beyond Responsive
Page 73: Beyond the Page, Beyond Responsive

So…

Page 74: Beyond the Page, Beyond Responsive

Responsive + Human

Page 75: Beyond the Page, Beyond Responsive

= ?

Page 76: Beyond the Page, Beyond Responsive

@robboynes

Merci