bogo+first+(1).jpg

Overview

BOGO is a mobile app that provides private LIVE videos distantly, which could help users make better decisions in their daily lives.

With BOGO, users could request a LIVE video from the streamers, the same as request an UBER, and streamers could use BOGO to make money through fingertips.

Role

Lead the product team of 3 to conduct user interviews, visual design, interaction & motion design, prototyping & testing.

 

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

If you want to get real information, but you can’t be here, you probably will ask your friends or search online. However, if the information is outdated and wrong, chances are, you will get inaccurate information.

How Can We Help People To Get Real Time Information?

per.jpg

Two kind of roles in Bogo

Requester

Goal: They want to get more detailed information to make a better decision.

Input location and request for a LIVE video in BOGO

Input location and request for a LIVE video in BOGO

 

Streamer

Goal: They want to make money anytime everywhere and have fun!

Input location and request for a LIVE video in BOGO

Input location and request for a LIVE video in BOGO

Let’s Meet Jesse, A BOGO User

Jesse is a 29 years old Project Manager who works for Google. He travels a lot and always spent plenty of time to check information about the airport to plan his traveling. With BOGO, Jesse requests a LIVE video through fingertips to got a smart plan.

bogostory+copy.jpg

 

 

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

Screen+Shot+2019-08-23+at+11.32.17+PM.png

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

 
compeUntitled-2@2x.jpg
 
 
 

Redefine Problem and Ask How Might We Questions to Brainstorm Initial Ideas and Solutions (Ideation)

 
Screen+Shot+2019-08-28+at+12.27.29+AM.png
 

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

 
 
com.jpg
 

Prioritizing The Features Based On User Research ( Product Decision )

Based on user research and competitive analysis, I decided to include the following features that 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.jpg

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;

  • The number of satisfaction after they finish requesting.

  • The drop-off rate during the experience.

Group 47.png

Be Mindful Of Human Factors

 

This is a detail that I paid attention to during user testing. The original input box design is on the top like a title, but when user wants to input information, it's really hard to reach the input box. In the next iteration, I move the input box from top to bottom which make the experience more "human finger friendly".

new-1-01.png
 
 

Reduce The Efforts, Increase The Users

 
neinei-01 (1).png
 
 

Creating An Awesome Reading Experience Through Visual Design

 

I combined two information blocks into one block and highlight the critical information. It made it easy for users to get the information quickly.

Also I decided to use Helvetica for all the typography in this app, because I want a typeface that everyone finds familiar and has great legibility. I also used different font weights, colors, and sizes to create a clear information hierarchy.

sdfasdf-01.jpg
 

Reflections

This is an idea that I've always felt passionate about, and I gave myself about three months to work on. I had fun during the process. Three main lessons I learned from this project are:

  • The sky is 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: the "fat finger" problem, Fitts' 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.

 

Product Demo


 

 

 

 

 

Previous
Previous

#Product Design #Mobile Experience

Next
Next

#UX Design #Google Chrome Extension