Design QA Checklist on Developer Build (Part 2 of 3)

Colors:

• Respecting primary colors and accents
• Background colors, illustrations, text, buttons, icons, card shadows, etc
• Different interface states e.g. a “night” mode

Affordance:

• Component states (buttons, links, icons, checkboxes, etc.) like “normal,” “hover,” “pressed” and“disabled”
• Micro-interactions in navigation menus or tab bars
• Have proper links been added?
• How do different states of form fields appear? (Normal, errors, mandatory, dropdowns, focused, typing, disabled)
• Should open dropdown menus have a specific appearance?
• Do form fields have the correct size on each device?