Work Project — 2020 — Released

BOGO: Live Video Streaming

As the concept designer, I led the end-to-end design process and research for BOGO — a mobile app that delivers private LIVE videos remotely, helping users make better decisions in their daily lives. The app achieved 10K+ downloads in 3 months with a 4.9 App Store rating.

10K+
Downloads in 3 Months
4.9
App Store Rating
BOGO App
My Role
Product Designer
User Researcher
Team
Product Manager (1)
Mobile Engineers (3)
Graphic Designer (1)
Type
Work Project (Released)
Timeline
2020
About BOGO

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.

“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.

What you see online vs reality
What you see online vs What it actually looks like
Problem Statement

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

Two Kinds of Roles in Bogo
Requester

Requesters

Goal: Get more detailed information to make an informed decision.

Requester demo
Streamer

Streamers

Goal: Earn money conveniently.

Streamer demo
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.

Jesse Persona
Design Progress
Design Progress
Use User Research to Guide the Product Direction

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.).

User Interview

Interview Findings

Findings
Synthesize
Synthesize
Improve Product Vision Through Competitive Analysis
Competitive Analysis
Redefine the Problem & Brainstorm Solutions
Brainstorm

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

Ideation
Find Common Ground in User & Business Goals
Goals
Prioritizing Features Based on User Research

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:

  • 1Quickly change identities between requester and streamer.
  • 2Request / receive live video based on location / content.
  • 3Send/receive a text during the live video.
  • 4Spend/make money on the platform.

Requester’s Flow and Low Fidelity

Requester Flow

Streamer’s Flow and Low Fidelity

Streamer Flow
Strategies to Maximize Valuable Information

There are three key metrics to measure whether users are optimizing helpful information in BOGO:

  • 1The number of request tasks intentionally performed.
  • 2The amount of satisfaction gained after they finish requesting.
  • 3The drop-off rate during the experience.
Design Decisions
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”.

Human Factors

Reduce The Efforts, Increase The Users

Reduce Efforts

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.

Visual Design
Reflections

This project was very rewarding and helped 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:

  • 1The sky’s the limit, but with technology and time constraints, I learned to prioritize features that provide the most value to users.
  • 2Consider human factors to enhance the UX, such as “fat fingers” and Fitts’ Law.
  • 3Visual 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.
Explore Other Projects