COMMUNITY FEEDBACK: Bubble UX and UI improvements

Nice thread! Check this out @christine.shiba

2 Likes

ah nice, checking this out! thanks!

3 Likes

Hello Bubble Community,

I have noticed whenever I choose a number field within Bubble, it does not highlight the number already within (As normally done in Figma, Adobe, Webflow…). Please see here:

1_AdobeExpress_AdobeExpress_

For example I want to put “25” so I click the field and place 25 to only see it is 250, because the 0 stayed. I am constantly facing this.

7 Likes

I think you need to create a new Bubble application for all these enchantments and address them in status (pending, in progress, done )

3 Likes

Hi @christine.shiba

Just a weird UI bug on the homepage I noticed, then I remembered this thread.

https://gyazo.com/19ef564d5ab87edc107ddf4b99290f3e

1 Like

thanks all for these comments, I am continuing to keep my eye on this thread!!

3 Likes

Hello everyone,

When you’re in Data Tab > Data Types

And want to delete a “Data Type”, it’s very difficult because the trash icon is so far away and it’s very hard to know if you are clicking on the right icon or another Data Type’s trash button icon. It has caused me a lot of pain where I deleted the wrong data type, see here: (And dragging the browser to bring it closer makes things worse)

Untitled_AdobeExpress_AdobeExpress

Here is what it should look like:

Untitled_Webflow_AdobeExpress_AdobeExpress

Can we at least have a pop-up like in Webflow that comes up saying “Are you sure you want to delete ‘Host Name’ data type?”

That way, I know if I clicked the wrong datatype or not.

And I am aware that I can reverse the action by looking at deleted data and retrieve back what I deleted, but it’s not that easy because let’s say I deleted “Phone” before, and now I deleted another data type called also named “Phone”, which “Phone” data type must I retrieve? This literally happened to me and it’s not a great user experience.

5 Likes

Here is a screenshot from Bubble, which is the checkbox for the “Status”? The one on the right or left?

The one that bubble wants you to click for “Status” is the one on the right: (That is very confusing, I have almost never seen it to the right of text)

4 Likes

The biggest improvement they could make to the ui/ux would be to allow me to create nested folders when organizing pages, reusables or workflows. Especially for workflows, would keep things much more organized.

The other one which is more of a minor inconvience would be to have access to “is focused” and the other non available conditions on workflows without having to copy and paste them from the layout tab.

1 Like

The check mark appears to be much closer to the next, which confused me at first. Perhaps a little UI improvement would make sense.

2 Likes

BUGS: UX AND TEMPLATE “INSTALLS”

Really nice to see the updates template profile and added info! Much more professional! @christine.shiba :metal:

Here is a couple of improvement suggestions:

Responsiveness is off here:

And rounding visible here:

… Also add a link to the main template page here:

… and more search results than 3. Maybe 8 or 10.

Not really installs but “purchases” or “acquired licenses”… there are a lot more installed than this. Showing both would be great!!

Same here:

1 Like

IMPROVEMENT: CONTROLING SCROLL AND OVERFLOW APPEARANCE

Add checkboxes to hide overflow and scrollbars to groups and repeating groups.

Adding options to format eg. scroll width and colors would also make UI customization easier and using plug-ins or custom code redundant. Especially on mobile apps (where default scrollbars can look bulky) and repeating groups on desktop. MANY apps are using plug-ins or custom code, whereas the basic customization should be a part of the bubble.io editor).

:ballot_box_with_check: Show vertical group overflow (checked by default)
:ballot_box_with_check: Show horizontal group overflow (checked by default)
:ballot_box_with_check: Show vertical scrollbar (visible when overflow is unchecked, checked by default)
:ballot_box_with_check: Show horizontal scrollbar (visible when overflow is unchecked, checked by default)

There is probably a better logic to show /hide the checkboxes in the properties box to avoid all 4 being visible by default adding clutter to it.

1 Like

BUG: TRUNCATING BB CODE

Truncating BB code is an universal problem throughout the Editor and they are show partly if the character limit is somewhere in them.

There should be some logic truncating before the first code instead of in it. Maybe optional with a checkbox.

Here is an example from the Bubble template pages build with the bubble editor.

BUG: BUTTON TEXTS
Copied buttons need new texts for sales and view data. Nice to see the new dialogue box.

UX IMPROVEMENT: ADD APP TEXT INPUT IN DESIGN TAB

Being able to edit App texts directly in the App text dialogue would improve design speed a lot. That way there is no need to click the “define value…” and scroll to the text. 5-10 seconds saved and 3 clicks is a lot when adding many app texts.

Add a multiline input field with the current text and let users edit there as well.

UI IMPROVEMENT: ADD DEFAULT PLUGIN ICON

Distinguishing which is which when it come to plugins with no set icon / favicon is a bit confusing. Navigating to them in the elements tree to double check is necessary almost every time.

Why not add a capital first letter icon of the plug-ins name and color based on plug-in category? Or at lease a border so they dont blend with a white page background.

  • there is fast free APIs that can do that.

for “Super Plug-in”

Hi,

The 2 week free trail blue background color shown on apps, should not be displayed by default. It’s a bit tedious to be like “oh, something’s wrong… oh no, it’s all good”. :sweat_smile:

The delay is about 2 seconds a very much noticeable.

I cant read the names of my states. Please increase input field size :slight_smile:

Also, what are the sorted by? Should be A-Z. Any chance you can fix this bubble team?

image

@christine.shiba

1 Like

A colour picker right here would be awesome!

And save a lot of clicks and copying HEX codes…

image

The search box for new events are missing. Having many plugins the list can be long. Please add this to improve dev. speed. Just like for actions.

1 Like

Can’t access element and their states for conditional RG source from within anohter RG.

Elements are not being listed on the first source item on RGs in RGs, adding “plus” item will show all elements and access their states. This is a small but annoying bug.

The conditions tab needs to a do-over. Its difficult to decipher the hierarchy. Even for me as a seasoned bubbler. I tend to forget, when things go fast and need a more visual way to get reminded. Also:

  • On / off should be “preview”
  • The user should be able to drag items up and down
  • A much more clean line between conditions to separate them visually
  • Move up and Move down should have icons

Generally the editor box needs a bit of refreshing to go along the new, much better UX of the editor as a whole. You probably already have this on your roadmap :slight_smile:

1 Like