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.
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.
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:
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!)
With those four core problems at hands, we then began brainstorming ideas corresponding to each problem.
How might we make users interact with BeReal --
with ease and joy?
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.
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.
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.
‣ 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
‣ 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)
‣ 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)
‣ 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)
‣ 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