USA TODAY LIFE 

mobile experience

bannerbanner

Working with the fabulous Ethelia Lung, we worked together to leverage USA TODAY’s established reputation as a trustworthy news source to create a fresh, accessible experience designed for a new, younger generation

client

School Project 
Working with Partners & Napier

duration

12 weeks

role

Group Project, 
Research, Concepting, Wireframing, Design, Prototyping

[unex_ce_button id="content_gebx5eb7h" button_text_color="#7841e5" button_font="bold" button_font_size="14px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="#ffffff" button_padding="15px 60px 15px 60px" button_border_width="1px" button_border_color="#7841e5" button_border_radius="0px" button_text_hover_color="#aec0c9" button_text_spacing_hover="2px" button_bg_hover_color="#ffffff" button_border_hover_color="#aec0c9" button_link="http://aml8069.cias.rit.edu/wordpress/wp-content/uploads/2017/07/LungLee_USATODAY_deck_07.pdf" button_link_type="url" button_link_target="_blank" has_container="1" in_column=""]see process documentation →[/ce_button]

-

challenge

"How do we entice a younger generation to become more interested and invested in the news?"

USA today reaches an older demographic but misses out on an opportunity to expose a younger audience to relevant, trustworthy news.

users

The millennial generation is bombarded with a variety of news sources through numerous media outlets. Generally, this generation is skeptical of news, but their primary means of access is through social media. They are heavily accustomed to using their mobile devices, and are always on the go.

goals & objectives

We evaluated our user survey and competitive analysis, and used these to determine our goals and objectives:

easily browse content

Structure content in a way that encourages interaction, easy skimming, and accessible entry and exit points

 

organized saving

Enable users to effortlessly save and access their personal library of articles and saved topics

customized sharing

Empower the user to take control of their sharing experience, from the content they share to how they share it

-

look & feel

We wanted the visual design to represent USA TODAY and maintain it's trustworthy reputation. We pulled from it's current color coded system where USA TODAY LIFE is known to it's current users as being purple, but we wanted to give it a fresh makeover. 

moodboard-v3moodboard-v3
styles-03styles-03

-

solution

We sought out to create a culture and lifestyle news consumption experience that seamlessly fits into the user's everyday life, keeping the user up to date on current news in a flash.

I took ownership of Beast Mode, article page, and the customized sharing experience
Ethelia worked on Actionable Tooltip, Quick saving, user profile, and email newsletter
We collaborated on the home page and worked closely throughout the whole process, providing critiques and high fives

Beast Mode

FOR THE ON-THE-GO

People don't read articles fully anymore, they rely on skimming pull quotes and images. Acknowledging your busy context, Beast Mode provides a quick, digestible way to get your daily news.

 

Get the rundown in a flash ⚡️

It's as easy as swiping through key excerpts and pull quotes to get the full gist of the article, without having to spend more time than you have.

Customized Sharing

FOR THE OWNER

This generation likes to take ownership over things that they share to social media because it is a digital representation of themselves.

Take control over the snippets you share 🎨

This feature gives you control over the content that lives in your social media. We want to give you the ability to add your personal touch to the content that lives on your profile.

Quick Saving

FOR THE MULTI-TASKERS

When it comes to consuming articles, we often want to have the option to file things away for curation or for later reading.

Instantly save content 🔖

The flow intentionally separates bookmarking from adding to collections, so that bookmarking is instantaneous, whereas collecting requies more investment. 

Actionable Tooltip

FOR THE CLOSE READER

Some quotes stand out to us. Alongside saving things for later, this generation also appreciates the value of cherry-picking quotable snippets.

 

Save and share snippets directly💡

USA TODAY's readers appreciate journalistic integrity. Take control of your reading. Save and share what stands out to you.

Email Newsletter

FOR THE PRODUCTIVE

Newsletters provide a reliable way to receive new content, but they often clog and clutter your inbox. More often then not, the content isn't personalised for you. 

 

A modern, snappy take on a class 📨

USA TODAY does the serching for you, delivering the top 5 news articles that you are interested in.

final compsfinal comps

conclusion

Ethelia and I worked hard to create a USA TODAY Life experience that resonates with a young, fresh audience

Working closely, Ethelia and I were able to see our baby grow legs. From getting our hands dirty with basic user research, developing user personas and flows, to the early stages of prototyping, we got the opportunity to experience the design process as a team.

I was incredibly spoiled to have such a wonderful partner, learning how to collaborate and push each other along the way. We also had the amazing opportunity to work with a real client (and real client's feedback), learning how to take their advice and suggestions as well as present to real stake holders.

[unex_ce_button id="content_yeh519rrf" button_text_color="#7841e5" button_font="bold" button_font_size="14px" button_width="auto" button_alignment="center" button_text_spacing="2px" button_bg_color="#ffffff" button_padding="15px 60px 15px 60px" button_border_width="1px" button_border_color="#7841e5" button_border_radius="0px" button_text_hover_color="#aec0c9" button_text_spacing_hover="2px" button_bg_hover_color="#ffffff" button_border_hover_color="#aec0c9" button_link="http://aml8069.cias.rit.edu/wordpress/wp-content/uploads/2017/07/LungLee_USATODAY_deck_07.pdf" button_link_type="url" button_link_target="_blank" has_container="1" in_column=""]see process documentation →[/ce_button]

Thanks for checking this out!

Like what you see? View my other projects below →

[unex_ce_button id="content_98w866c19,column_content_09koc4l06" button_text_color="#000000" 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="#ffffff" button_border_radius="0px" button_text_hover_color="##29403A" button_text_spacing_hover="2px" button_bg_hover_color="#ffffff" button_border_hover_color="#ffffff" button_link="http://aml8069.cias.rit.edu/wordpress/work/humans-vs-zombies/" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]Previous Project:
Humans vs. Zombies[/ce_button]
[unex_ce_button id="content_98w866c19,column_content_h4badzjj5" button_text_color="#000000" 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="#ffffff" button_border_radius="0px" button_text_hover_color="#007aff" button_text_spacing_hover="2px" button_bg_hover_color="#ffffff" button_border_hover_color="#ffffff" button_link="http://aml8069.cias.rit.edu/wordpress/work/circles/" button_link_type="url" button_link_target="_self" has_container="" in_column="1"]Next Project:
Circles[/ce_button]