Design & UX21 categories
Adapt this desktop layout for mobile
A desktop screen that has to work on a phone without becoming an endless scroll.
Longmobileresponsivelayout
Adapt this desktop layout for a phone. Do not simply stack the columns. 1. Rank the content by what a phone user actually needs here. Say what moves below the fold, behind a tap, or off the screen entirely. 2. Decide the pattern for each desktop element: a table becomes cards or scrolls horizontally, a sidebar becomes a sheet or a filter button, hover reveals become always visible or become tap targets. 3. Handle the primary action: where it sits, whether it sticks, and what happens to it when the keyboard opens. 4. Check touch targets, thumb reach, and anything relying on hover or right-click. 5. Consider the small phone, not just the one in your design file. Say explicitly what the mobile version will not do, and whether that is acceptable. Desktop 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
Fix the visual hierarchy on this layoutEverything on the screen is shouting and nothing reads first.Restructure this navigation and IAFeatures keep getting bolted onto the menu and nobody can find anything.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