Bubble-Picker

Our Bubble Picker is an example of an animation that is equally appealing to different groups of users. Bubbles summarize information into convenient UI elements that are easy to understand and also visually consistent. It makes the interface simple enough for novice users and still feels interesting for experienced ones. This type of animation is very helpful for apps rich in content, where users have to make a choice from a list of options. For example, in our component, we used bubbles to hold names of potential destinations for a travel app. Bubbles float freely, and when a user taps on one of them, the chosen bubble grows in size. It gives users meaningful feedback on their actions and enhances the sense of direct manipulation.