Overview

BOGO is a mobile app that delivers private LIVE videos remotely, helping users make better decisions in their daily lives.

With BOGO, users can request LIVE videos from streamers in a process similar to ordering an Uber. Streamers can earn money with just a simple tap of their fingertips.

My Responsibilities 

Led a product team of three, ensuring proper processes were followed for user interviews, visual design, interaction and motion design, as well as prototyping and testing.

Time: 

2020

Type: 

Work Project (Released)

My Role: 

Product Designer
User Researcher

Team: 

Product Manager (1)
Mobile Engineer Team (3) Graphic Designer (1)

 

“Sometimes, it’s hard to know the truth!”

If you need real information but can’t be there in person, you might ask your friends or search online. However, if the information is outdated or incorrect, you risk getting inaccurate details.

per.jpg

Problem Statement:

How Can We Help People Access Real-Time Information Remotely?

Two kind of roles in Bogo 

Requesters

Goal: They want more detailed information to make an informed decision.

ttt.gif
 

Streamers

Goal: They want to make money the easy way

switch.gif

Let’s Meet Jesse, A BOGO User

Jesse is a 29-year-old Project Manager at Google. He travels frequently and spends a lot of time researching airport information to plan his trips. With BOGO, Jesse can request a LIVE video with just a tap to get a smarter travel plan.

Group 14096.png

 

Design Progress

 

1.  Use User Research to Guide the Product Direction ( User Research )

User Interviews
The interviews were conducted with ten people who shared similar issues. Each interview lasted approximately 10-15 minutes, during which participants were asked questions such as “Who?”, “What?”, “When?”, “Where?”, “Why?”, and “How?”. These questions helped identify and assess their pain points across various locations (e.g., coffee shops, meeting rooms, etc.).

 
IMG_1578 1.png
 

Interviews Findings

 
 

2. Synthesize

 
 
Group 14107.png
 

3. Use Other Apps Mentioned from Interviewees to Improve Product Vision (Competitive Analysis)

 
 
Group 14104.png
 

4. Redefine the Problem and Ask “How Might We” Questions to Brainstorm Initial Ideas and Identify Solutions (Ideation)

 
IMG_6386.png

“Design An App That Helps Users Request A Live Video From Streamers.”

 
Screen Shot 2020-12-25 at 3.49 1.png
 

5. Find A Common Ground In User Goals And Business Goals ( Defining Goals )

Screen Shot 2020-11-29 at 11.31 5.png

6. Prioritizing The Features Based On User Research ( Product Decision )

Based on user research and competitive analysis, the decision was made to include the following features to provide the most value to users in the MVP:

  • Quickly change identities between requester and streamer.

  • Request / receive live video based on location / content.

  • Send/receive a text during the live video.

  • Spend/make money on the platform.

Requester’s Flow and Low Fidelity

Group 14090.png
 

 

Streamer’s Flow and Low Fidelity

Group 14091.png
 

7. Use Strategies To Help Users Maximize Valuable Information ( Design Decisions )

There are two different ways to measure whether users are optimizing helpful information in BOGO:

  • The number of request tasks intentionally performed. 

  • The amount of satisfaction gained after they finish requesting.

  • The drop-off rate during the experience.

Group 14102.png

 

8. Iterations

Be Mindful Of Human Factors

The human factor is a very critical detail to pay attention to during user testing. The original input box design is on the top like a title, but when the user wants to input information, it's really hard to reach the input box. In the next iteration, the input box will be moved from top to bottom which will help make the experience more "human finger friendly".

Group 14108.png
 

Reduce The Efforts, Increase The Users

Group 14103.png
 

Creating An Awesome Reading Experience Through Visual Design

Two separate information blocks were combined into one block and the critical information was highlighted. It made it easy for users to get the information quickly.

Helvetica was used throughout the application to ensure legibility and familiarity with users. Various font sizes, weights, and colors were also used throughout the application to create a clear information hierarchy.

Mask Group.png

9. Reflections

This project was very rewarding and helping me meet my personal goals and passions. Within the three months I gave myself to work on this project, I truly enjoyed myself and had fun. 

Three main lessons I learned from this project are:

  • The sky's the limit, but with technology and time constraints, I learned to prioritize features that provide the most value to users; 

  • Consider human factors to enhance the UX, such as "fat fingers" and Fits' Law;

  • Visual design is a crucial part of the overall experience, especially when the function of the app is heavily dependent on the information hierarchy and legibility of the content.