mobile design and the death of narrative

87
@timcaynes mobile design and the death of narrative

Upload: tim-caynes

Post on 27-Jan-2015

102 views

Category:

Design


0 download

DESCRIPTION

Presentation that discusses the facilitation of the death of narrative in mobile design through the medium of made-up words, miserable predictions and cheap stabs at implementation frameworks. Written for the nice people at UX Oxford and Software East in April 2013. There are hundreds of extraordinarily clever transitions in the original presentation that obviously don't appear here. If you want to see those, invite me to dinner.

TRANSCRIPT

Page 1: Mobile design and the death of narrative

@timcaynes

mobile designand the deathof narrative

Page 2: Mobile design and the death of narrative

@timcaynes

flow interactive

Page 3: Mobile design and the death of narrative

@timcaynes

flow interactive

Head of Interaction DesignUser Experience DesignerInformation Architect

Page 4: Mobile design and the death of narrative

@timcaynes

flow interactive

Page 5: Mobile design and the death of narrative

@timcaynes

flow interactive

Expert Colourer Innerer

Page 6: Mobile design and the death of narrative

@timcaynes

developers

Page 7: Mobile design and the death of narrative

developers

@timcaynes

Designers

Page 8: Mobile design and the death of narrative

developers

@timcaynes

Designers

Other People wOndering What

is actually going on

I thought this would be interesting.

Yeah me too. This guy looks like some kind of stalker or

something

Page 9: Mobile design and the death of narrative
Page 10: Mobile design and the death of narrative
Page 11: Mobile design and the death of narrative

The version that

isn’t full of shit.Use this one for tricky audiences.

Page 12: Mobile design and the death of narrative

@timcaynes

flow interactive

Head of Interaction DesignUser Experience DesignerInformation Architect

Page 13: Mobile design and the death of narrative

@timcaynes

flow interactive

Expert Colourer Innerer

Page 14: Mobile design and the death of narrative

@timcaynes

developers

Page 15: Mobile design and the death of narrative

developers

@timcaynes

Designers

Page 16: Mobile design and the death of narrative

developers

@timcaynes

Designers

Other People wOndering What

is actually going on

I thought this would be interesting. Yeah me

too. This guy looks like some kind of

stalker or something

Page 17: Mobile design and the death of narrative

@timcaynes

Page 18: Mobile design and the death of narrative

@timcaynes

I was advised that you all like

a bit of interaction.

Page 19: Mobile design and the death of narrative

@timcaynes

The corporate migration

Page 20: Mobile design and the death of narrative

@timcaynes

The corporate migration

Mobile (guidelines) first

Page 21: Mobile design and the death of narrative

@timcaynes

The corporate migration

Mobile (guidelines) first

Taking things to Breaking point

Page 22: Mobile design and the death of narrative

@timcaynes

The corporate migration

Page 23: Mobile design and the death of narrative

@timcaynes

The corporate migration

127Sites

Page 24: Mobile design and the death of narrative

@timcaynes

The corporate migration

127Sites

17 Languages

Page 25: Mobile design and the death of narrative

@timcaynes

The corporate migration

127Sites

17 Languages

34 countries

Page 26: Mobile design and the death of narrative

@timcaynes

The corporate migration

127Sites

17 Languages

34 countries

“We don’t do mobile.

Page 27: Mobile design and the death of narrative

@timcaynes

The corporate migration

127Sites

17 Languages

34 countries

“We don’t do mobile.

We need a mobile site”

Page 28: Mobile design and the death of narrative

@timcaynes

Page 29: Mobile design and the death of narrative

@timcaynes

The corporate migration

127Sites

17 Languages

34 countries

“We don’t do mobile.

We need a mobile site”

Page 30: Mobile design and the death of narrative

Mobile site

@timcaynes

The corporate migration

127 Sites 17 Languages 34 countries

Page 31: Mobile design and the death of narrative

@timcaynes

The corporate migration

Mobile (guidelines) first

Taking things to Breaking point

Page 32: Mobile design and the death of narrative

@timcaynesMobile (guidelines) first

Page 33: Mobile design and the death of narrative

@timcaynesMobile (guidelines) first

Mobile site

Mobile site

Mobile site

Mobile app

Mobilebanana

Mobile mobile

Mobile phone

Mobile App

Mobile app

Mobile disco

Page 34: Mobile design and the death of narrative

@timcaynesMobile (guidelines) first

Mobile site

Mobile site

Mobile site

Mobile app

Mobilebanana

Mobile mobile

Mobile phone

Mobile App

Mobile app

Mobile disco

“We need a framework

Page 35: Mobile design and the death of narrative

@timcaynesMobile (guidelines) first

Mobile site

Mobile site

Mobile site

Mobile app

Mobilebanana

Mobile mobile

Mobile phone

Mobile App

Mobile app

Mobile disco

“We need a framework

that defines mobile”

Page 36: Mobile design and the death of narrative

@timcaynes

Page 37: Mobile design and the death of narrative

@timcaynesMobile (guidelines) first

Mobile site

Mobile site

Mobile site

Mobile app

Mobilebanana

Mobile mobile

Mobile phone

Mobile App

Mobile app

Mobile disco

“We need a framework

that defines mobile”

Page 38: Mobile design and the death of narrative

@timcaynesMobile (guidelines) first

Mobile site

Mobile site

Mobile site Mobile app

Mobilebanana

Mobile mobile

Mobile phone

Mobile App Mobile app Mobile disco

Mobile Guidelines

Page 39: Mobile design and the death of narrative

@timcaynes

The corporate migration

Mobile (guidelines) first

Taking things to Breaking point

Page 40: Mobile design and the death of narrative

@timcaynesTaking things to breaking point

Page 41: Mobile design and the death of narrative

@timcaynesTaking things to breaking point

1Site

Page 42: Mobile design and the death of narrative

@timcaynesTaking things to breaking point

1Site

“We're redesigning our site. We want it to be fully responsive.

We've got the build team ready

and they've told us how the break points should work and

everything”

Page 43: Mobile design and the death of narrative

@timcaynes

Page 44: Mobile design and the death of narrative

@timcaynesTaking things to breaking point

1Site

“We're redesigning our site. We want it to be fully responsive.

We've got the build team ready

and they've told us how the break points should work and

everything”

Page 45: Mobile design and the death of narrative

@timcaynesTaking things to breaking point

1Site

Page 46: Mobile design and the death of narrative

@timcaynesTaking things to breaking point

1Site

DESKTOP

Page 47: Mobile design and the death of narrative

@timcaynesTaking things to breaking point

1Site

DESKTOP TABLET

Page 48: Mobile design and the death of narrative

@timcaynesTaking things to breaking point

1Site

DESKTOP TABLET MOBILE

Page 49: Mobile design and the death of narrative

@timcaynesTaking things to breaking point

1Site

DESKTOP TABLET MOBILE Pigeon

Page 50: Mobile design and the death of narrative

@timcaynes

The corporate migration

Page 51: Mobile design and the death of narrative

@timcaynes

Page 52: Mobile design and the death of narrative

20025 sites17 links5 languages

@timcaynes

Page 53: Mobile design and the death of narrative

@timcaynes

Mobile (guidelines) first

Page 54: Mobile design and the death of narrative

Can’t remember. This was going to

be about, like, apps. Maybe. er...

LATIN

I dunno. You’ll probably try and put a carousel in

here or something

This bit is critical. Don’t let James anywhere near it

FEET

Navigation things

Bacon chafe

Oxford

ApocalypsesNarrative

@timcaynes

FacetedFramework

RecalcitrantKraftwerk

UX. No, IA. I mean, UI. IXD. I DUNNO.

An arrow

Page 55: Mobile design and the death of narrative

@timcaynes

Taking things to Breaking point

Page 56: Mobile design and the death of narrative

@timcaynes

Page 57: Mobile design and the death of narrative

@timcaynes

The responsive framework game

Page 58: Mobile design and the death of narrative

@timcaynes

Page 59: Mobile design and the death of narrative

bootstrap

Page 60: Mobile design and the death of narrative

@timcaynes

Page 61: Mobile design and the death of narrative

GUMBY

Page 62: Mobile design and the death of narrative

@timcaynes

Page 63: Mobile design and the death of narrative

FOUNDATION

Page 64: Mobile design and the death of narrative

@timcaynes

Page 65: Mobile design and the death of narrative

@timcaynes

Page 66: Mobile design and the death of narrative

@timcaynes

Bored

Page 67: Mobile design and the death of narrative

@timcaynes

Bored

Page 68: Mobile design and the death of narrative

@timcaynes

Bored“I don’t buy the book to admire the book. I buy the book to get lost in the

story.”

Page 69: Mobile design and the death of narrative

@timcaynes

Solutionizing

Page 70: Mobile design and the death of narrative

@timcaynes

Deliverizing

Page 71: Mobile design and the death of narrative

@timcaynes

Deliverizing

Page 72: Mobile design and the death of narrative

@timcaynes

DeliverizingExecutionating

Page 73: Mobile design and the death of narrative

@timcaynes

DeliverizingExecutionatingFramewanking

Page 74: Mobile design and the death of narrative

@timcaynes

DeliverizingExecutionatingFramewanking

ikealizing

Page 75: Mobile design and the death of narrative

@timcaynes

DeliverizingExecutionatingFramewanking

ikealizing

Implemental

Page 76: Mobile design and the death of narrative

@timcaynes

Bored

Page 77: Mobile design and the death of narrative

@timcaynes

Bored“We are thinking mobile

first. but we’re also

thinking story last”

Page 78: Mobile design and the death of narrative

@timcaynes

Page 79: Mobile design and the death of narrative

@timcaynes

We’re facilitating the death of

narrative

Page 80: Mobile design and the death of narrative

Talk about Karen's workshop

To lead into content strategy first

@timcaynes

Page 81: Mobile design and the death of narrative

narrative

@timcaynes

Page 82: Mobile design and the death of narrative

narrative

@timcaynes

its about the story, innit

Page 83: Mobile design and the death of narrative

narrative

@timcaynes

innovation in the

proposition, not specifics of the execution

Page 84: Mobile design and the death of narrative

@timcaynes

or something

Page 85: Mobile design and the death of narrative

@timcaynes

or something

Page 86: Mobile design and the death of narrative

@timcaynes

thanks

Page 87: Mobile design and the death of narrative

@timcaynes

thanks