Mobile design and the death of narrative

•

21 likes•23,324 views

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.

Design Business Technology

mobile design
and the death
of narrative
@timcaynes

@timcaynes

flow interactive

Head of Interaction Design
User Experience Designer
Information Architect

@timcaynes

flow interactive

Expert Colourer Innerer

@timcaynes

Other People
wOndering What
is actually
developers Designers going on

I thought this
would be interesting.
Yeah me too. This
guy looks like some
kind of stalker or
something

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

@timcaynes

I was advised
that you all like
a bit of
interaction.

@timcaynes

The corporate
migration
Mobile (guidelines)
first

@timcaynes

The corporate
migration
Mobile (guidelines)
first
Taking things to
Breaking point

@timcaynes
The corporate migration

127
Sites

@timcaynes
The corporate migration

127 17
Sites Languages

@timcaynes
The corporate migration

127 17 34
Sites Languages countries

@timcaynes
The corporate migration

127 17 34
Sites Languages countries

“We don’t do mobile.

@timcaynes
The corporate migration

127 17 34
Sites Languages countries

“We don’t do mobile.
We need a mobile site”

@timcaynes
The corporate migration

127 Sites 17 Languages 34 countries

Mobile
site

Mobile (guidelines) first
@timcaynes

Mobile
Mobile Mobile Mobile phone
Mobile
site banana
site app

Mobile Mobile Mobile Mobile
site mobile Mobile
App app disco

Mobile (guidelines) first
@timcaynes

Mobile
Mobile phone
Mobile site Mobile site Mobile banana
app

Mobile Mobile
Mobile App site Mobile app mobile Mobile
disco

Mobile
Guidelines

@timcaynes
Taking things to breaking point

@timcaynes
Taking things to breaking point

1
Site

@timcaynes
Taking things to breaking point

1
Site

“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”

@timcaynes
Taking things to breaking point

1
Site

DESKTOP

@timcaynes
Taking things to breaking point

1
Site

DESKTOP TABLET

@timcaynes
Taking things to breaking point

1
Site

DESKTOP TABLET MOBILE

@timcaynes
Taking things to breaking point

1
Site

DESKTOP TABLET MOBILE Pigeon

@timcaynes

2002
5 sites
17 links
5 languages

@timcaynes
Faceted Recalcitrant UX. No, IA. I mean,
Framework Kraftwerk UI. IXD. I DUNNO.

Navigation things Oxford
I dunno. You’ll Bacon chafe Can’t remember.
probably try and This was going to
put a carousel in Apocalypses be about, like,
here or something Narrative apps. Maybe. er...

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

An arrow

@timcaynes

The responsive
framework game

@timcaynes

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

@timcaynes

Deliverizing
Executionating
Framewanking

@timcaynes

Deliverizing
Executionating
Framewanking
ikealizing

@timcaynes

Deliverizing
Executionating
Framewanking
ikealizing
Implemental

@timcaynes

Bored
“We are thinking mobile
first. but we’re also
thinking story last”

@timcaynes

We’re facilitating
the death of
narrative

@timcaynes

Talk about Karen's
workshop
To lead into content strategy ﬁrst

@timcaynes

narrative

its about the story, innit

@timcaynes

narrative

innovation in the
proposition, not specifics
of the execution

Similar to Mobile design and the death of narrative

What I Learned about Mobile UX... The Hard WayJosh Jeffryes

Hybrid vs native mobile development – how to choose a tech stackJacques De Vos

Codemotion Milan 2018 - AI with a devops mindset: experimentation, sharing an...Thiago de Faria

Thiago de Faria - AI with a devops mindset - experimentation, sharing and eas...Codemotion

Human Interaction Keynote Brushfire Interactive July 2015Ryan Smeets

Why should I care about Responsive Design?Fabricio Teixeira

To Make Your Chatbot Smart, You Need to Feed It Right: How to Write for Chatb...LavaConConference

The Future Friendly CampusDave Olsen

Similar to Mobile design and the death of narrative (8)

What I Learned about Mobile UX... The Hard Way

Hybrid vs native mobile development – how to choose a tech stack

Codemotion Milan 2018 - AI with a devops mindset: experimentation, sharing an...

Thiago de Faria - AI with a devops mindset - experimentation, sharing and eas...

Human Interaction Keynote Brushfire Interactive July 2015

Why should I care about Responsive Design?

To Make Your Chatbot Smart, You Need to Feed It Right: How to Write for Chatb...

The Future Friendly Campus

Recently uploaded

Call Girls Aslali 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff

Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)jennyeacort

办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss

'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1

DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan

3D Printing And Designing Final Report.pdfSwaraliBorhade

ARt app | UX Case StudySophia Viganò

办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一A SSS

FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan

原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss

办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L

group_15_empirya_p1projectIndustrial.pdfneelspinoy

2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss

Passbook project document_april_21__.pdfvaibhavkanaujia

Untitled presedddddddddddddddddntation (1).pptxmapanig881

Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi

shot list for my tv series two steps back17lcow074

办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La

原版1:1定制堪培拉大学毕业证（UC毕业证）#文凭成绩单#真实留信学历认证永久存档208367051

CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup

Recently uploaded (20)

Call Girls Aslali 7397865700 Ridhima Hire Me Full Night

Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)

办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一

'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,

DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...

3D Printing And Designing Final Report.pdf

ARt app | UX Case Study

办理学位证(NTU证书)新加坡南洋理工大学毕业证成绩单原版一比一

FiveHypotheses_UIDMasterclass_18April2024.pdf

原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree

办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一

group_15_empirya_p1projectIndustrial.pdf

2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree

Passbook project document_april_21__.pdf

Untitled presedddddddddddddddddntation (1).pptx

Mookuthi is an artisanal nose ornament brand based in Madras.

shot list for my tv series two steps back

办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一

原版1:1定制堪培拉大学毕业证（UC毕业证）#文凭成绩单#真实留信学历认证永久存档

CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10

Mobile design and the death of narrative

1. mobile design and the death of narrative @timcaynes

2. @timcaynes flow interactive

3. @timcaynes flow interactive Head of Interaction Design User Experience Designer Information Architect

4. @timcaynes flow interactive

5. @timcaynes flow interactive Expert Colourer Innerer

6. @timcaynes developers

7. @timcaynes developers Designers

8. @timcaynes Other People wOndering What is actually developers Designers going on I thought this would be interesting. Yeah me too. This guy looks like some kind of stalker or something

10.

11. The version that isn’t full of shit. Use this one for tricky audiences.

12. @timcaynes flow interactive Head of Interaction Design User Experience Designer Information Architect

13. @timcaynes flow interactive Expert Colourer Innerer

14. @timcaynes developers

15. @timcaynes developers Designers

16. @timcaynes Other People wOndering What is actually developers Designers going on I thought this would be interesting. Yeah me too. This guy looks like some kind of stalker or something

17. @timcaynes

18. @timcaynes I was advised that you all like a bit of interaction.

19. @timcaynes The corporate migration

20. @timcaynes The corporate migration Mobile (guidelines) first

21. @timcaynes The corporate migration Mobile (guidelines) first Taking things to Breaking point

22. @timcaynes The corporate migration

23. @timcaynes The corporate migration 127 Sites

24. @timcaynes The corporate migration 127 17 Sites Languages

25. @timcaynes The corporate migration 127 17 34 Sites Languages countries

26. @timcaynes The corporate migration 127 17 34 Sites Languages countries “We don’t do mobile.

27. @timcaynes The corporate migration 127 17 34 Sites Languages countries “We don’t do mobile. We need a mobile site”

28. @timcaynes

29. @timcaynes The corporate migration 127 17 34 Sites Languages countries “We don’t do mobile. We need a mobile site”

30. @timcaynes The corporate migration 127 Sites 17 Languages 34 countries Mobile site

31. @timcaynes The corporate migration Mobile (guidelines) first Taking things to Breaking point

32. Mobile (guidelines) first @timcaynes

33. Mobile (guidelines) first @timcaynes Mobile Mobile Mobile Mobile phone Mobile site banana site app Mobile Mobile Mobile Mobile site mobile Mobile App app disco

34. Mobile (guidelines) first @timcaynes Mobile Mobile Mobile Mobile phone Mobile site banana site app Mobile Mobile Mobile Mobile site mobile Mobile App app disco “We need a framework

35. Mobile (guidelines) first @timcaynes Mobile Mobile Mobile Mobile phone Mobile site banana site app Mobile Mobile Mobile Mobile site mobile Mobile App app disco “We need a framework that defines mobile”

36. @timcaynes

37. Mobile (guidelines) first @timcaynes Mobile Mobile Mobile Mobile phone Mobile site banana site app Mobile Mobile Mobile Mobile site mobile Mobile App app disco “We need a framework that defines mobile”

38. Mobile (guidelines) first @timcaynes Mobile Mobile phone Mobile site Mobile site Mobile banana app Mobile Mobile Mobile App site Mobile app mobile Mobile disco Mobile Guidelines

39. @timcaynes The corporate migration Mobile (guidelines) first Taking things to Breaking point

40. @timcaynes Taking things to breaking point

41. @timcaynes Taking things to breaking point 1 Site

42. @timcaynes Taking things to breaking point 1 Site “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”

43. @timcaynes

44. @timcaynes Taking things to breaking point 1 Site “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”

45. @timcaynes Taking things to breaking point 1 Site

46. @timcaynes Taking things to breaking point 1 Site DESKTOP

47. @timcaynes Taking things to breaking point 1 Site DESKTOP TABLET

48. @timcaynes Taking things to breaking point 1 Site DESKTOP TABLET MOBILE

49. @timcaynes Taking things to breaking point 1 Site DESKTOP TABLET MOBILE Pigeon

50. @timcaynes The corporate migration

51. @timcaynes

52. @timcaynes 2002 5 sites 17 links 5 languages

53. @timcaynes Mobile (guidelines) first

54. @timcaynes Faceted Recalcitrant UX. No, IA. I mean, Framework Kraftwerk UI. IXD. I DUNNO. Navigation things Oxford I dunno. You’ll Bacon chafe Can’t remember. probably try and This was going to put a carousel in Apocalypses be about, like, here or something Narrative apps. Maybe. er... This bit is critical. Don’t let James anywhere near it LATIN FEET An arrow

55. @timcaynes Taking things to Breaking point

56. @timcaynes

57. @timcaynes The responsive framework game

58. @timcaynes

59. bootstrap

60. @timcaynes

61. GUMBY

62. @timcaynes

63. FOUNDATION

64. @timcaynes

65. @timcaynes

66. @timcaynes Bored