beanfun!

From 0 to 1, demonstrate the development journey of the team from requirements to features.

Time

2017-2018

My Role

UI/UX Designer

Responsibility

UI Design

UX Planning

Project Brief

beanfun! is a new social entertainment media App.

The team provides more diverse services at the aspect of “human interaction".

Users can connect with people through various chat features, the team also try to expand the opportunities for people interaction, and deeply work on customer stickiness.

The App is available on:

App Store
Google Play

Take the main feature "Fun Chat" as an example to display the team's ideation process from requirements to features.

Requirements

Increase the number of users

For most of social media Apps on the market, the target users tend to communicate with relatives and friends they knows. beanfun! Is expected to offer users with more opportunities to expand their circle of friends.

Customer stickiness

The team expects that users are able to interact with friends or other users for longer and more frequently.

Dilemma

Due to time limitation, the team can only propose new features within the framework of the existing technologies.

• Groups: Group chats.

• Multifunction Radar: Search for nearby users.

Design Thinking Methods

Brainstorming key words

Feature: Groups
Feature: Multifunction Radar
Interaction for longer time
High-frequency communication
Meet new users

What if?

• What kind of spark would there be if the “Multifunction Radar” is equipped with a “Groups" feature?

• What if there are chat groups with various interests, common topics, common targets…etc.?

Solutions

Users can join or create Fun Chat groups with shared interests, discussion topics or targets which could offer them a sense of belonging.

Users can speak their mind publicly with anonymous ID(s).

Users would feel more comfortable making new friends by getting to know people more first in Fun Chat groups than just adding random people to their contacts.

Members can also invite people they know to join the Fun Chat group which would enrich the diversity of group members.

Users can find nearby Fun Chat groups by using “Multifunction Radar” anytime, anywhere.

UX Flows

Create Fun Chat

The host can immediately create a Fun Chat group after setting the group’s name.

Shift to a different ID

Each user needs to have an ID to enter Fun Chat group.

They can chat within the group by using the default ID, selecting an existing ID or creating a new ID. Even further, they can shift their different ID(s) within the group.

Edit ID list

If a user has previously set another ID(s), an ‘Edit’ button is displayed on the ‘view of ID list’, then the user would be able to tap it to edit the list.

Gallery

Chats

Diversified message types: Text, voice, photo, video, stickers and locations sharing.

The performing of Toolbar: Toolbar provides relevant buttons that are frequently used in the chat screen, which is convenient for users to check the type of messages they want to send.

Snap Chat

Message Privacy: For people with emphasis on privacy, all types of disappearing content can be sent.

Scheduled Message

Users can reserve numerous scheduled messages after setting the time, the system will send them out at coming time.

Users can browse through the list of scheduled messages. When tapping a message in the list, the system will guide users to the corresponding item in the chat room.

Users can unsend the scheduled messages, which are set already before the system sends them out.

Stickers System

Information Architecture: The information hierarchy and layout planning are clear, which is convenient for users to browse a variety of stickers.

Exposure: Authors have various approaches to increase their exposure.

Manage System: Users can download, delete, prioritize purchased stickers to customize their own sticker view.