Tips
Design Tip - Use appropriate input controls
Tips

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

Design Tip - Convey input requirements clearly
Tips

Design Tip #33 – Convey Input Requirements Clearly

Design Tip - Don't use lengthy labels
Tips

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

Design Tip 14_destructive action
Tips

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

Design Tip 24_use icon and text message to indicate errors
Tips

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

Design Tip 11 - Use Color Contrast
Tips

Design Tip #11 – Use Color Contrast for Better Readability

Design Tip 6 - Adjust input control width
Tips

Design Tip #6: Adjust Input Control Width

Design Tip 31 - Button Design Guidelines
Tips

Design Tip#31 – Button Design Guidelines

Design Tip 9 - use icons in. menu
Tips

Design Tip #9 – Add Icons to Menu

Design Tip 5: Make the primary action button stand out
Tips

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

Design Tip 4: Mark optional fields only
Tips

Design Tip#4 – Mark Optional Fields Only

Design Tip 30 - Design Accessible Text over Images
Tips

Design Tip#30 – Design Accessible Text Over Images

Design Tip 29 - When to use Upper Case Text
Tips

Design Tip#29 – When to Use Upper Case Text

Design Tip 28 - Prioritize Important Information
Tips

Design Tip#28 – Prioritize Important Information

Design Tip 27: Tab Labels
Tips

Design Tip#27 – Use Short Tab Labels

Design Tip 26 - Icons in Bottom Tab bar
Tips

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

Design Tip - Filled vs. Outlined icons
Tips

Design Tip#25 – Filled vs. Outlined Icons

Design Tip 23_empty state ux
Tips

Design Tip#23 – How to Design Empty States?

Design Tip 22_profile picture outline
Tips

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

Design Tip 20_multi step form UX
Tips

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

Design Tip 19_Dont use labels as placeholder 5
Tips

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

Design Tip 18 - Dont use two icons in the same button
Tips

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

Design Tip 17_Checkbox Guidelines
Tips

Design Tip#17 – Use Checkboxes When Settings Need Confirmation

Design Tip 16_Overlay UX
Tips

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

Design Tip 15 - Navigation Bar
Tips

Design Tip #15 – Navigation Bar

Design Tip 13_Button Design
Tips

Design Tip #13 – Place Buttons Side by Side

Design Tip 12_Dividers
Tips

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

Design Tip 10_Dont use disabled button
Tips

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

Design Tip 8_Button Labels
Tips

Design Tip #8 – Use Action Verbs as Button Labels

Design Tip 7_Error Messages
Tips

Design Tip #7 – Error Messages

Design Tip 3 - Input Controls
Tips

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

Design Tip 2_Display options side by side
Tips

Design Tip #2: Display Options Side by Side

Design Tip 1_Dont wrap text on buttons
Tips

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