Beyond the Page, Beyond Responsive.

76
Beyond the page. Beyond responsive. @robboynes

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 of Beyond the Page, Beyond Responsive.

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