The Mario Blog
05.07.2014—6am
New Los Angeles Times website: innovative, inspiring

It's an aesthetic treat, functional and appropriate for what the  Los Angeles Times stands for. We take a look at this textbook case study of how the modern newspaper website should look.

Update #1: While flying Charlotte to New York City: Wednesday, May 7, 08:38

The new LA Times website: across platforms, responsive design

I was on my way to take a tour of the new Los Angeles Times website, but bumped into the Etihad Airlines ad and also took a tour of their  much viewed “suites” called The Residence: the world's first three-room cabin in the sky .

Both are innovative and inspire lean-back behavior.

Stretch out in one of those gorgeous beds Etihad is promoting, and, more importantly, relax and study what the Times has achieved with their newly unveiled website.

Exquisite comes to mind. Not a word I use often, and definitely not to describe newspaper websites. 

Here, utility meets aesthetics like we have not seen in a newspaper website in a long time. Easy and pleasant on the eyes but with a sense of urgency. Who said these two things could not be achieved at the same time?  

If Spring Cleaning is the time to clear out the clutter, those folks at latimes.com hired a full cleaning crew to do theirs.

White space makes an entrance and we welcome it: between labels and headlines, between headlines and summaries, and all around.

Let the eyes lean back while our minds lean forward: a combination that every web designer must remember.

Navigation is fun and innovative: I like the visual browser–touch it and you can navigate by photos in a mosaic. Nice touch.

The three essentials of website design

Find your neighborhood news

Sharelines: clever feature

Easy to find related stories

All good editorial design emphasizes appropriateness, a point of view (attitude?), and that instant moment where we associate the look & feel with the product. The new latimes.com excels in all three:

Appropriateness: The Los Angeles Times is an iconic daily newspaper. It is produced in Hollywood. It has a rich journalistic history. The new website says all of this in five seconds.

Point of view: Along the same lines, we see how the content flows here; I like that you can type the name of your neighborhood and explore relevant stories in it. Try Malibu! The point of view of an authoritative publication rings true here. One of the panels on the home page leads to The Homicide Report (just type in your neighborhood to get the data).

Look & Feel: It is elegant, classy and it reminds us that the Los Angeles Times is the newspaper for anyone who likes a serious, credible (but fun) read, highlighting its best writers with their photos in Times' Voices. It reassures us, with a section called LA Now, that it is all about the “now,” the latest news, in addition to all the other surprises its content offers.

In the “Uniqueness” department, there are two features I like a lot:  In Case You Missed It for those stories that may have passed us by, and Sharelines, a cool feature providing pre-composed tweets and Facebook posts for sharing stories we like (send it to friends, or post on social media).

The best surprise, in my view: that in 2014 a newspaper the size of the Los Angeles Times can stop and rethink its website to offer us a textbook example of how it can be done. From its sense of hierarchy, starting with Top News, to its iconic typefaces, LA Headline (Kis) and Belizio, to the layering of content and use of white space, every newspaper website designer should take a look.

While at it, and if you are a frequent traveler with me, picture yourself leaning back on one of those Etihad three-room cabins in the sky.

Two win win situations, the latimes.com and Etihad's three rooms with a sky view. Three wins if you count the revenue generated by the LA Times while fronting its new website with the Etihad advertisement.

Another view on latimes.com from the great Roger Black

Roger Black wil/l be my lunch companion today, as he visits New York City from his new home in Hong Kong: I asked him his thoughts about the new http://latimes.com

 

On the whole the typography is too heavy and too big. The attempt to leaven it with white space, just slows you down. The basic Vox.com-like stacking here is oddly confusing. When you actually get to a story on mobile, there is so much other stuff at the top (e.g., FB and Twitter sprites), that you are disinclined to read it.

There seems to be differentiation in the templates for opinion stories or features.
The visual browser is a good thing, but why does it go sideways, when everything else is vertical?
Had not thought that the strong and elegant display face designed by David Berlow for the Los Angeles Times, FB Kis, could be made to look lifeless and conventional.. But they succeeded.

Of related interest:

The Los Angeles Times reimagined

http://www.codeandtheory.com/things-we-make/the-los-angeles-times-reimagined

 

The evolution of the LA Times

https://vine.co/v/M6OF9rPDab0

TheMarioBlog post # 1481

Blog Post08.17.2017—1am
What’s your lead story right this minute?
Blog Post08.16.2017—1am
Panama’s La Prensa: workshop digital media, day 2
Blog Post08.15.2017—1am
Panama’s La Prensa: digital workshop
Blog Post08.14.2017—1am
Millennials still like their Facebook
Blog Post08.11.2017—1am
All about the Eclipse: the Times nailed it.
Blog Post08.10.2017—1am
It’s the Monocle printed newspaper again
Blog Post08.09.2017—1am
Who pays for news, and who believes the news? Report tells us
Blog Post08.08.2017—1am
Workshops: linear visual storytelling
Blog Post08.07.2017—1am
For newspaper print editions: the power of the headline
Blog Post08.04.2017—1am
Behold the iPad: it’s still part of the media quintet
Blog Post08.03.2017—1am
At the NYTimes: push for customized content moves forward
Blog Post08.02.2017—1am
The Mooch’s quick departure on the front pages
Blog Post08.01.2017—1am
At The New York Times: aggressively pushing digital subscriptions
Blog Post07.31.2017—1am
Thoughts while on vacation
Blog Post07.14.2017—1am
Local newspapers, new digital strategies that work
Blog Post07.13.2017—1am
The Donald Jr. Russian story: It’s somewhere on that front page
Blog Post07.12.2017—1am
Ecuador: where print still dominates
Blog Post07.11.2017—1am
Making those Tweets more graphic
Blog Post07.10.2017—1am
The pain of transformation begins with the people involved
Blog Post07.03.2017—1am
Gone to the beach!
Blog Post06.30.2017—1am
Latest EyeTrack study: how we read news on smartphones
Blog Post06.29.2017—1am
The yellow pages: yes, they are still around
Blog Post06.28.2017—1am
Tablets are nice, but those smartphones dominate
Blog Post06.27.2017—12am
Goldman Sachs and the economics of design
Blog Post06.26.2017—1am
Trump, lies and storytelling
Blog Post06.23.2017—1am
Here’s Exchange, the new Frere-Jones font: it projects calm, authority
Blog Post06.22.2017—1am
The word “redesign” should be retired
Blog Post06.21.2017—1am
IAPA’s Digital Summit 2017 opens today in Miami
Blog Post06.20.2017—1am
Senior citizens read news on their mobile platforms! Surprise!
Blog Post06.19.2017—1am
Italy: we create new logo for The Post Internazionale
Blog Post06.16.2017—1am
Forget the one headline fits all theory!
Blog Post06.15.2017—1am
Change in newsroom goes beyond just a protocol statement
Blog Post06.14.2017—12am
Telling the story with just quotes
Blog Post06.13.2017—12am
How US front pages displayed the Comey story
Blog Post06.12.2017—12am
Making those complicated Washington political stories more visually interesting.
Blog Post06.09.2017—1am
Attracting young audiences (2)–Snapchat Discover
Blog Post06.08.2017—1am
Montreal’s La Presse+ says adieu to print!
Blog Post06.07.2017—1am
Attracting those younger readers (1): one gift subscription at a time
Blog Post06.06.2017—1am
The battle for your ears
Blog Post06.05.2017—1am
Quick ways to tell stories
Contact us with speaking requests, questions or to discuss a project.