Design Tip#18 – Don’t Use Two Icons in the Same Button
Design Tip: Don’t use two icons in the same button as it makes difficult for users to understand the real purpose of the button.
Design Tip#17 – Use Checkboxes When Settings Need Confirmation
Design Tip: Use checkboxes when applied settings require confirmation before they are submitted.
Design Tip#16 – Use Background Overlay with Modal Bottom Menus
Design Tip: Use a background overlay with modal bottom menus so that users know that they cannot interact with the rest of the screen.
Design Tip #15 – Navigation Bar
Don’t use multiple colors in the bottom navigation bar. It will make it harder to find out the selected icon and navigate between options.
Design Tip #13 – Place Buttons Side by Side
Don’t place a button below another button if there is enough space to place them side by side.
Design Tip #12 – Use Divider to Group Related Items on UI
Don’t use dividers to separate individual items, instead use dividers to group items. Find more UI design tips here.
Design Tip #11 – Use Color Contrast for Better Readability
The color contrast should support easy-to-read and distinguishable text over the background and make the useful information stand out effectively. Find more UI design tips here.
Design Tip #10 – Don’t Use Disabled Buttons
While designing the UI, avoid using a disabled button as it becomes hard to find out why it is disabled and what should be done to make it enable.
Design Tip #9 – Add Icons to Menu
Icons provide a great visual way to grab the user’s attention and are fast to recognize and understand.
How to Create a Design System in 8 Steps – Part I
What is a Design System? A design system is a collection of reusable components including code snippets, images, assets, guidelines, and standards that belong to a product design team within an organization. This collection is referred to while designing and …
How to Create a Design System in 8 Steps – Part I Read More »
Design Tip #7 – Error Messages
A good error message is humble and conveys the issues graceful to the user.