兿 | An UX Designer 💻 + Industrial Design Fan 🤖 ; Previously designed @ EA 🎮

BePresent | User Study & Mobile Prototyping


BePresent:  A time management app designed for international students.


+ Duration | Fall 2017 (3 mos), HCDE User-centered Design

+ My Role | Research, Ideation, UX & UI Design, Low to High-fidelity Prototyping

+ Methods | Interview, Persona, Usability Testing, Wireframe, Information Architecture, Sketch & Principle

+ Sector | Task Management

+ Team | 4 Members


The Problem

Starting a new phase of life in a foreign country can be very terrifying. For many new international students, It is a big challenge to manage their academic tasks while also build social connections in an unfamiliar campus. Not to mention how much stress would Jet Lag add on top of these.

What if international student were able to quickly adapt to the new environment with the minimum effort of fighting jet lag?


Introducing BePresent

A mobile product that is tailored to international students to minimize the influence of jet lag and improve their academic and personal life performance.

Add trip.gif

Main Feature # 1

CREATE: An Unique Recovery Plan


The recovery plan is created based on students' personal preference, so it is easier to follow. It is also used as the guideline to better manage daily tasks. 


Main Feature # 2

TODAY: Stay Present, Plan Ahead


The Today feature shows the daily events with real-time visualization. Students can organize their day based on the seek-light & avoid-light guidelines.

View today's tasks 2.gif

Main Feature # 3

DISCOVER: Make the Time Fly


The Discover screen is synced with campus event calendar to show students extra seek-light options and have they stay connected with friends.


The Process

This project was started as a team project in the User-centered Design course, and after the end of the quarter, I spent 3 days to iterate and refine the final solution.

Through the 8-week design process, I led the team through a complete design circle from early research to prototyping and usability testing. I interviewed users and proposed the behavioral personas. During the ideation and prototyping phases, I was responsible for creating sketches, paper prototypes and user-flow illustration to showcase the ideas. After the final process report, I did a 3-day challenge on my own. Based on the data from usability testings, I created an interactive high-fidelity prototype.


The Beginning

As a team of international students & business travelers, we decided to connect our personal experience with the assigned topic 'Mental Focus'. We wanted to develop a tool that helps international students reduce the influence of jet lag to fully focus on their academic performance and personal life.



Screen Shot 2018-01-28 at 6.15.22 PM.png
Screen Shot 2017-12-27 at 3.53.57 PM.png
How to Accommodate Different Lifestyles & Personal Preferences?

Experiences with jet lag were wide and varied, from people not having a problem with jet lag to taking over a week to recover from jet lag. They were unique for each trip, and 41.8% of participants could not always predict their experiences with jet lag when traveling.

Do our users know any existing products? What features are they looking for ?
  • 69.4% of participants do not adjust their sleep schedule before traveling.

  • 69.1% of participants do not have a routine to deal with jet lag.


User Interviews

  • 10 Participants
  • 60-mins Sessions
  • 3  Approaches: Activity Analysis, 5 Whys, Competitive Product Analysis

So what are some patterns our users share?

  • Tiredness: Need to multi-task(personal & academic) while fighting jet lag.
  • Stress: 1) Feel anxious to blend in the new environment; 2) Worried about academic performance.
User Journey-.jpg

And how do they feel about existing products?

By comparing features of competitor's products and participants' feedbacks, I discovered 3 main experience spaces that are underestimated by current products:

  1. Customizability & Flexibility: How well does the product adjust to users existing schedules?
  2. On-the-go: Can users get access to all the features whenever they need them?
  3. Social Network: This was commonly mentioned as the most effective way to keep them feel active and energized.

Behavioral Personas

Rather than traditional ones, we built 2 international student personas with highlights on personality differences. From interviews, we observed that there are diverse lifestyles among international students due to personal preference. Therefore, we established 4 main criteria that can lead users to behave differently: Introvert/Extrovert, Close-minded/Open-minded, Indoor/Outdoor, Inexperienced/Experienced.



We brainstormed using affinity diagram and developed 24 initial concepts including both digital and physical products.


Prototyping & User Testing

How to solve the problem:

A Smart Lifestyle Assistant but not an All-in-one Tool

After brainstorming on initial concepts, we narrowed down to 4 key user tasks and did rapid paper prototypes for both digital and physical products:

  1. Generate recovery plan,
  2. Discover & join events nearby,
  3. Nature-light therapy,
  4. Sleep sound & Alarm.

By testing the prototypes with participants, I found our product tried to cover too many issues that it loses its core concept and is confusing to use:

Initial Information Architecture Flow

Initial Information Architecture Flow

                 The Initial Explore Feature

                 The Initial Explore Feature

                           Nature-light Therapy Prototypes

                           Nature-light Therapy Prototypes


1. Explore nearby events is too much to afford for daily schedule and distract users from focusing on campus life.

"I am already using the Yelp for this, I actually want to get connected with peers and campus events."

2. The physical light is seldom required by participants and may not fit in their residential environment.

"I live in the dorm, so I wouldn't use anything that might disturb my roommate."


During the usability testing, I asked users to rate these ideas in the following 8 categories and calculated the total score for better decision-making. Triangulated the data, I decided to only move forward with the Scheduler and Discover features since users found them to be more useful and also easier to be implemented. I also highlighted pros & cons of each feature and iterated base on it.

Screen Shot 2018-02-19 at 5.13.09 PM.png


3-day design challenge

Understanding what international students are actually looking for?

I redid the user-scenario research by observing closely on the environment that users interact daily, and got inspired by their home memo wall and campus event wall.From the participant's residential pictures, I noticed many students have the similar memo board arrangement. And when I asked them how do they like using the memo to arrange their day, one said:

"I am just trying to make it easier to manage my study plans and personal life."

Users Memo Wall

Users Memo Wall

Campus Event Wall

Campus Event Wall

Refine of the Scheduler


Redesign of the Discover-Events

One of the feature I refined is the task flow of Discover-Events. Before, although users were interested in finding personalized social events, it was hard to find the right event to fit in their schedule due to the repetitive steps and lack of early-on information. Based on the feedback and observation from usability tests and user scenarios, I simplified the task flow and included only campus events to help users make decisions and also decreases the cost for future development. 


finalize the concept


A Personal Lifestyle Assistant for International Students

Based on feedbacks from the user testings, I decided to develop the concepts tailored closely to campus living. The mobile app would help students understand and feel confident about their new daily schedule and also encourage them to stay active during seek-light hours by introducing diverse campus activities. 

Scheduler | Creates customized recovering plan by balancing sleep, trip, school and workout schedules.

Academic Task Management | Collaborates w/ recovery plan to help students plan their courses.

Campus Event Discovery | Generates seek-light activity recommendations based on the user's preference.

User Journey.jpg

A Closer Look


Start Planning With A Clear Guideline

From the Jetlag Rooster.

From the Jetlag Rooster.

Add trip.gif

The Jet-lag Schedule Planning is the unique feature that set it apart from other task management application. Users are not going to be struggling to stay awake during the day to adjust to the new time zone. They are able to ease into their desired lifestyles by following a healthier and more comfortable guidance.


Consider the Diversity of Events


Every international student has different academic and social patterns. Therefore, besides the Lecture tag, users can also add their personal events with different input wizards. And they are colorful!


The New & Better Way to Stay Connected

Screen Shot 2018-01-29 at 2.11.35 PM.png

Combining the benefits of both the physical event wall and the digital campus calendar, students now can simply access campus events by viewing the discovery poster wall. Each event is marked with a color bar that indicates how it fits in the student's recovery plan(yellow=seek-light period, blue=avoid-light period) to help users make better decisions.


Evaluation Coming Soon...