Yomu

UX design Research UI design

One-stop destination where users can find all the content from over 100's of sources based upon their interests, topics, authors or publishers.

This side project is being designed with the aim to sharpen my end-to-end skills in the design process.

The Project

Transforming the experience to access feeds content

Since this product was already based on some business goals and assumptions, I decided to carry out a customised approach for the product redesign.

Here are some activities and tasks I carried out throughout the design process:

  • Discover
    • Early Meetings
    • Early Analysis
    • User Interviews
    • Surveys
    • Usability Testing
    • Similar products research
  • Define
    • Research Data Analysis
    • Competitors Study
    • Usability Testing Data Analysis
    • Prioritisation
    • Usability Testing
    • Create User Personas
  • Design
    • Ideate multiple solutions
    • Redesign user flow to access feeds page
    • User testing and feedback
    • Dev collaboration
  • Deliver
    • Hi-fi designs

The Process

Product Understanding

Early meetings helped me to understand the product in depth including aspects like:

  • High level goal of the project
  • Existing features and flows
  • Future features
  • Target users
  • Similar products
  • What success looks like for the project?

Concept Testing

After our initial meetings, I sketched a few paper mockups to understand which concepts better define our product according to the business, which eventually helped me to move in a particular direction.

Sketching concepts on paper helped to get a clarity of the business goals

User Research

The goal of our user research was to understand the behaviour of the user as well validation of the existing features.

So, I created a method that comprised of surveys, 15 minutes user interview and 45 minutes usability testing.

A small questionnaire conducted with 6-7 users to understand user behaviour.
First pass: User testing script
Second pass: User testing script
Survey questions and results. The survey was conducted with around 20 people.

User Persona

Based on the research, we identified that the customer segment comprised of IT professionals aged 25-44 years.

Key insights for a typical user were:

  • They want to save time
  • They wish to see relevant info
  • They aim to see articles from a reliable source
  • They look for recommended articles
Persona of a potential user based on our research and assumptions

Competitive Analysis

Based on the users’ votes, Google News, HackerNews, Twitter, Medium were the most popular to find content.

I also analysed some similar products - PaperOak, Feedly, Google’s Discover which helped me to understand what they offer and what is the rational behind them.

Competitive Analysis was based on the most popular sources among the users

Prioritisation

We came across a number of opportunities to enhance the user experience based on users' pains and the most important jobs which they want to do.

Therefore, we decided to redesign the user journey of how a user accesses the feeds page.

User Flow Enhancement

In order to design a logical flow on how user reaches the feeds page, the user journeys of registered and first-time users were considered.

The user goes to the feed page directly in case they have added their preferences.

User flow to access feeds page

Proposed Solutions and Validation

Based on the assumptions and analysis, I created a number of solutions by which users could access the feeds page.

The feedback during the prototype testing gave me a better understanding of the user's mental models.

Solution 1 Mockup
Solution 2 Mockup
Solution 3 Mockup

Refined Flow and Solution

After analysing the feedback on the paper prototypes, I decided to build a solution that would allow both registered and guest user to land on feeds page.

Personalisation is only offered to the registered user but both types of users land directly on the feeds page where they can access:

  • Articles from everywhere
  • Popular section
  • Searched topics, sources or authors
Refined user flow based on user feedback
Enhanced user yourney to access feed page based on iterative feedback

Feeds Page Redesign

The feeds page was redesigned based on the paper prototypes. It had simplified interactions to 'view' or 'follow' a topic, source, tag or author.

Users can search content, read articles or look at what's trending on their landing page. Signed in users can 'like', 'dislike', 'share' or 'save' an article.

Feeds page after enhancement - Feeds page becomes the landing page