CLIENT

MTV

ROLE

UI, QA

WEBSITE

 

The MTV News Team covers news from a variety of topics from music, politics, style, celebrity, and more. As part of their strategy, the editorial team wanted to feature the more relevant and long-form content from writers at the top of the page to make it more available to users while also keeping it differentiated from the latest news.

Our inspiration for redesigning this experience was under the theory that our users benefited more from finding content through better scanability. Since the majority of the news content used people and faces in the featured images, they were being forced to read the headlines for information instead of being able to quickly scan images for content relevant to their interests. By rearranging the content to keep the headline large and prominent while still connected to the headline's block, and without covering the eyes of faces, the click-through rate of featured posts drastically increased, driving more traffic to the promoted posts.

desktop-mtv-promoted-posts2desktop-mtv-promoted-posts2
desktop-screens-mtv-promoted-postsdesktop-screens-mtv-promoted-posts

A/B Testing

As mobile is the main source of traffic for MTV News, we started testing a variety of solutions for the News Hub Promoted Posts via the mobile site. After conducting multiple A/B tests with designs that had the headline moved, carousels, blended content, and labeled flags, our tests proved that the easiest scanability for our users was moving the headline off of the image.

promoted-posts-mobilepromoted-posts-mobile
[unex_ce_button id="content_kxuyoynjl" button_text_color="#ff6464" button_font="semibold" button_font_size="15px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="#ffffff" button_padding="15px 60px 15px 60px" button_border_width="0px" button_border_color="#000000" button_border_radius="0px" button_text_hover_color="#ffffff" button_text_spacing_hover="2px" button_bg_hover_color="#000000" button_border_hover_color="#000000" button_link="http://www.mtv.com/news/" button_link_type="url" button_link_target="_blank" has_container="1" in_column=""]VISIT MTV.COM/NEWS[/ce_button]