Grig Davidovitz, RGB Media

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


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


Responsive Web Design

4



5



6



NOT ENOUGH!

We have to recreate the content
experience, not just the modules

7


But what is the news experience?
We are just ﬁnding out!

8


1.
Lower the information
density!

9


The beginning of the web The beginning of the iPad paradigm

Perfect product

Integrating into the web ocean Creating a “content experience”

10


1. Lower the information density

17th Century 19th Century Mid 20th Century Today

11



17th Century 19th Century Mid 20th Century Today

12


Royal wedding watch: These Londoners had enough

13



14



15



“Nobody will come to our site anymore. They
will only consume us through Facebook, Twitter
and other platforms”

16


1.
Lower the
information density!

2.
The News Show: Set the
editors free!
(on all platforms)

17


Basic principles of journalistic
presentation

Developed on print

18


Free for what?
1. Free to create DRAMA

19



20


21


22


23


24


25


26


27


28


The problem:
Binary solution: Normal template
vs. Dramatic template

The solution:
Move the template to the
article level

29


A. Free to create DRAMA

30


A. Free to create DRAMA

31


Create drama when needed: How to create drama

32



33


Free for what?
2. Free to highlight the best
element

34


B. Free to highlight the best element
Newspapers know how to highlight
the best element of an article

35


The Problem: Many sites have a ﬁxed template that cannot change

Main
headline,
under
headline, links

or
Pic. o
Vide

What if this article has an amazing pic?

Small headline
with pic.

36



37



38


Highlight the best element: How to do it

39


Free for what?
element
3. Free to create information
packages

40


C. Free to create information packages

The information is fragmented - people don’t
like to read extremely long stories
The reader/user can decide what angle
interests him
He easily sees the volume of the information
created
It enables to catch a bigger area
Effectively works as a “mind map”

41


Enable the ﬂexible 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


homepage

43


homepage

44



45

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


Free for what?
element
3. Free to create information
packages
... and more
47


48


49


INTEGRATE
ADS

50


1. 2.
Lower the The News Show:
information density! Set the editors free!

3.
Results

51


Results
(launched 9 months ago)

- Average time on homepage:
9 minutes
- Tens of thousands uniques a
day, the record: 300K
- Fast and substantial brand
recognition with ZERO
marketing budget

52


Results

9 minutes
marketing budget
- Amazing welcome to the
website and its design

53


54


Results

9 minutes
marketing budget
- Amazing welcome to the
website and its design

55


1. 2.
3.
Results

4.
The Article Page as a
Homepage

56


57


58


1. 2.
3. 4. The Article Page
Results as a Homepage
(on all platforms)

Thank you

Grig Davidovitz
@grigdav
grig@rgbmedia.org

59

Grig Davidovitz, RGB Media

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (20)

Grig Davidovitz, RGB Media