Mary Lim

Tuesday, January 27, 2015

ia: ny times & usa today

Analyzing the user path and overall experience of the same article, "NFL Found 11 of 12 Patriots Footballs Underinflated" on both NY Times and USA Today:

NY TIMES

Text heavy page, feels overwhelming already. I did notice that it keeps to the look and feel of a print newspaper, with columns and minimal use of color.


All the links are at the top, but there is another button called "sections." The very top bar stays constant on each page.

I found the search bar and typed in the article name


The search results suddenly break from the style of the overall website, and looks default-y, generic. A different typeface is used. The blue text reminds me of google searches.

After selecting the article, the format breaks from the home page. Though the top bar remains constant, it feels like I'm on a different website. One interesting motion though, is how the additional articles at the top fade in from the right. 


When one hovers over the additional articles, arrows appear, allowing the user to scroll through


To go to a different category, there's a "sections" button. Though convenient, it's a bit ambiguous as to what it is. The user may feel a bit "trapped" in the article. It appears too much like a list and does not allow the user to freely move between sections. 


The article caters to social media so that the user can both read the article and share it. 


Once you move down the article, the top bar includes social media icons to make it accessible.


More articles and links related to the section are found at the bottom of the page






Once the user finishes the article and would like to move on, they can hover over the arrow on the right/left to a new article.








USA TODAY

User friendly website. It seems designed for phones and tablets because of the arrows on the right and left (mimicking a swiping motion). The categories are color-coded. The black indicates content, while the white indicates the space where the content is held; The user clearly sees the difference.

Hovering over the arrow prompts what section is next. 



The movement to another section is clean and quick. It swipes over to the left and right.





After searching the article, a grid appears and now the background is a dark grey instead of white. The user feels like they are now within the content. It is also not required to click on an arrow to the next page of results because it continues to load while you scroll


Hovering over each article gives the title and the description. The box changes into a lighter grey and removes the image.


Selecting the article makes it expand and open up. The opacity gradually becomes more opaque until it reaches its full size.  



It also has an ex-out button on the right, top corner, giving the user the feeling that it is separate and specific content.

Icons are on the left side of the article as well as at the beginning of the article. 









When one continues to scroll down, the social media icons stays fixed at the side. The article also is an endless scroll down, as opposed to having to click an arrow to the next page.



No comments:

Post a Comment