Media News

Media News*, a 100 year old publishing company, dominated the local market with several newspapers, tabloids and magazines. The company has recently struggled to find a sustainable foothold in this new era of social media and is in need of a dire restructuring of their current website.

*The official name of the company has been changed to retain confidentiality.

Problem

Users are bombarded with too much information

Media News currently focuses on generating a massive amount of articles that pique the user’s interest and are appropriate for sharing on Facebook.

While this tactic guarantees a constant stream of visitors to the website, it also results in a confusing network of articles that cover a wide range of topics.

The company basically struggles with user retention once they reach the website. The main page’s architecture does not help the user navigate the information and stay informed on relevant topics.

Current situation

Stakeholder meeting

In order to gain valuable insights on the company’s goals with this project, a stakeholder interview was set up with the project manager and developer. Key questions involved:

  • What user problem are you trying to solve?
  • Has there been any previous research done on this subject?
  • How does this research project relate to any company goals/strategy?
  • When do you need this preoject done?
  • How will the team act on the project?
  • Can you share competitive analysis or benchmarking you have done on the subject?
  • Are there any design constraints? How flexbile can the project be in terms of branding? Are you seeking a new voice or have you already established clear-cut branding guidelines?
  • What are your measures for success for this project?
Proposed initial solution

Solid website architecture

The first step in Media News’ journey of creating a better user experience begins with laying a strong informational foundation upon which their numerous articles can be explored, read and shared.

This basically means making the website easy to browse and follow up on news, rather than only being accessed from articles that are shared on Facebook.

Project goals

KPI’s and metrics

The main metrics affected by the new UX design will refer to the time a user spends on the website and the actions they take. This will be measured with Google Analytics.

User retention
  • Users are not currently curious to find out more news from the Media News
  • Once on the website, they quickly exit
User engagement
  • Comments have not been as active as before
  • Users do not share on social media

User research goals

  • Discover people's current decision-making process about reading and interacting with an article and how they feel about that experience
  • Learn about current pain points, frustrations, and barriers with choosing whether or not to read or share an article
  • Uncover other websites or apps people are using for article reading/news sharing, and understand their experience with those websites/apps
  • Evaluate participant's experience with our prototype concept of the new website

Research methodology

  • Competitive analysis
  • User interviews and usability testing
  • Card sorting

Timeline

4 weeks total, out of which:
  • 2 weeks for research and planning
  • 2 weeks for design and testing

User interviews

  • 6 interviews, scheduled in person and online
  • Book through Calendly and record meeting minutes with app.
  • Screen share/record while using the website.

Synthesize the findings

  • Card sorting session
  • New user task flow
  • New Information architecture

Discussion guide

  • Tell me about the last time you were trying to find out the latest news or read up on articles. What was it like?
  • Walk me through some of the frustrations you encountered when deciding to read/share an article
  • Describe another website/app you use for reading up on the latest news - what is it like? What do you like/hate?
  • Talk me through a positive experience you had when reading a blog or news website? And a negative experience?
Primary persona

“I'm someone who likes to stay updated on the latest developments in my country”

I like to stay on top of things so I know what affects my life and what doesn't. I want to know what people are arguing about whatever on TV; what agenda the latest politicians are pushing and how it affects me; I also like to engage in political debates with my friends;

Motivations and goals
  • Believes that staying updated is crucial to playing a part in how the society around you developsWants to know what bills are being passed
  • Acutely aware of the corruption scandals in their country
Pain points
  • Difficult to find single a hub of getting news
  • News keeps getting buried in irrelevant other scandal articles
  • Easier to just get your news from social media where it’s often unreliable

Card sorting session

We use the card sorting session with the interviewees in order to determine their mental models; we need to understand how our user thinks and acts rather than operate solely from the point of view of our company. We used this to impart a new website information architecture. This session serves 2 purposes:

Prioritize user tasks
We can thus focus on the user tasks that are most meaningful to them and impactful to the business
Pinpoint bottlenecks
Through this card sorting, we have found several areas of the site that damage the user’s experience significantly (i.e. the menu, categories, the main news feed)

Task flow

Using the information gained from the card sorting session we went about generating new task flows for our users. This means that they went about doing the usual tasks in a more intuitive way. What we really want to emphasize is the user’s ability to complete any business-crucial task in a way that doesn’t feel like it is a chore for them.

Information architecture

Going further, we build upon our previous sessions of card sorting and new user task flows, and come up with a new website information architecture. The new information is structured in such a way that they can easily find what they need. What further informed our new website architecture was content inventory mapping and labelling.

Wireframes and initial testing

With the first wireframes done, we were able to conduct a first round of testing. This revealed several aspects, some that needed to be addressed from the business side (users no longer need a physical newspaper subscription, so is it still relevant to keep the option online?) and some that we could manage thrrough the current website:

Users found it bothersome to create a profile on the website

The new proposed solution was to integrate authetication with Google or Facebook

Hard to participate in the comments

The comment section concept on the article page needed to be revisited.

Typography

Color styles

Components

Testing and further reccomendations

The new design gives the content room to breathe and the user can clearly follow up on recent news as well as other topics of interest. They can easily branch out with their reading, giving the platform a better user retention. Other notable reccommendations include:

A worthwhile avenue to pursue for the company would be the introduction of paid content, as illustrated in the user flow. For the fee of a regular newspaper or magazine every month, the user gets a curated flow of content. More research is needed to gauge the interest of such an endeavor.

Loyalty among users is a prized possession few companies can boast. By making this a priority in their future (though newsletter subscriptions, being active on accounts other than facebook) Media News can transform the “paid content” tier into one of voluntary sponsorship through the amount of time a user spend on their website/app. A focus shift in providing quality over quantity is needed.