Mobile APP Project
2022-2023
Dotarazzi Social Media
Your best friend or beloved sibling embarks on a thrilling adventure in a distant land, chasing their dreams. Don't you find yourself itching with curiosity, wanting to discover the latest buzz and exciting moments from their areas?
And let's be honest, haven't you ever wondered how people live in a place you've never set foot in?
Well, Dotarazzi is here to unleash a captivating world of experiences, effortlessly bridging the gap and bringing you closer to your loved ones with just a single tap. 📍
Explore Diverse
Perspectives
and Share Your Own
Dotarazzi is a product design project that lets users emphasize their voice and encourages them to interact with one another in meaningful and positive ways.
Design with Progressive Disclosure
I worked in close collaboration with the project manager and engineers on product development, with the primary objective of optimizing the user experience.
Team
Chris, Product Manager
Tingting Jin, Lead Experience Design
Timmy, Product Developer
DELIVERABLES
Concept development
Wireframes
User experience
Visual design
Motion graphics
DOWNLOAD
The team faces the challenge of streamlining essential functions. With a surge in user downloads, the unclear product positioning and usage methods have increased the learning curve for users, resulting in lower retention rates and shortened usage time. Additionally, the APP’s fundamental usability has been challenged.
The objective was to establish a strong foundation that could accommodate a startup business and cater to a diverse user base, while also attracting more users.
An easy-to-use interface for sharing and exploring
Encourages more positive and productive interactions
Build a content-driven platform that encompasses diverse perspectives.
The Challenge and Goal
Who are our primary users? Are they individuals with prior experience using social media, or is the audience more diverse?
What pain points do our users encounter that could be addressed with our product?
In what ways can we differentiate our product from other offerings in the market?
Empathize the users
The essence of sharing and intrinsic motivation:
The original task was simple:
Record and share.
To learn the user pattern, here is what I did:
I conducted usability testing of the app with four
participants, each assigned a simple task.
The objectives were to identify any challenges users
faced, explore their preferences, measure engagement,
and uncover any existing or potential problems.
What I found out:
What I‘ve learned:
Through observing users' interactions with this app, I have identified several unexpected issues.
Here are the conclusions:
Firstly, throughout the entire user journey, users who are familiar with social media have a strong desire to explore content, but the design of the previous version did not provide clear guidance for users.
Secondly, in the sharing process, users are more concerned with how to quickly share their views, and convoluted steps can dampen their desire to share.
As a result, improvements can be made in these areas to enhance the user experience.
Reshape the sharing process and enhance user engagement.
If users struggle to capture and share fleeting moments seamlessly while on the go, at home, or during celebratory occasions, their sharing experience may be negatively impacted by spending excessive time adjusting content before publishing.
Before touching the design, I conducted an analysis of the app's user data.
I discovered that the success rates of the app's primary functions, browsing and publishing, were lower than desired. Users were required to expend more time and effort in order to familiarize themselves with the platform, despite their presumed familiarity with social media.
These findings revealed a discrepancy between the user experience and the developer's intended goals.
Data Analysis
What I found out on closer inspection:
Recap the main problem.
The main issue with the app is that the currently designed features deviate from the intended product positioning. The primary function of the product is to enable users to quickly share their experiences, but the unclear prioritization has caused confusion along the way.
Dotarazzi Redesign
With our app, users can effortlessly share the memorable moments of their daily lives with the world.
Ensuring that their unique perspective is heard loud and clear, engaging diverse perspectives with an open mind.
Main Features
The process & challenge
User Flow
Prioritize the main problems:
• How to explore/share content right away?
• What is the user’s motivation?
• How to make users engage?
At the early stage of the design process, I conducted a user flow map to better streamline the entire process, including as many user actions as possible.
Decision-making
I initially added the subscription option right after the registration process.
However, I later realized that it might come across as too aggressive for first-time users. To address this issue, I decided to change the size of the "Continue" button to be the same size as the "Later" button. At this stage, our primary goal was to inform users about the subscription option without causing any unnecessary anxiety.
After considering different options, we decided to go with version 2.0 where both buttons were presented at the same level. This proved to be more clickable for users and reduced the chance of getting annoyed or frustrated.
First time onboarding process
Home screen: Explore endless content around the world.
The platform has a primary focus on topics instead of individuals. Anyone can make their opinion influential without being a 10k follower influencer.
By allowing users to follow specific topics instead of individuals, this feature promotes user autonomy and can increase engagement.
By checking the information icon on a piece of content, the user can see the engagement rate of that post.
Additionally, users can search for popular topics in specific areas.
Integrate volition into the exploration user experience.
Design Iteration: What is the challenge and how to make a design decision?
In mode 1, we first used a sidebar to let users express their attitudes. Later on, the conclusion of user testing showed that it weakened the purpose of “encouraging express viewpoints”.
In Mode 2, the “like” and “dislike” buttons were placed at the bottom to highlight the main function.
After two more rounds of testing, I prioritized the task spectrum again. Resulting in replacing the dislike button with a thinking button to reduce negative interactions and encourage users to express different opinions.
How to elevate the “Moment” experience
Enable users to swipe through various opinions based on their volition rather than the algorithm. Users may either agree with the topic or have something else to share.
The structural integrity of “Comment”
It allows users to post text content or other media.
Reward Flow - Decision Making
During the design process of the reward flow, unexpected problems arose.
Question: What do we want users to feel and achieve here?
Result:
Sometimes, in design, less is more. It is important to focus on minimal viable features for the current version.
During the early stages, when we may not have a large number of users redeeming their rewards, I conducted a prioritization matrix analysis of user value.
Based on this analysis, the effort required for implementing an in-app redeem flow outweighed its current value.
Therefore, I made the decision to remove the in-app redeem flow and instead implemented an email notification system, allowing our customer service team to handle redemption requests via email during this early stage.
Decision Making
The last
• If I had more time, I would conduct additional behavioral research and perform necessary user tests to ensure that we address all minor issues.
• In the future, I aim to explore more heuristic evaluation and usability testing to enhance engagement rates from a design perspective.
• By observing users in various scenarios, we can better understand if their goals extend beyond exploring / sharing.