Matt D. Smith takes an AI-generated interface rated at 60% usable and walks through concrete fixes: adding strokes to lift modules, removing redundant elements, strengthening typography, and redesigning controls in an iOS style. He argues AI designs need human refinement before shipping.
Chapters
AI got this to 60%, but watch what it takes to get that last 40%. The first thing I'm going to do is fix this weird border. If you put a 10% white 1-pixel stroke on the inside and a transparent black stroke on the outside, this can really help lift your modules off the background. Now let's remove this weird status bar. The bottom content is redundant with the top, so let's remove that as well. Let's go ahead and beef up the typography in the top. Let's regroup these bottom controls. The timeline itself is a little too dainty and the typography is pretty tiny, so let's fix that as well. Finally, these music controls are also a little out of whack, so let's bring some iOS Apple Glass effect to make these stand out a lot more. You can see with just a few changes you can make a huge difference with your interface. So don't let the AI-generated version be the final thing that ships to your users. Put a little bit of love and care into your work and share with a friend who likes to sweat the details.