DEV Community

Rasmus Larsson
Rasmus Larsson

Posted on • Edited on

Design Review Checklist πŸ“‹

My simple checklist of things to ask as a developer when doing a design review in e.g. Figma.

Item Description
Does it cover the happy case?
Does it cover the empty case? E.g. if there are zero items in a list.
Does it cover the error case? E.g. if fetching data failed.
Does it cover the growth case? How do dynamic objects such as lists, text etc. grow beyond the fold or similar and how will the design react?
Does it cover the shrink case? How do dynamic objects such as lists, text etc. shrink and how will the design react? What happens if a dropdown shrinks to just one item?
Does it cover not yet loaded/loading states? Spinners, async states etc.
Is the flow clear? Is the flow from view to view or between elements clear?
Does it cover responsive cases?
Does it cover accessibility? E.g. left handedness
Does it show l10n/i18n variants?

Top comments (0)