Design & UX21 categories
Fix the visual hierarchy on this layout
Everything on the screen is shouting and nothing reads first.
Assess the visual hierarchy of this layout. 1. Squint test: in what order do elements actually get noticed? List them. 2. Intended order: what order should they be noticed in, given the user's goal? 3. Where those two lists disagree, name the cause: size, weight, colour, contrast, spacing, position, or sheer quantity of competing elements. 4. Give fixes that reduce emphasis rather than add it. Demoting three things beats promoting one. 5. Check spacing as grouping: is anything visually grouped that is unrelated, or separated that belongs together? End by naming the single most important element on this screen and saying whether it currently reads as such. If the hierarchy is already correct, say so and stop. Layout:
Making it yours
- Paste your own material where the prompt asks for it. Everything above that line is instruction, not content.
- Delete any rule that does not apply to you. A shorter prompt that fits beats a thorough one that does not.
- If the answer comes back vague, add a line saying what you do not want. Constraints work better than encouragement.
Layout and navigation. Making a screen read in the right order, and making a growing product findable.
Related prompts
Restructure this navigation and IAFeatures keep getting bolted onto the menu and nobody can find anything.Adapt this desktop layout for mobileA desktop screen that has to work on a phone without becoming an endless scroll.Are these too many options?A menu or settings panel that has grown one item at a time.Squint test on this layoutEverything on the screen is shouting and nothing reads first.Rewrite the microcopy on this screenBefore shipping a screen where the words started as placeholders you never revisited.Pick the right words for this buttonWhen the options are "OK / Cancel" and nobody is sure what OK does.
Keep this one
Phrasery saves prompts with a right-click and puts them back the same way. Add this to your own library in one click.
Add to your browser — free