The UX Design Checklist

UX design

I am proud of the design

Did you run to your colleagues and say “Look at this awesome shit”? If yes move on. Are the most important elements on top of the page? Does every element on the screen deliver value? Will the user achieve his goal with it? Is it persona-checked? What could make the design fail?

Error states provided

Bad error handling paired with useless error messages will make your visitors leave. Are all forms and input fields error-handled? What does the error page look like? Don’t blame users and say they did something wrong. Help them do it right.

Blank states provided

The first impression is the most important one. It sets expectations and the initial experience of your product. What does the screen look like when the user opens it for the first time? What if there is no data to show? What if there is no result for a search?

Loading animations

When users click and nothing happens they will likely leave. Make sure you always show your users when new content is loading. If it takes a while. use a progress bar. Did you provide the initial loading state of the screen you designed?

Design system checked

Consistency is key. Did you check if you reinvented elements that already exist in the design system? Did you only use fonts from your defined text styles? Did you introduce new colors or shades of colors? Always make sure the symbols page of your Sketch File is empty and everything is in your library.

Wording is awesome

Copywriting is interface design. Do you speak the same language as your audience? What do your users need to know on this screen? Don’t use industry jargon and keep it short and sweet. Always try to word things so your mom could understand it.

Tested on 5 users

After the screens have been developed, design changes take longer. A lot longer. Did you prepare a click dummy to test the design properly beforehand? Did you test it on 5 users? Always try to use real data in your designs, it will increase the quality of the user tests.

Developer handover prepared

Make sure your developers have an effortless experience. Are all Icons exportable? Are they compressed and displayed correctly in the browser? Can they access it via design collaboration tools like Zeplin? Make sure to write down every error state, blank state or animation placement.

You might also enjoy