Guides

Interface design guides

The standards a good interface meets, and the AI tools now drawing them.

• AI UI design tools compared: apps, prototypes and websitesChoose the output first: an editable design, a prototype, working application code or a published website. Then compare the plan and handover requirements.
• Colour contrast checker (WCAG 2.2)Check any two colours against WCAG 2.2: the ratio, and whether it passes for body text, large text and interface parts such as icons and input borders.
• Dark patterns: the designs that trick users, and what Australian research foundPre-ticked add-ons, fake countdown timers, cancellations hidden five screens deep. Australian research found most people have been caught by one.