Fast Company Homepage This ad is very distracting and grabs the viewer attention more than the logo and navigation. It could cause the user to overloo

Size: px

Start display at page:

Download "Fast Company Homepage This ad is very distracting and grabs the viewer attention more than the logo and navigation. It could cause the user to overloo"

Melina Austin
5 years ago
Views:

1 Competitive Review Fast Company Homepage Doing well: It has a bold and modern feel that appeals to the internet audience. Doing poorly: The layout is confusing as to which elements match up and it's unclear what to look at. The heavy imagery is not good for mobile viewing. Opportunities: We'll explore a balance between imagery and content for creating impact. Fast Company Article Fast Company Responsive Mashable Article Mashable Homepage Doing well: The article pages have good elements like large headlines, author image, and images in the text. Doing poorly: It has ads that are interspersed throughout the page and disrupt the flow for the user. It has a lot of decoration that creates visual noise. Opportunities: We'll explore creating a rich content experience without being cluttered. Mashable Responsive Vox Homepage Doing well: It has bold and engaging article pages with pull quotes and images within the copy. Doing poorly: It lacks consistency and organization on the homepage. Opportunities: We'll explore ways to keep articles engaging and easy to scan (not just big chunks of text) and carry that through to social media. Vox Article Vox Responsive

2 Fast Company Homepage This ad is very distracting and grabs the viewer attention more than the logo and navigation. It could cause the user to overlook the navigation. The main navigation is a bit small, gets lost, and is hard to see. This large visual does a good job capturing the viewer's attention. It's hard to tell this link and description is associated with the image above. The all caps here is not friendly and inviting to read, users will be less likely to stop and view it. 6 These quick links are a good way to help users navigate into the site. okay By Brady Pierzchalski 7 These simple links to social media 6 show how many people have already emerged with the article encourages views to also participate. 8 I'm unsure as to whether these links 7 belong to the article above, or below. By 8

3 Fast Company Homepage Some area By 0 By By empty By

4 Fast Company Article The typography here is hard to read, it could use some more letter spacing. By The subheads are small. It would be more helpful if subheads divided the text better so readers can scan the article easier. The right sidebar has stronger visual presence. It draws and distracts the reader from the main content. Yikes!! By

5 Fast Company Article Clear and concise call to action are a good size and give readers a few options to share the article after reading. Compact yet visually engaging suggested articles help users continue to navigate the site.

6 Fast Company Article Really? I wasn't aware of this... By really...? By

7 Fast Company Responsive Clear icon for more navigation, tells the users to tap for more links. That arrow is a bit unclear to me. By Responsive functionality allows users to to view the site of multiple sized devices. cool! By Okay, this makes sense... but I didn't see a text box appear for annotation. Weird. By hmmm... two s? By back on track with #! By

8 Mashable Article 9 8 Very clear headline helps users know exactly what page they're on. It's interesting to see the number of followers they have, it signals to reader the popularity of the site and encourages them to also follow. Large number showing off the amount of shares this article has tells 0 the user how popular and worth reading the article is. This graph that shows how quickly 7 people are sharing this article. It quickly informs the reader and encourages the reader to also share. Picture and name of writer helps make the article more personable and makes it easy for readers to find more 6 6 articles by the same writer. Images that break up the article makes it easier to scan and not as dense with copy. 7 So many ads on the side cause readers to just ignore this section even though there might be useful content here. 8 ghghghgj By 9 wow By 0 flood everywhere By

9 Mashable Article

10 Mashable Homepage This colored element emphasizes this column and draws the users attention here. Small links to the side are easy to miss especially since the large articles links and ads on the right require the user to scroll down a lot. Hierarchy and spacing of the layout is confusing making it hard to know what's to look at first. This ad is very tall causing user to scroll a lot to skip it and it takes a lot of space in the middle of the page. This ad shape takes up and wastes a lot of space on the sides.

11 Mashable Homepage

12 Mashable Responsive Responsive functionality allows users to to view the site of multiple sized devices. The navigation link "More" makes it very clear and tells the users to tap for more links. Ads take up a lot of the page which will most likely annoy and confuse readers.

Vox Homepage This only calls up a login CTA, which is underwhelming. This site is one long page without any navigation makes it hard to jump to sections of the site.

13 Vox Homepage This only calls up a login CTA, which is underwhelming. This site is one long page without any navigation makes it hard to jump to sections of the site. Inviting and bold features section make users want to click on articles. Using brand-like fonts creates continuity. The text itself is confusing, feels like they're trying too hard. Variety of block styles keep users intrigued and scrolling down the page. At some point the styles get a bit too disparate and users may lose sense 6 of what the styles mean. I like this part thing By me too! By 6

14 Vox Homepage The organization is very confusing. Though these items appear to be under the Videos section, they are not all actually videos.

15 Vox Homepage

16 Vox Homepage

Vox Article Very clear headline helps users know exactly what page they're on. Unified social sharing buttons look really clean and don't distract from the main focus.

17 Vox Article Very clear headline helps users know exactly what page they're on. Unified social sharing buttons look really clean and don't distract from the main focus. Pull quotes from the article work well to help readers skim the text and capture their attention. Type size and line length are easy to stay with for a long time. Images within the article help break up the text and give readers something visual to look at.

18 Vox Article Suggested articles help give users more options to read. It could be more engaging if there were thumbnail images. Repeating the social sharing at the bottom reminds users to share and helps make it easy for them.

19 Vox Responsive Bold headline works really well, it's clear and legible. The two column layout works well for the responsive tablet sized view. These feature boxes seem to be too tall and takes up more space than it needs to. This makes the user need to swipe a lot to see the content. By aaaaaa By a By

21 Vox Responsive

Good Publication Design

Good Publication Design The top ten tips for creating professional print documents How do I create a well-designed print publication? Good publication design is an art form. Attractively presenting written