Role
Lead Product Designer

Responsibilities
Research
Wireframe
Prototype
User testing

Team
7 Engineers
1 Product manager
1 UX researcher
1 UX writer
1 Data scientist

July 2020 - Present
Voice App

A social media platform created with blockchain technology for real people. No bots, no fake accounts, no shady algorithms.



Problems
  1. New social media app—the Voice app displayed the same global feed to all users. It had too much content that the users did not understand or follow

  2. It was dominated by early blockchain members and we wanted more diversity of users 
Solutions
  1. Personalised feed that tailors content to each individual user

  2. Communities to encourage a rich ecosystem of different content and users






Business objectives

Attract new users and encourage more engagement in the app


Our goal was to increase the number of users and increase the DAU/MAU ratio. 

Core Values
  • Prioritising humans
    Create an authentic and sincere social experience.
  • Rewarding, not exploiting
    Tokens compensate content creators and curators
  • Enabling safe places
    Democratising community management




Challenge 1

The users are not seeing the content they’re interested in


In its first iteration, the Voice app displayed the same global feed to all users. Soon, we were receiving feedback from users that the content on their feeds was not always relevant or interesting to them. 





Solution

Introduce a personalised feed for users in order to show more relevant content to them


We landed on a treatment where the personal feed was in a different page of the app. Users would be able to tap and differentiate between the All Voices page (where they can see all posts) and My Feed (where they see content tailored to them). 








Existing user flow






New feature user flow








Existing Feed 

New Feature Feed



Internal feedback and usability tests


Problem
Users were confused if the filter applied to just the current feed or both feeds.




Solution
We iterated the hierachy of the tabs, and when the user switched to the other feed, the filter refreshed.




Challenge 2

First users were mostly early blockchain adopters and so the userbase was not very diverse.


The Voice app was built on blockchain technology and so our first users were people who were passionate about blockchain. However, in order to grow, we needed a wider variety of users and a way to attract them to Voice. 





Solution

Create communities to encourage a diverse set of content and users. 


The users wanted a space where they could freely discuss different things they read on Voice. Hence, we introduced Communities for real people to have fun and engaging conversations about the content they enjoyed most. 

The Goals
  • Better quality content
    Build an ecosystem that encourages and rewards publishers of good content
  • Increase engagement
    More opportunities to engage with content that users are interested in
  • Personalised content
    Give users the ability to focus on the topics they are interested in


On this workstream, we hired a user testing platform to conduct interviews.





Internal feedback and usability tests

Users helped us identify a few key areas to iterate on


After speaking with 23 users, we made the following changes:


Feedback
While scrolling through their feed, users did not notice the community links from the feed—once the user noticed them, the colour of the link did not look clickable
Solution
We changed the link colour from our design system to stand out more. Also, by placing the community link above the content title, we avoided having edge cases (name of the user/community being too long). 

In our most recent user testing, this design was selected as the most effective and intuitive.




Feedback
While scrolling through their feed, users did not notice the community links from the feed—once the user noticed them, the colour of the link did not look clickable

Solution
We changed the link colour from our design system to stand out more. In our most recent user testing, this design was selected as the most effective and intuitive.




Desktop web design


Responsive web design for our writers


Our data showed that the majority of the posts were created on our website. When we interviewed the existing users, they mentioned that it was easier to write and edit on the desktop when creating a post.

Therefore, it was crucial for us to be mindful when designing our screens to be compatible with desktop web screens.


















Mark

I have a lot of interest 👀 in my surroundings. This shows up best in the portfolio, where the majority of my projects were inspired by little things around me.