Your SlideShare is downloading. ×
Grig Davidovitz, RGB Media
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Grig Davidovitz, RGB Media

207
views

Published on


0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
207
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ JOURNALISTIC RESPONSIVE DESIGN CREATING A CROSS-PLATFORM NEWS SHOW by Grig Davidovitz @grigdav 1
  • 2. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 2
  • 3. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ The Kindle is not about Kindle is about the experience of reading books Wherever the eyeballs are, Kindle wants to be The device is the gate to the cloud 3
  • 4. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZResponsive Web Design 4
  • 5. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZResponsive Web Design 5
  • 6. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZResponsive Web Design 6
  • 7. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZResponsive Web Design NOT ENOUGH! We have to recreate the content experience, not just the modules 7
  • 8. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ But what is the news experience? We are just finding out! 8
  • 9. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 1. Lower the information density! 9
  • 10. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZThe beginning of the web The beginning of the iPad paradigm Perfect product Integrating into the web ocean Creating a “content experience” 10
  • 11. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ1. Lower the information density17th Century 19th Century Mid 20th Century Today 11
  • 12. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ1. Lower the information density17th Century 19th Century Mid 20th Century Today 12
  • 13. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ1. Lower the information density Royal wedding watch: These Londoners had enough 13
  • 14. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ1. Lower the information density 14
  • 15. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ1. Lower the information density 15
  • 16. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ1. Lower the information density “Nobody will come to our site anymore. They will only consume us through Facebook, Twitter and other platforms” 16
  • 17. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 1. Lower theinformation density! 2. The News Show: Set the editors free! (on all platforms) 17
  • 18. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ Basic principles of journalistic presentationDeveloped on print 18
  • 19. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ Free for what? 1. Free to create DRAMA 19
  • 20. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ1. Free to create DRAMA 20
  • 21. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 21
  • 22. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 22
  • 23. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 23
  • 24. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 24
  • 25. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 25
  • 26. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 26
  • 27. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 27
  • 28. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 28
  • 29. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZThe problem:Binary solution: Normal templatevs. Dramatic templateThe solution:Move the template to thearticle level 29
  • 30. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZA. Free to create DRAMA 30
  • 31. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZA. Free to create DRAMA 31
  • 32. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZCreate drama when needed: How to create drama 32
  • 33. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZCreate drama when needed: How to create drama 33
  • 34. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ Free for what? 1. Free to create DRAMA 2. Free to highlight the best element 34
  • 35. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZB. Free to highlight the best elementNewspapers know how to highlightthe best element of an article 35
  • 36. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZB. Free to highlight the best element The Problem: Many sites have a fixed template that cannot changeMainheadline,underheadline, links or Pic. o Vide What if this article has an amazing pic? Small headline with pic. 36
  • 37. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZB. Free to highlight the best element 37
  • 38. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZCreate drama when needed: How to create drama 38
  • 39. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZHighlight the best element: How to do it 39
  • 40. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ Free for what? 1. Free to create DRAMA 2. Free to highlight the best element 3. Free to create information packages 40
  • 41. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZC. Free to create information packagesThe information is fragmented - people don’tlike to read extremely long storiesThe reader/user can decide what angleinterests himHe easily sees the volume of the informationcreatedIt enables to catch a bigger areaEffectively works as a “mind map” 41
  • 42. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZC. Free to create information packages Enable the flexible templates to connect, when needed The goal: to create an information package, when all the different angles of the coverage can be seen at the homepage All this, while every article is represented on the homepage with its best elements 42
  • 43. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZC. Free to create information packages Enable the flexible templates to connect, when needed The goal: to create an information package, when all the different angles of the coverage can be seen at the homepage All this, while every article is represented on the homepage with its best elements 43
  • 44. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZC. Free to create information packages Enable the flexible templates to connect, when needed The goal: to create an information package, when all the different angles of the coverage can be seen at the homepage All this, while every article is represented on the homepage with its best elements 44
  • 45. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZC. Free to create information packages 45
  • 46. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW JOURNALISTIC RESPONSIVE DESIGN © GRIG DAVIDOVITZ GRIG DAVIDOVITZ ©Translate info packages to new media: Edited areas 46
  • 47. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ Free for what? 1. Free to create DRAMA 2. Free to highlight the best element 3. Free to create information packages ... and more 47
  • 48. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 48
  • 49. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 49
  • 50. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ INTEGRATE ADS 50
  • 51. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 1. 2. Lower the The News Show:information density! Set the editors free! 3. Results 51
  • 52. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZResults(launched 9 months ago)- Average time on homepage:9 minutes- Tens of thousands uniques aday, the record: 300K- Fast and substantial brandrecognition with ZEROmarketing budget 52
  • 53. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZResults(launched 9 months ago)- Average time on homepage:9 minutes- Tens of thousands uniques aday, the record: 300K- Fast and substantial brandrecognition with ZEROmarketing budget- Amazing welcome to thewebsite and its design 53
  • 54. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 54
  • 55. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZResults(launched 9 months ago)- Average time on homepage:9 minutes- Tens of thousands uniques aday, the record: 300K- Fast and substantial brandrecognition with ZEROmarketing budget- Amazing welcome to thewebsite and its design 55
  • 56. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 1. 2. 3. Lower the The News Show: Resultsinformation density! Set the editors free! 4. The Article Page as a Homepage 56
  • 57. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 57
  • 58. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 58
  • 59. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 1. 2. 3. 4. The Article Page Lower the The News Show: Results as a Homepageinformation density! Set the editors free! (on all platforms) Thank you Grig Davidovitz @grigdav grig@rgbmedia.org 59