Blog Post #2: The New York Times

I chose to critique The New York Times‘ website as a whole. We all know that they often publish amazing interactive stories, but their website as a whole is also well designed.

Right off the bat, you see their iconic New York Times masthead in bold blackletter. Underneath are all the different sections of the website, of which there are many. Also, on the top left of the page, there is a pull out with all of the sections as well as the sub categories within those sections. This can make navigating their large website much quicker.

At the top of the home page they have a few of their lead stories running pretty big to grab attention. As you scroll down, the lesser or older stories are also listed under their sections. They have photos running with most of their lead stories to draw the reader in. They change up their type faces a lot depending on what type of story it is and how important it is. I like this because it makes it easier to tell the stories apart from each other.

As for Krug’s five guidelines for capturing reader attention, a visual hierarchy is created by the placement of the story, the size and font of the headline, and the size of the photo. The top of the page can become rather jumbled up because they are trying to fit so many stories in one area at the same time. From their standpoint, I’m sure they just want the viewer to see their story right away and click on it, but it can get confusing what is what. They don’t break up the stories into sections until the bottom of the home page. Of course, if you knew what you wanted to read, you could go directly to that section and you would know what you were going to get. It is very clear was to what is clickable. From what I could see, all of the links were bolded, drawing the eye there and making it easy to distinguish what you can click on. There is a lot going on, but I think their particular type is clean enough that it is readable. There aren’t too many ads, and for those reasons, I think that noise is kept to a minimum.

Overall I think that the page can be quite overwhelming because of all of the stories at once, but once you take some time to read around, it because clear what is what. The large bold headlines point out what are the important stories. Navigation to particular sections is very easy and convenient. Photos are used well to give some context to the story before you even read it. I think the design doesn’t deviate too far from Krug’s guidelines, which makes it an effective page.

Advertisements

One thought on “Blog Post #2: The New York Times

  1. I like the design of the homepage of The New York Times. It is clear, simple and user-friendly. As you suggested, the navigation bar at the top of the homepage can help the audiences easily find the sections that interest them the most.

    In addition, the visual hierarchy of the homepage is clear. Different sizes of photos and different fonts of headlines make it is easier for the readers to find the most important news at the first glance.

    They also take the advantages of “conventions.” Even though I am sure that some people think that this homepage is not fancy and interactive enough and the colors are boring, I appreciate the design as they are following the traditional format of newspapers and using only black and white. They somehow minimize the noise and help the audiences better focus on the stories. Besides, there are not a lot of advertisements that distract the readers.

    I also agree with you that the homepage is a little bit overwhelming, and as they do not break up the stories into sections at the top of the homepage, it may confuse the audiences. In addition, I think some of the photos are too small, as I even cannot figure not what the photos are about. I understand that they are trying to save the space and create a visual hierarchy, yet these small photos somehow distract me and make my reading experience less pleasant.

    Overall, I think it is a simple yet well-designed news website that meets Krug’s guideline.

    Like

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s