Learn to Design “Bottom Sheets” from Vimeo, Dropbox, Youtube, etc.
By: Jaskaran Singh
Tags: UX Design, Design, UX, UI, UI Design

let’s talk about something new and exciting element which is recently got very attention because of its one-handed usage and get its place very where on the apps and got spread like a wildfire, yes I’m talking about the bottom sheets.

Why Bottoms Sheets

Bottom sheets are very great if you want to show them the options and things to choose from, instead of using the modal or something else use the bottom sheets the most important reason for using it is its one-handed usability.

Because when you use the bottom sheets you can access many of the elements inside it with just one hand which turns out to be great in terms of one hand usage as many designers make their design one hand accessible they are using bottom sheets a lot.

Therefore I created this article to teach some of the important lessons about designing a perfect bottom sheet that enhances your design and suits best for the audience.

Learn to Design Bottom Sheets

So, when you cleared out why you wanted to use the bottom sheet you may ask how can I actually make it perfect basically I tried to put the basics into the points of making a bottom sheet look great which is as near to the perfect and works well if you add that into your design.

let’s talk about some of the points that can help you in building better bottom sheets for your next application.

#1 Icons and Images

Show the icons, images, and illustrations because they are very much important to be used inside a bottom sheet especially when you want to show some specific things in an easy way. using images and icons helps you in grabbing the attention of the user and explaining things in a better and simpler way and it looks simple and awesome.

#2 Titles

Make your titles simple to read as the bottom sheets are small in size and take half and sometimes more than half of the screen is not full and have many things to shows, therefore, the best way to show the text inside it is to use the little titles which are basically simple to read and understand.

#3 Size

The bottom sheets are used to make the content available easily at the tip of the user’s thumb and to make it possible the best thing is to make the design of the bottom sheet inside the red zone as I showed you above in the why section. You can make the bottom sheet scrollable if you have too much data but make it handy in the first place.

#4 Add Button

Adding buttons inside the bottom sheets really help, Adding buttons inside the bottom sheets helps a lot as the bottom sheets focus the user retention on the specific part, and there you can easily show the button which helps both user and the company to make user easily buy, share, sign up, etc.

#5 Background Blur

Adding background blur is some kind of necessity while designing a bottom sheet as it helps you to make the user to focus on the content you want him to see and focus on which helps them to easily choose and select the thing they want without any direction from the background.

Personally, I like to blur the background, add short titles, add simple but informative icons and imagery and I love to add a button that makes the whole bottom sheet worth it.

Some Best Apps that Use Bottom Sheets Perfectly.

Many of you are thinking that yeah I got the idea of building the better bottom sheets but whom I can follow or inspire to learn from and literally test from, let me give you some cool apps examples.