BeReal.

my first redesign project

Design Challenge

Organized by ACM design in UCSD, the project's theme is doing a re-branding or re-design of an existent mobile app. There were three groups each of which needed to pick a re-design target from a certain category of applications. Our team's assigned category is entertainment product.

Our Choice

after a lot of brainstorming, we decided to do a re-design of Bereal, a social app that creates a random time window each day for users to upload a photo capturing their lives on the spot. The idea of presenting the real and non-curated self intrigued us Besides, since this product is only 2 years old, we thought it had a lot of potential to be improved.

🤯 Finding the Problem

User research

Combining exploring the app by ourselves, reading through online user evaluations, and interviewing users in real life, we spotted several key problems with Bereal.

To have a more direct way of seeing the problems, below is a display of typical user complains about the original UX design:

" I can't allow my friends to see my past posts even if I want to...if only there is a more flexible privacy setting"
" I really wish they can save comments of a post in the memory system "
" There’s no incentive to post when it says because you can just do it later "
" There's no proper search feature, messaging abilities, tags, topics, or other ways of organizing the daily stream of media "
" I get a lot of notifications but when I open BeReal I’m not sure what they’re from "
" Feed can be confusing when people are posting in different time zones. "
" if someone reacts to your post while BeReal is open you can’t see it in your notifications or on the post until you restart "
" sometimes I get a really good photo from one of my cameras and want to just save that one. "
" being able to post whenever you want really defeats the purpose and makes BeReal pretty boring. "

To sum it up, there were 4 distinctive aspects of Bereal that caused user dissatisfaction and even frustrations. (Hover on each to see the details!)

1. time constraint mechanism

2. organization of user feed

3. motivation to post on time

4. flexibility of features

With those four core problems at hands, we then began brainstorming ideas corresponding to each problem.

Problem Statement

How might we make users interact with BeReal --
with ease and joy?

🤯 Low-fi Prototype & User Testing

Draft Prototype

We decided to focus on four interfaces of the original Bereal app and came up with a couple of alternative designs to each. This process was as fun as challenging as we were trying to get as many ideas as possible. We truly listened to users' need and drew references from other competitive apps like instagram and tiktok.

User Testing

From the second round of user interviews, we showed users our low-fi prototype and asked them to clarify whether our changes were improvements to the features offered in the original app. The overall reception was positive and the interviews agreed that the changes would enhance the BeReal experience. Below were some of the typical responses we got from interviewees.

“I disliked that I felt rushed with the 2 minute time but now it’s better that there’s a reward for being on time.” 

"I liked the addition of the video option. Sometimes I want to capture the experience with more than just a photo so I would want to see this change made on the actual app.”

“The Discovery Page seems like it has a purpose now with the tags and filters.”

With helpful feedbacks, we finally headed out to make the high-fi prototype by combining or/and ruling out alternative designs for different interfaces.

🤯 High-fi Prototype

Previously we broke down the problems into four categories, so our final prototype includes five re-design ideas with a consistent style to address all these problems: we made changes on the posting mechanism, embedded information organization on the discovery page, boosted users' motivation to 'be real' on time, and enhanced the flexibility on memory and reaction features.

Tolerant Posting Mechanism

‣ Prolonged Bereal time window from 2mins to 4mins

‣ Easily switch between single/dual camera modes

‣ Add video option of posting

‣ Allow users to add Caption before posting

Filters on discovery page

Automatically display ontime posts on top of the post feed and sort the feed in a timely order

Add the filter feature for users to look for posts of their interests

Allow users to add tags to their own post
(help users to specify the context of their posts)

Reward System and Notification

Change the icon of time window notification into a less stressful one
(⚠ -- ✴)

Show explicit marks for ontime posts to motivate participation

‣ Add a new notification page to inform users the types of messages they get
(previously they could only see the total number of notifications)

More Freedom to React

‣ Allow users to make video reaction (besides the picture one)

Combine comments with realmoji
(because users rarely used comments function)

Allow users to use emojis other than the existing 5 emojis

Displaying reaction list in a way that is more convenient
(no need to jump to a new page)

More Flexible and Fun Memory Page

Allow users to change visibility setting

‣ Preserve reactions to the post to enrich context
(previously the system did not ‣ keep others' reactions to users' posts)

Add slideshow option to create a more immersive memory experience