16 little UI design rules that make a big impact
A UI design case study to redesign an example user interface using logical rules or guidelines
- Use space to group related elements
- Be consistent
- Ensure similar looking elements function similarly
- Create a clear visual hierarchy
- Remove unnecessary styles
- Use colour purposefully
- Ensure interface elements have a 3:1 contrast ratio
- Ensure text has a 4.5:1 contrast ratio
- Don’t rely on colour alone as an indicator
- Use a single sans serif typeface
- Use a typeface with taller lower case letters
- Limit the use of uppercase
- Use regular and bold font weights only
- Avoid pure black text
- Left align text
- Use at least 1.5 line height for body text