MSN News Editorial Design

Microsoft Start news reading experience on the web.

Roles: Product Design Lead • Project: Microsoft Start News Article Redesign • Year: 2020

From breaking news to entertainment, Microsoft Start (formerly msn.com Microsoft News) has established itself as a trusted global source for diverse content. Partnering with reputable news organizations like The New York Times, entertainment sites like Wonderwall, and local outlets worldwide, Microsoft Start has successfully offered free access to high-quality news while sharing revenue with publishers.

However, to remain relevant and enhance user engagement, the current consumption experience needs a refresh. The redesign aims to elevate Microsoft Start's reputation as a leading, trustworthy news aggregator, providing an enjoyable and integral reading experience for millions of daily users

The Problems

TRUST AND QUALITY
How do we increase trust signals for our readers and users to determine the quality of content trustoworthiness.

CLUTTER
Currently the article page feels overwhelming with a lack of heirarchy and peppered with advertisements.

UX PRINCIPLES AND INTENT
Reading experience is missing the mark on user jobs, customer objectives and has competing elements on the page.

The Goals

THE DESIGN GOAL
To design a better user experience for our readers so that they can consume the content in a pleasurable and coherent way by indentifying user needs, aesthetics and art direction.

THE USER GOAL
We want them to have a good content consumption experience and provide them with materials they want to see in a coherent manner. 

THE BUSINESS GOAL
Increasing revenue by strategically placing advertisments on the page that does not interfere with the consumption experience and recirculating users within the ecosystem.

User Story

As an everyday news reader I want to enjoy reading news stories, so that I can be up-to-date on news events and other content that interests me, locally and around the world.

What I did

COMPETITIVE ANALYSIS
Looked at other article and content readers from news sites, blogs, and website that focused on reading and consuming experience.

MOODBOARD
Explored possible art direction and cross reference on the products vision.

DESIGN TEAM LEAD
Led the visual sprints to land on the best reading experience. Collaborated to understand the problem, iterate, converge on an idea that fits, prototyped, and user tested with customers to validate user needs and sentiment.

CROSS TEAM COLLABORATION
Collaborated with product team and engineers to ensure that we are delivering on projected key results and feasibility of implementation in a timely manner.

Competitive exploration

Analysed and drew inspiration from may differrent news article that fits our criteria.

Moodboard collection

Extending research onto different articles from other publisher brands and created a moodboard based on our visual criteria.

Impact

Positive reactions from user sentiments
Following validation with insider users, testers, and the leadership team, we received overwhelmingly positive feedback regarding the delightful reading experience provided by the new editorial look and feel. This positive sentiment instilled a sense of confidence and legitimacy in readers, ensuring that they were receiving high-quality content and a truly enjoyable reading experience.

Community Engagement
Our users are actively engaging with our content by reacting to articles, initiating conversations, and commenting with other readers. It's great to see such a vibrant and interactive community forming around our platform!

Recirculation Success
Our telemetry and data analysis have revealed a significant increase in users clicking through to more stories at the bottom of the page. This is a clear indication that our users are fully engaged and thoroughly reading the articles.

Let's Connect

I'm currently not on the lookout for full-time opportunities but I am eager to chat about any cool projects you have in mind! If you have any exciting roles or collaborations that align with my skills and interests, please drop me a line. Let's make great things happen together!

LinkedIn / Instagram