Designing News12 Learnings in 12 Years
T-Online (2000-2004)
Pretty in PinkWebdesign is EngineeringIt is our job to find the right compromisesbetween function, technology and form.
Gaijinpot (2004-2006)
ReadabilityThe article page has one function: To be read.It’s the atom of a news site.Screen typography is hard, in some w...
Das Magazin (2007)
Information ArchitectureMental Model: Know what the user expects.It does help if you are a user, but it mightalso blind yo...
FACTS (2007)
Medium and MessagePrint, TV and Radio are passive media. Onthe Web you work with information.Think telephone, not remote c...
Tagesanzeiger (2008)
SuccessSuccessful products do not fulfill needs, theyexceed expectations.You can’t measure your success with designawards,...
iA Kunden, zusammengenommen               2010    PIs/Jahr Reichweite               5’500’000’000               Twitter: 3...
Krone.at (2010)
Interaction DesignMost of what you’ll do is trying to reduce. Nomatter how thought through your ideas are,you will fail, i...
But...
You can change processes if you understand them.
ZEIT ONLINE (2009)
Information & PowerNewsdesign is a power battleInformation systems improve when theirhandling becomes simpler. This applie...
SZ Magazin on iPad (2010)
Mind the gap!
iPad adaption ZEIT ONLINE (2011)
NewsportalNews Layouts follow two patterns. Either they tryto immitate the multi colum layout of traditionalnewspapers (NY...
Salzburger Anzeiger (2011)
FocusThe user interface doesn’t connect eye andscreen, it links head and hand.News design is not about shaping surfacesbut...
Golem (2011)
Responsive design,      Zeit.de (Designkonzept 2008)       Informationarchitects.jp (Designkonzept 2009)mobile first.Our fir...
SBS (2011)
Design ProcessPaper is good for sketching out ideas. The restshould happen in the medium you work for.1. Wire frames: Pape...
Thank you.
Oliver Reichenstein's presentation to #MozNewsLab
Oliver Reichenstein's presentation to #MozNewsLab
Oliver Reichenstein's presentation to #MozNewsLab
Oliver Reichenstein's presentation to #MozNewsLab
Upcoming SlideShare
Loading in …5
×

Oliver Reichenstein's presentation to #MozNewsLab

3,760 views
3,237 views

Published on

Oliver Reichenstein's presentation to #MozNewsLab

Published in: Education, Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,760
On SlideShare
0
From Embeds
0
Number of Embeds
82
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Oliver Reichenstein's presentation to #MozNewsLab

  1. 1. Designing News12 Learnings in 12 Years
  2. 2. T-Online (2000-2004)
  3. 3. Pretty in PinkWebdesign is EngineeringIt is our job to find the right compromisesbetween function, technology and form.
  4. 4. Gaijinpot (2004-2006)
  5. 5. ReadabilityThe article page has one function: To be read.It’s the atom of a news site.Screen typography is hard, in some waysmaybe even harder than print typography,because its rules are liquid.
  6. 6. Das Magazin (2007)
  7. 7. Information ArchitectureMental Model: Know what the user expects.It does help if you are a user, but it mightalso blind you.Content Model: Study the client’s needscarefully. Spend less time talking to him andmore being talked to by him.You solution should be a pleasant surprisefor both user and client.
  8. 8. FACTS (2007)
  9. 9. Medium and MessagePrint, TV and Radio are passive media. Onthe Web you work with information.Think telephone, not remote control. Also:mind anonymous callers; not every user is afriend.
  10. 10. Tagesanzeiger (2008)
  11. 11. SuccessSuccessful products do not fulfill needs, theyexceed expectations.You can’t measure your success with designawards, you measure it in numbers.
  12. 12. iA Kunden, zusammengenommen 2010 PIs/Jahr Reichweite 5’500’000’000 Twitter: 32’000 Followers. RSS: 12’000 Subscribers. Newsletter: 10,000 Subscribers. iAWriter: 120,000 Nutzer. Tagesanzeiger.ch 06/2007 06/2011Visits/Monat 4’500’000 14’000’000 PIs/Monat 30’000’000 80’000’000 Zeit.de 06/2009 06/2011Visits/Monat 10’000’000 20’000’000 PIs/Monat 65’000’000 90’000’000
  13. 13. Krone.at (2010)
  14. 14. Interaction DesignMost of what you’ll do is trying to reduce. Nomatter how thought through your ideas are,you will fail, if you don’t start building yourgrids based on ad formats.
  15. 15. But...
  16. 16. You can change processes if you understand them.
  17. 17. ZEIT ONLINE (2009)
  18. 18. Information & PowerNewsdesign is a power battleInformation systems improve when theirhandling becomes simpler. This applies toFrontend, backend and corporate processes.The design of news sites degrades to weirdcosmetics if you don’t have direct access tothe top decision makers.
  19. 19. SZ Magazin on iPad (2010)
  20. 20. Mind the gap!
  21. 21. iPad adaption ZEIT ONLINE (2011)
  22. 22. NewsportalNews Layouts follow two patterns. Either they tryto immitate the multi colum layout of traditionalnewspapers (NYT) or they look like blogs (seeTechcrunch).You don’t have much choice to begin with, butwhatever you do, make the pictures big and thetexts short.
  23. 23. Salzburger Anzeiger (2011)
  24. 24. FocusThe user interface doesn’t connect eye andscreen, it links head and hand.News design is not about shaping surfacesbut complex processes.
  25. 25. Golem (2011)
  26. 26. Responsive design, Zeit.de (Designkonzept 2008) Informationarchitects.jp (Designkonzept 2009)mobile first.Our first responsivedesign concept wasZeit Online in 2008.Since then all of ourprojects are. The Brander (Designkonzept 2010) Golem.de (Designkonzept 2011)
  27. 27. SBS (2011)
  28. 28. Design ProcessPaper is good for sketching out ideas. The restshould happen in the medium you work for.1. Wire frames: Paper, White board, Fireworks2. Interaction design: HTML prototype3. Information design: HTML prototype4. Look & feel: Fireworks, HTML prototype
  29. 29. Thank you.

×