By WalkingTree   July 30, 2020

UI Checklist

Every designer has a different approach when it comes to delivering quality design. It’s best to have design criteria or like a checklist for delivering better products or services. A UI checklist covers diverse topics that all of your team members will appreciate. Let’s take a look at some of the checklist points in terms of UI.

Visual 

  • Are you using brand colors exclusively?
  • Does your relative spacing match the relative spacing of similar UI elements?
  • Are you using the right shadow criteria?

Consistency 

  • Do interactions, icons that perform the same actions as others that already exist in the site or app?
  • Are you using the appropriate sizes and elements for desktop vs. mobile web vs. an app?
  • Are you using existing elements/components where appropriate?
  • Is your icon placement relative to text appropriate?

Interaction 

  • Are animation curves and durations to enter, exit, and state change defined?
  • Are all states accounted for?

Typography 

  • Are you using heading, body, and helper copy styles correctly?
  • Are you using the right colors for the type style that you have chosen?

Hierarchy

  • Do the most important UI elements take priority?
  • Are you using the correct type of elements to communicate hierarchy?

Cases

  • What happens to text when it gets too long? (e.g. truncation, wrapping, etc)
  • Are all empty, error, and loading states accounted for? 

Read on to know more about the UI checklist and accessibility best practices you can use while designing.

Blogs

Translate »