We’ve been hearing from the community and through our UX research efforts that the expandable “bubble widgets” used in AppSheet can be problematic.
Some of the challenges we’ve heard are:
- When the content in a bubble is too long, there’s a lot of scrolling back and forth to get to the right place, and sometimes we get two scroll bars which can make scrolling very confusing. It’s also difficult to remember which item you were looking at, because the title disappears.
The action buttons overflow on small screens, or when the app preview is expanded.
Some of the text isn’t accessible, and the tab order is inconsistent/confusing.
Bubbles inconsistently stay expanded between tabs.
We’re considering some changes to improve this experience and we’d love to get your thoughts! We hope these changes will make it easier to move around the AppSheet editor:
- The expandable bubble pattern will be replaced with a Material Design-inspired list. Each row will be clickable and sortable, which means for those of you with lots of tables, you’ll be able to see a lot more in the list, and quickly sort/filter them:
- When you click an item in the list (e.g. a table, a slice, or a view), you’ll be taken to a dedicated detail page to view and edit it. The title will be persistent/sticky here, so you’ll always know what you’re looking at.
All titles will be editable by clicking directly on the title:
When there isn’t enough horizontal space, the buttons will collapse into an overflow menu:
When there is enough space, we’ll keep the buttons the way they are today: