menu

Product Design

Are you a product designer working in tech? This community is for you.

Channels
Team

Components: Bottom Sheet Control Bar Usage Guidelines

December 3, 2019 at 3:23pm

Components: Bottom Sheet Control Bar Usage Guidelines

December 3, 2019 at 3:23pm

Hi there!

What kind of usage guidelines do you guys have with regards to the bottom sheet control bar? For example: When do you choose to display it vs when don't you? Or do you use it consistently? Do you use it across all platforms? Or platform-specific (iOS, Android, Mobile Web). Do you prefer to place it within the sheet or outside?

Any feedback or suggestions will be appreciated!

Examples... https://mobbin.design/patterns/filter?elements=Bottom%20Sheets https://gallery.io/projects/MCHbtQVoQ2HCZXkQt0WmRs6t/files/MCEJu8Y2hyDScUne41CeMVfShqKgTBtli8g


December 4, 2019 at 1:20pm

Hey

! I think this is a very good question. Let me try to give you a few suggestion about How I use bottom bar. Maybe it helps... A short background about me: I've been working as a designer for 14 years but I work as an entreprenour for 6 years. I've been working on enterprise softwares. Admins, payment, event builder, donation, survey builder platforms... etc.

I had this issue many times working on products. I usually use bottom bars for main navigation like you demonstrate on your examples. Icons and helper text. But there are some cases when I use only text labels for each navigation elements. But I use top navigations as well because it's inevitable. For example when I have to use sub navigations, tabs or actions on a screen I prefer to use top bar.

I hope I could help you to make sure you're on a proper way.

  • reply
  • like