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

Privacy Preferences
When you visit our website, it may store information through your browser from specific services, usually in form of cookies. Here you can change your privacy preferences. Please note that blocking some types of cookies may impact your experience on our website and the services we offer.