Grig Davidovitz, RGB Media

307 views

Published on

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

No Downloads
Views
Total views
307
On SlideShare
0
From Embeds
0
Number of Embeds
59
Actions
Shares
0
Downloads
2
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Grig Davidovitz, RGB Media

  1. 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. 2. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 2
  3. 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. 4. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZResponsive Web Design 4
  5. 5. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZResponsive Web Design 5
  6. 6. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZResponsive Web Design 6
  7. 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. 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. 9. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 1. Lower the information density! 9
  10. 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. 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. 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. 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. 14. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ1. Lower the information density 14
  15. 15. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ1. Lower the information density 15
  16. 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. 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. 18. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ Basic principles of journalistic presentationDeveloped on print 18
  19. 19. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ Free for what? 1. Free to create DRAMA 19
  20. 20. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ1. Free to create DRAMA 20
  21. 21. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 21
  22. 22. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 22
  23. 23. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 23
  24. 24. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 24
  25. 25. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 25
  26. 26. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 26
  27. 27. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 27
  28. 28. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 28
  29. 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. 30. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZA. Free to create DRAMA 30
  31. 31. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZA. Free to create DRAMA 31
  32. 32. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZCreate drama when needed: How to create drama 32
  33. 33. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZCreate drama when needed: How to create drama 33
  34. 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. 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. 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. 37. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZB. Free to highlight the best element 37
  38. 38. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZCreate drama when needed: How to create drama 38
  39. 39. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZHighlight the best element: How to do it 39
  40. 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. 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. 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. 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. 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. 45. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZC. Free to create information packages 45
  46. 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. 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. 48. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 48
  49. 49. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 49
  50. 50. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ INTEGRATE ADS 50
  51. 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. 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. 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. 54. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 54
  55. 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. 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. 57. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 57
  58. 58. JOURNALISTIC RESPONSIVE DESIGN: CREATING A CROSS PLATFORM NEWS SHOW © GRIG DAVIDOVITZ 58
  59. 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

×