USA TODAY Mobile Experience

USA TODAY came to our class one day and asked us to help them with their goal of reaching their target demographic: millennials ages 22-35.


This audience is used to getting news from places like social media, podcasts, and blogs. USA TODAY's brand seems like just another dry, factual newspaper that does not suit their interests. I worked with a partner to create a mobile-first experience that delivers news in a form that is more relevant to millennials.

  • skills focused on
  • UX Design
  • UI Design
  • Prototype Animation

Research


Headline Topic Preview Picture Source

What influences you to read an article?

Topic or Headline

Although pictures and sources are quicker to analyze, content is most easily understood through words.

Whenever

When I get notifications

I have a specific time for it

When do you generally check the news?


Whenever

In my free time

Right before sleeping

On the way to a destination

While preparing for the day

While working on something else

At what point of the day do you check?


During free time

Most of the 29 surveyed millennials do not have a set time to sit down and check the news. They lead busy lives and will check at any small, idle moment, such as before bed or while riding a bus.




Finding



With such limited time, this demographic will not have the commitment to be fully engaged with the news. Therefore, we chose to focus on redesigning how bookmarking works. Since this action can be done in an instant, we can make the most of those small moments.


Current Interface






UI + UX Inspiration


Sidebar

Articles are posted in packages of five a day. This gives users an endpoint. They can complete their reading for the day and move on to other tasks.

Todoist

Users feel a sense of progress as they check off a task. Once they have completed all their tasks, they are rewarded with a feeling of accomplishment.

Flipboard

Articles are categorized into magazines. Magazines are collections of articles created by users. This organization component is the foundation of the app.

Wireframes

  • Onboarding
  • Bookmarking Articles
  • Reading Bookmarks
  • Playlists

Users can go through an onboarding process when they open the app for the first time. Here, they can set a goal of how many articles they want to read a day, which article topics will appear in their feed, and how much their feed will focus on local versus national news.

When users bookmark an opened article, they can save their spot by setting a point to start at the next time they open the article. Users can also choose a starting point for others when they share the article.

To prevent the user from forgetting about their bookmarks, the app will remind the user of the daily goal they set during onboarding and reward them for achieving it.

Users can browse through playlists of articles curated by USA TODAY on the playlists page. They can also make their own playlists and add articles from the home feed.


Hover over a hotspot for more details

Users can choose to go through the onboarding process or skip it to start reading.

Swiping up or down will increase or decrease the user's reading goal.

Tapping topics the user is interested will let the app know how to customize their feed.

Tapping either bookmark or share will open the set point mode.

Users drag this up or down the article to set their starting point.

A bar shows how many articles the user has to read before reaching their goal.

After achieving their daily goal, the user gets a congratulations message.

Swiping up or down will move through playlists. Tap to see the articles in the playlist.

Tapping the close button will return the user to look through more playlists.

Dragging articles over a list thumbnail will add it to that list.

Final Design


Conclusion

What made this project different for me personally was the fact that we were able to get feedback from the actual client we were designing this for. It is very helpful to know what their specific goals are and how they thought. Working with a partner also made the project a lot different than how I would normally go about things. We clashed at points but we resolved our conflicts by asking for outside feedback and compromising.

Previous Project
USATODAY Mobile Experience
Next Project
Nest Schedule Redesign