Don’t use lengthy labels for input controls. Labels shouldn’t take up multiple lines. It should be kept to a single line. Use concise and clear language for your labels, ensuring they fit on a single line without losing meaning or …
Design Tip #32 – Don’t Use Lengthy Labels for Input Controls Read More »
Group destructive actions separately in a drop-down menu.
To encourage minimalist design, it’s tempting to use only the color to indicate an error, however, it is better to provide a related icon and text message.
The color contrast should support easy-to-read and distinguishable text over the background and make the useful information stand out effectively. Find more design tips here. Want to Learn UX Design? Thanks for reading. Subscribe to more related articles at UX World. If …
Design Tip #11 – Use Color Contrast for Better Readability Read More »
Use the width of an input field as an indicator to identify the number of input characters it can contain. This will help users to determine the characters of input they can provide. See more Design Tips Want to Learn …
Buttons should look like standard buttons. Using unusual shapes and styles will confuse users. Create a style guide to use while designing your application. This will help you stick with the standard theme and style. Learn more about designing accessible …
Icons provide a great visual way to grab the user’s attention and are fast to recognize and understand.
Make the primary action button stand out on the page by designing a stronger visual. This can include its visual weight, color, size, and placement. Find more UI design tips here. Want to Learn UX Design? Thanks for reading. Subscribe to …
Design Tip #5 – Make the Primary Action Button Stand out Read More »
Most of the time, all fields in a form are mandatory except a couple of optional fields. To avoid clutter, it is better to mark optional labels for fields that are not required. Learn more about marking required and optional …
Create a visual contrast between the two elements when designing text over images. Use overlays to make images stand out less. This will help you design accessible text over images. See more Design Tips. Want to Learn UX Design? Thanks for reading. …
Design Tip#30 – Design Accessible Text Over Images Read More »
Use uppercase text (all caps) for tags, status, and other similar elements. They have a stronger visual impact than lowercase. See more Design Tips. Want to Learn UX Design? Thanks for reading. Subscribe to more related articles on UX World. If you have …
Do not highlight metrics labels as it will take the user’s focus away from the actual values. Highlight the important figures to draw the user’s attention directly to the critical data. See more Design Tips. Want to Learn UX Design? …
Design Tip#28 – Prioritize Important Information Read More »
Use short tab labels. Use a single word and no more than 2 words as tab labels. See more guidelines on Tabs design. See more Design Tips Want to Learn UX Design? Thanks for reading. Subscribe for more related articles at UX …
Don’t center align the options in a bottom tab bar; instead distribute the available space evenly. See more Design Tips Want to Learn UX Design? Thanks for reading. Subscribe for more related articles at UX World. If you have any questions, contact …
Design Tip#26 – Distribute Icons in the Bottom Tab Bar Read More »
Do not use a mix of filled icons and outline icons on the same interface. See more Design Tips. Want to Learn UX Design? Try Interaction Design Foundation. IxDF offers online design courses that cover the entire spectrum of UX design, …
Well-designed empty states use visuals to show the purpose of the app and suggest actions that the user can take in response to the empty state. See best practices to design an empty state for your application.
Adding a border of the background color around the profile picture makes it distinguishable from the cover photo behind it. Want to Learn UX Design? Thanks for reading. Subscribe for more related articles at UX World. If you have any questions, contact …
Design Tip#22 – Make Profile Pictures Stand Out with Borders Read More »
A multi-line input control is used to get longer, open-ended responses. Design the layout of the control in a way that makes it clear to the user that they can enter multiple lines of text.
A multi-step form makes it easier for users to manage large information in a simplified way. They can focus on a single group of properties at a time.
Design Tip: Don’t use labels as placeholders. Hiding the label when the user clicks inside the text control strains the user’s short-term memory.
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: Use checkboxes when applied settings require confirmation before they are submitted.
Use a background overlay with modal bottom menus so that users know that they cannot interact with the rest of the screen. See more design tips. Want to Learn UX Design? Thanks for reading. Subscribe for more related articles at UX World. …
Design Tip#16 – Use Background Overlay With Modal Bottom Menus Read More »
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.
Don’t place a button below another button if there is enough space to place them side by side. See more design tips. Want to Learn UX Design? Thanks for reading. Subscribe for more related articles at UX World. If you have any …
Don’t use dividers to separate individual items, instead use dividers to group items. Find more UI design tips here.
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 enable it. It is better to keep buttons enabled all the time and highlight …
Design Tip #10 – Don’t Use Disabled Buttons on UI Read More »
Always use button labels that are clear and meaningful to the user. Button labels inspire the users to take action. To indicate what a button will do, use the function as the label of the button. When users read the …
Design Tip #8 – Use Action Verbs as Button Labels Read More »
A good error message is humble and conveys the issues gracefully to the user. See more design tips. Want to Learn UX Design? Thanks for reading. Subscribe to more related articles at UX World. If you have any questions, contact us here: Facebook | YouTube | Twitter | Instagram | Linkedin
Don’t use placeholder text as it disappears as soon as the user starts typing the input. Recalling the instructions while entering the text is annoying for the user. The only way to restore it is to remove the entered text. …
Design Tip #3 – Don’t Use Placeholder Text in Controls Read More »
