Tips
Design Tip_Use divider to group similar items
Tips

Design Tip #12 – Use Divider to Group Related Items on UI

April 19, 2025
Design Tip - Use appropriate input controls
Tips

Design Tip#21 – Use Appropriate Input Controls in Your Forms

December 6, 2024
Design Tip - Convey input requirements clearly
Tips

Design Tip #33 – Convey Input Requirements Clearly

November 28, 2024
Design Tip - Don't use lengthy labels
Tips

Design Tip #32 – Don’t Use Lengthy Labels for Input Controls

November 18, 2024
Design Tip 14_destructive action
Tips

Design Tip #14 – Destructive Actions in Drop-Down Menu

October 21, 2024
Design Tip 24_use icon and text message to indicate errors
Tips

Design Tip#24 – Use Visual Indication and Text Message to Explain Errors

October 13, 2024
Design Tip 11 - Use Color Contrast
Tips

Design Tip #11 – Use Color Contrast for Better Readability

September 30, 2024
Design Tip 6 - Adjust input control width
Tips

Design Tip #6: Adjust Input Control Width

September 23, 2024
Design Tip 31 - Button Design Guidelines
Tips

Design Tip#31 – Button Design Guidelines

September 15, 2024
Design Tip 9 - use icons in. menu
Tips

Design Tip #9 – Add Icons to Menu

September 8, 2024
Design Tip 5: Make the primary action button stand out
Tips

Design Tip #5 – Make the Primary Action Button Stand out

September 2, 2024
Design Tip 4: Mark optional fields only
Tips

Design Tip#4 – Mark Optional Fields Only

August 26, 2024
Design Tip 30 - Design Accessible Text over Images
Tips

Design Tip#30 – Design Accessible Text Over Images

August 18, 2024
Design Tip 29 - When to use Upper Case Text
Tips

Design Tip#29 – When to Use Upper Case Text

August 11, 2024
Design Tip 28 - Prioritize Important Information
Tips

Design Tip#28 – Prioritize Important Information

August 3, 2024
Design Tip 27: Tab Labels
Tips

Design Tip#27 – Use Short Tab Labels

July 27, 2024
Design Tip 26 - Icons in Bottom Tab bar
Tips

Design Tip#26 – Distribute Icons in the Bottom Tab Bar

June 9, 2024
Design Tip - Filled vs. Outlined icons
Tips

Design Tip#25 – Filled vs. Outlined Icons

February 12, 2024
Design Tip 23_empty state ux
Tips

Design Tip#23 – How to Design Empty States?

March 7, 2023
Design Tip 22_profile picture outline
Tips

Design Tip#22 – Make Profile Pictures Stand Out with Borders

February 8, 2023
Design Tip 20_multi step form UX
Tips

Design Tip#20 – Use Multi-Step Form to Manage Information

November 24, 2022
Design Tip 19_Dont use labels as placeholder 5
Tips

Design Tip#19 – Don’t Use Label as Placeholder Text

October 3, 2022
Design Tip 18 - Dont use two icons in the same button
Tips

Design Tip#18 – Don’t Use Two Icons in the Same Button

September 5, 2022
Design Tip 17_Checkbox Guidelines
Tips

Design Tip#17 – Use Checkboxes When Settings Need Confirmation

August 7, 2022
Design Tip 16_Overlay UX
Tips

Design Tip#16 – Use Background Overlay With Modal Bottom Menus

June 8, 2022
Design Tip 15 - Navigation Bar
Tips

Design Tip #15 – Navigation Bar

March 2, 2022
Design Tip 13_Button Design
Tips

Design Tip #13 – Place Buttons Side by Side

October 2, 2021
Design Tip 10_Dont use disabled button
Tips

Design Tip #10 – Don’t Use Disabled Buttons on UI

July 9, 2021
Design Tip 8_Button Labels
Tips

Design Tip #8 – Use Action Verbs as Button Labels

June 11, 2021
Design Tip 7_Error Messages
Tips

Design Tip #7 – Error Messages

May 30, 2021
Design Tip 3 - Input Controls
Tips

Design Tip #3 – Don’t Use Placeholder Text in Controls

December 27, 2019
Design Tip 2_Display options side by side
Tips

Design Tip #2: Display Options Side by Side

November 22, 2019
Design Tip 1_Dont wrap text on buttons
Tips

Design Tip #1: Don’t Wrap Text on Buttons

October 15, 2019