The Bubble User Experience

In this video, we are going to learn what type of experience we can build for our users. The presenter tells us that an application can have as many pages as we need.

To add more pages, we can do it by going to page’s drop down.

At 00:16, he starts to talk more about user experience by using the example of a photo sharing app. The example profile page for this application is shown on the screen. Here we can see all the images associated to the user and can click them for a larger view.

This can all be done only in minutes using Bubble. We can take this even further and make it a social networking app where we can add follower system, comments and threads for a photo or even add a like button. Building this system is so much easy using Bubble.

From 00:45, he takes us through how the profile experience was built. In the Data Tab we have a custom photo data type which controls all the photos users would upload to our app. As previously experienced, we can do it with just a few clicks. All this photo datatype need is one field for accepting an image. Once we add photos to our database, we display it on the user profile and can retrieve them dynamically.

On the profile page, we display a list using the container type called repeating group. This is one of the Bubble’s most powerful elements that we will use frequently as we start to build our app.

From 01:20, the presenter explains how can we display an information like this. Repeating groups repeat the design of the first cell for all of the remaining cells. When we look at its property editor, a repeating group needs two things. One is the type of content and other is a data source.

For example, if we are using photo gallery, we expect photos to be in it. So, that will be our type of content. Whereas for a data source, we are telling bubble to search through our photos database. We then constrain the search to only find the photos uploaded by the user whose profile we are viewing.

An experience like will literally take only a few minutes to craft and with even more powerful elements at our disposal, we can start to build more complex apps.