SlideShare a Scribd company logo
1 of 14
Download to read offline
Setting guidelines on how
to design the news online.
Portuguese online newspapers and
their spanish, argentinian and brazilian
counterparts
ISOJ’09. Austin, TEXAS.
Nuno Vargas, University of Barcelona.
Over a decade has passed
since the beginning of
online newspapers
There is still no designer handbook
for presenting the information to the
users.
ISOJ’09. Austin, TEXAS.
Nuno Vargas, University of Barcelona.
Some ideas:
>reasons for making design decisions were (due to)
technical constraints, business decisions or adoption
of the printed paper rules.
>there are various itens that are rapidly becoming
default on online newspapers. Being those video,
animated graphics, sound bytes or slide shows
>users rapidly master ways of scanning information
online that didn't existed before
ISOJ’09. Austin, TEXAS.
Nuno Vargas, University of Barcelona.
Some (old) problems:
>the level of design on online newspaper is steadily
in an ever changing mode. We’re still in between
keeping the paper metaphor or going plain web.
We need to embrace the Internet as a different
medium.
>concepts as information architecture, user interface,
design and user generated content should work
together on an online version that it is utterly different
from the printed one.
ISOJ’09. Austin, TEXAS.
Nuno Vargas, University of Barcelona.
Some (wise) guidelines:
>use similar codes for clickable areas and navigation
systems standards.
>let users take full control of the interaction process
and allow them to engage.
>You are now designing more than just the product.
You are also designing the use of that product.
>use the information available: Eyetrack™ and other
users feedback and adapt it to your project.
ISOJ’09. Austin, TEXAS.
Nuno Vargas, University of Barcelona.
8 Online Newspapers:
>Portugal> publico.pt + jn.pt
>Spain> elpais.com + elmundo.es
>Brazil> estadao.com.br + folha.com.br
>Argentina> lanacion.com.ar + clarim.com
ISOJ’09. Austin, TEXAS.
Nuno Vargas, University of Barcelona.
8 Online Newspapers:
ISOJ’09. Austin, TEXAS.
Nuno Vargas, University of Barcelona.
ISOJ’09. Austin, TEXAS.
Nuno Vargas, University of Barcelona.
ISOJ’09. Austin, TEXAS.
Nuno Vargas, University of Barcelona.
Conclusions (I):
>all use a 3 column semi-flexible structure
>video is present in all papers but integrated
as “normal” news in only 5.
>graphics are present in 3 newspapers
>only 5 present a clear an uncluttered
navigation “path”.
>only 3 use a flexible modular grid
ISOJ’09. Austin, TEXAS.
Nuno Vargas, University of Barcelona.
Conclusions (II):
>a lot of the multimedia features are not
fully integrated.
>the capabilities of the medium have not
been fully explored
>there’s a (huge) lack of IA driven decisions
>there is not still a clear notion of “the user”.
ISOJ’09. Austin, TEXAS.
Nuno Vargas, University of Barcelona.
So…
Produce good stories
Make them engaging (and update
them) and fun to play with.
ISOJ’09. Austin, TEXAS.
Nuno Vargas, University of Barcelona.
So…
Produce good stories
Make them engaging (and update
them)
Try, try, try.
Always give the best of you and
make sure you have fun!
ISOJ’09. Austin, TEXAS.
Nuno Vargas, University of Barcelona.
Thank you!
Obrigado!
Gracias!
vargasbarcelona@gmail.com
ISOJ’09. Austin, TEXAS.
Nuno Vargas, University of Barcelona.

More Related Content

Similar to Vargas. 2009.

CV in English, Long Form
CV in English, Long FormCV in English, Long Form
CV in English, Long FormJulio dos Anjos
 
Historyinpictures
HistoryinpicturesHistoryinpictures
Historyinpicturesdharvey100
 
History In Pictures
History In PicturesHistory In Pictures
History In Picturesdharvey100
 
Educational Technology: History In Pictures
Educational Technology: History In PicturesEducational Technology: History In Pictures
Educational Technology: History In Picturesdharvey100
 
Educational Technology: History In Pictures
Educational Technology: History In PicturesEducational Technology: History In Pictures
Educational Technology: History In Picturesdharvey100
 
iScrumBoard, work in progress by PCSol - English version
iScrumBoard, work in progress by PCSol - English versioniScrumBoard, work in progress by PCSol - English version
iScrumBoard, work in progress by PCSol - English versionPCSol SA
 
Visual Product Identification For Blind Peoples
Visual Product Identification For Blind PeoplesVisual Product Identification For Blind Peoples
Visual Product Identification For Blind PeoplesIRJET Journal
 
MyUWO - Student Portal
MyUWO - Student PortalMyUWO - Student Portal
MyUWO - Student Portaljoshdean
 
UX at emergent market in Brazil
UX at emergent market in Brazil UX at emergent market in Brazil
UX at emergent market in Brazil Erico Fileno
 
New tech trends 2016 - How new tech is impacting society around the world
New tech trends 2016 - How new tech is impacting society around the worldNew tech trends 2016 - How new tech is impacting society around the world
New tech trends 2016 - How new tech is impacting society around the worldMinter Dial
 
A Pilot Study Of Homeworking WorkHouse (30)
A Pilot Study Of Homeworking  WorkHouse (30)A Pilot Study Of Homeworking  WorkHouse (30)
A Pilot Study Of Homeworking WorkHouse (30)Scott Bou
 
Martin P. Bates - Interfacing PIC Microcontrollers_ Embedded Design by Intera...
Martin P. Bates - Interfacing PIC Microcontrollers_ Embedded Design by Intera...Martin P. Bates - Interfacing PIC Microcontrollers_ Embedded Design by Intera...
Martin P. Bates - Interfacing PIC Microcontrollers_ Embedded Design by Intera...ssusercf2bc0
 
SCC2011 - Talking about e-Science in a virtual world
SCC2011 - Talking about e-Science in a virtual worldSCC2011 - Talking about e-Science in a virtual world
SCC2011 - Talking about e-Science in a virtual worldBritish Science Association
 

Similar to Vargas. 2009. (20)

CV in English, Long Form
CV in English, Long FormCV in English, Long Form
CV in English, Long Form
 
Historyinpictures
HistoryinpicturesHistoryinpictures
Historyinpictures
 
Vargas. 2010.
Vargas. 2010.Vargas. 2010.
Vargas. 2010.
 
History In Pictures
History In PicturesHistory In Pictures
History In Pictures
 
Educational Technology: History In Pictures
Educational Technology: History In PicturesEducational Technology: History In Pictures
Educational Technology: History In Pictures
 
Educational Technology: History In Pictures
Educational Technology: History In PicturesEducational Technology: History In Pictures
Educational Technology: History In Pictures
 
iScrumBoard, work in progress by PCSol - English version
iScrumBoard, work in progress by PCSol - English versioniScrumBoard, work in progress by PCSol - English version
iScrumBoard, work in progress by PCSol - English version
 
Janus conf'19: janus client side
Janus conf'19:  janus client sideJanus conf'19:  janus client side
Janus conf'19: janus client side
 
AEGIS Newsletter n° 6
AEGIS Newsletter n° 6AEGIS Newsletter n° 6
AEGIS Newsletter n° 6
 
Newsletter 6 AEGIS project
Newsletter 6 AEGIS projectNewsletter 6 AEGIS project
Newsletter 6 AEGIS project
 
Visual Product Identification For Blind Peoples
Visual Product Identification For Blind PeoplesVisual Product Identification For Blind Peoples
Visual Product Identification For Blind Peoples
 
MyUWO - Student Portal
MyUWO - Student PortalMyUWO - Student Portal
MyUWO - Student Portal
 
UX at emergent market in Brazil
UX at emergent market in Brazil UX at emergent market in Brazil
UX at emergent market in Brazil
 
New tech trends 2016 - How new tech is impacting society around the world
New tech trends 2016 - How new tech is impacting society around the worldNew tech trends 2016 - How new tech is impacting society around the world
New tech trends 2016 - How new tech is impacting society around the world
 
A Pilot Study Of Homeworking WorkHouse (30)
A Pilot Study Of Homeworking  WorkHouse (30)A Pilot Study Of Homeworking  WorkHouse (30)
A Pilot Study Of Homeworking WorkHouse (30)
 
Martin P. Bates - Interfacing PIC Microcontrollers_ Embedded Design by Intera...
Martin P. Bates - Interfacing PIC Microcontrollers_ Embedded Design by Intera...Martin P. Bates - Interfacing PIC Microcontrollers_ Embedded Design by Intera...
Martin P. Bates - Interfacing PIC Microcontrollers_ Embedded Design by Intera...
 
Usp2003 ud sfsu
Usp2003 ud sfsuUsp2003 ud sfsu
Usp2003 ud sfsu
 
SCC2011 - Talking about e-Science in a virtual world
SCC2011 - Talking about e-Science in a virtual worldSCC2011 - Talking about e-Science in a virtual world
SCC2011 - Talking about e-Science in a virtual world
 
Sixth sense
Sixth senseSixth sense
Sixth sense
 
Webcasting PP
Webcasting PPWebcasting PP
Webcasting PP
 

More from Knight Center (20)

Martin
MartinMartin
Martin
 
Britt
BrittBritt
Britt
 
Joseph yoo
Joseph yooJoseph yoo
Joseph yoo
 
Singer
SingerSinger
Singer
 
Ramirez
RamirezRamirez
Ramirez
 
Griggs
GriggsGriggs
Griggs
 
Ting tingchia
Ting tingchiaTing tingchia
Ting tingchia
 
Symson
SymsonSymson
Symson
 
Garcia ruiz
Garcia ruizGarcia ruiz
Garcia ruiz
 
Brundrett. 2015
Brundrett. 2015Brundrett. 2015
Brundrett. 2015
 
J moroney
J moroneyJ moroney
J moroney
 
Collins
CollinsCollins
Collins
 
Ray
RayRay
Ray
 
Owen
OwenOwen
Owen
 
Royal blasingame
Royal blasingameRoyal blasingame
Royal blasingame
 
Diakopoulos
DiakopoulosDiakopoulos
Diakopoulos
 
Scacco
ScaccoScacco
Scacco
 
Havlak
HavlakHavlak
Havlak
 
Lee
LeeLee
Lee
 
Hernandez
HernandezHernandez
Hernandez
 

Recently uploaded

Geostrategic significance of South Asian countries.ppt
Geostrategic significance of South Asian countries.pptGeostrategic significance of South Asian countries.ppt
Geostrategic significance of South Asian countries.pptUsmanKaran
 
57 Bidens Annihilation Nation Policy.pdf
57 Bidens Annihilation Nation Policy.pdf57 Bidens Annihilation Nation Policy.pdf
57 Bidens Annihilation Nation Policy.pdfGerald Furnkranz
 
Foreign Relation of Pakistan with Neighboring Countries.pptx
Foreign Relation of Pakistan with Neighboring Countries.pptxForeign Relation of Pakistan with Neighboring Countries.pptx
Foreign Relation of Pakistan with Neighboring Countries.pptxunark75
 
Global Terrorism and its types and prevention ppt.
Global Terrorism and its types and prevention ppt.Global Terrorism and its types and prevention ppt.
Global Terrorism and its types and prevention ppt.NaveedKhaskheli1
 
Political-Ideologies-and-The-Movements.pptx
Political-Ideologies-and-The-Movements.pptxPolitical-Ideologies-and-The-Movements.pptx
Political-Ideologies-and-The-Movements.pptxSasikiranMarri
 
IndiaWest: Your Trusted Source for Today's Global News
IndiaWest: Your Trusted Source for Today's Global NewsIndiaWest: Your Trusted Source for Today's Global News
IndiaWest: Your Trusted Source for Today's Global NewsIndiaWest2
 
15042024_First India Newspaper Jaipur.pdf
15042024_First India Newspaper Jaipur.pdf15042024_First India Newspaper Jaipur.pdf
15042024_First India Newspaper Jaipur.pdfFIRST INDIA
 
Rohan Jaitley: Central Gov't Standing Counsel for Justice
Rohan Jaitley: Central Gov't Standing Counsel for JusticeRohan Jaitley: Central Gov't Standing Counsel for Justice
Rohan Jaitley: Central Gov't Standing Counsel for JusticeAbdulGhani778830
 
16042024_First India Newspaper Jaipur.pdf
16042024_First India Newspaper Jaipur.pdf16042024_First India Newspaper Jaipur.pdf
16042024_First India Newspaper Jaipur.pdfFIRST INDIA
 

Recently uploaded (9)

Geostrategic significance of South Asian countries.ppt
Geostrategic significance of South Asian countries.pptGeostrategic significance of South Asian countries.ppt
Geostrategic significance of South Asian countries.ppt
 
57 Bidens Annihilation Nation Policy.pdf
57 Bidens Annihilation Nation Policy.pdf57 Bidens Annihilation Nation Policy.pdf
57 Bidens Annihilation Nation Policy.pdf
 
Foreign Relation of Pakistan with Neighboring Countries.pptx
Foreign Relation of Pakistan with Neighboring Countries.pptxForeign Relation of Pakistan with Neighboring Countries.pptx
Foreign Relation of Pakistan with Neighboring Countries.pptx
 
Global Terrorism and its types and prevention ppt.
Global Terrorism and its types and prevention ppt.Global Terrorism and its types and prevention ppt.
Global Terrorism and its types and prevention ppt.
 
Political-Ideologies-and-The-Movements.pptx
Political-Ideologies-and-The-Movements.pptxPolitical-Ideologies-and-The-Movements.pptx
Political-Ideologies-and-The-Movements.pptx
 
IndiaWest: Your Trusted Source for Today's Global News
IndiaWest: Your Trusted Source for Today's Global NewsIndiaWest: Your Trusted Source for Today's Global News
IndiaWest: Your Trusted Source for Today's Global News
 
15042024_First India Newspaper Jaipur.pdf
15042024_First India Newspaper Jaipur.pdf15042024_First India Newspaper Jaipur.pdf
15042024_First India Newspaper Jaipur.pdf
 
Rohan Jaitley: Central Gov't Standing Counsel for Justice
Rohan Jaitley: Central Gov't Standing Counsel for JusticeRohan Jaitley: Central Gov't Standing Counsel for Justice
Rohan Jaitley: Central Gov't Standing Counsel for Justice
 
16042024_First India Newspaper Jaipur.pdf
16042024_First India Newspaper Jaipur.pdf16042024_First India Newspaper Jaipur.pdf
16042024_First India Newspaper Jaipur.pdf
 

Vargas. 2009.

  • 1. Setting guidelines on how to design the news online. Portuguese online newspapers and their spanish, argentinian and brazilian counterparts ISOJ’09. Austin, TEXAS. Nuno Vargas, University of Barcelona.
  • 2. Over a decade has passed since the beginning of online newspapers There is still no designer handbook for presenting the information to the users. ISOJ’09. Austin, TEXAS. Nuno Vargas, University of Barcelona.
  • 3. Some ideas: >reasons for making design decisions were (due to) technical constraints, business decisions or adoption of the printed paper rules. >there are various itens that are rapidly becoming default on online newspapers. Being those video, animated graphics, sound bytes or slide shows >users rapidly master ways of scanning information online that didn't existed before ISOJ’09. Austin, TEXAS. Nuno Vargas, University of Barcelona.
  • 4. Some (old) problems: >the level of design on online newspaper is steadily in an ever changing mode. We’re still in between keeping the paper metaphor or going plain web. We need to embrace the Internet as a different medium. >concepts as information architecture, user interface, design and user generated content should work together on an online version that it is utterly different from the printed one. ISOJ’09. Austin, TEXAS. Nuno Vargas, University of Barcelona.
  • 5. Some (wise) guidelines: >use similar codes for clickable areas and navigation systems standards. >let users take full control of the interaction process and allow them to engage. >You are now designing more than just the product. You are also designing the use of that product. >use the information available: Eyetrack™ and other users feedback and adapt it to your project. ISOJ’09. Austin, TEXAS. Nuno Vargas, University of Barcelona.
  • 6. 8 Online Newspapers: >Portugal> publico.pt + jn.pt >Spain> elpais.com + elmundo.es >Brazil> estadao.com.br + folha.com.br >Argentina> lanacion.com.ar + clarim.com ISOJ’09. Austin, TEXAS. Nuno Vargas, University of Barcelona.
  • 7. 8 Online Newspapers: ISOJ’09. Austin, TEXAS. Nuno Vargas, University of Barcelona.
  • 8. ISOJ’09. Austin, TEXAS. Nuno Vargas, University of Barcelona.
  • 9. ISOJ’09. Austin, TEXAS. Nuno Vargas, University of Barcelona.
  • 10. Conclusions (I): >all use a 3 column semi-flexible structure >video is present in all papers but integrated as “normal” news in only 5. >graphics are present in 3 newspapers >only 5 present a clear an uncluttered navigation “path”. >only 3 use a flexible modular grid ISOJ’09. Austin, TEXAS. Nuno Vargas, University of Barcelona.
  • 11. Conclusions (II): >a lot of the multimedia features are not fully integrated. >the capabilities of the medium have not been fully explored >there’s a (huge) lack of IA driven decisions >there is not still a clear notion of “the user”. ISOJ’09. Austin, TEXAS. Nuno Vargas, University of Barcelona.
  • 12. So… Produce good stories Make them engaging (and update them) and fun to play with. ISOJ’09. Austin, TEXAS. Nuno Vargas, University of Barcelona.
  • 13. So… Produce good stories Make them engaging (and update them) Try, try, try. Always give the best of you and make sure you have fun! ISOJ’09. Austin, TEXAS. Nuno Vargas, University of Barcelona.