Leaderboard Ad728 × 90AdSense placeholder — will activate after approval

Pick the Right Component When You Have Three That Almost Fit

Design UI Patterns Intermediate 🤖 ChatGPT 👁 4 views

📝 The Prompt

I'm trying to design [interaction — e.g., select from 8 options, confirm a destructive action, show 3 levels of detail, edit inline vs. in a panel], and I have 3 components in my system that could plausibly work. Here they are: [list the 3 with one sentence each on what they typically do]. Help me pick. Specifically: (1) for each, name the *jobs it does well* and the *jobs it does poorly* — components are not interchangeable, (2) the 1-2 questions about my use case that determine the choice (e.g., how often does the user revisit this, is the action reversible, does the user need to compare options), (3) the choice you'd recommend based on what I told you — and the one specific scenario where you'd flip the choice, (4) a one-line warning if any of my options has a known accessibility or mobile-fit issue I'd hit later. Don't give me 'depends on context' — make the call.

⚙️ Replace 2 placeholders: [interaction — e.g., select from 8 options, confirm a destructive action, show 3 levels of detail, edit inline vs. in a panel] [list the 3 with one sentence each on what they typically do]

🎯 What this prompt does

This AI prompt helps you pick the right component when you have three that almost fit. Designed for ui patterns workflows in the design category, it's a intermediate-level prompt you can copy directly into ChatGPT to get instant, production-ready results.

Use it when you need a intermediate prompt that produces clear, actionable output without wrestling with trial-and-error wording. Just copy, customize, and run.

In-article Ad #1336 × 280AdSense placeholder — will activate after approval

🚀 How to use this prompt

  1. Copy the prompt using the 📋 button above.
  2. Open ChatGPT (or Claude, Gemini, Perplexity, or your preferred LLM).
  3. Paste the prompt into a new chat. Replace 2 bracketed placeholders ([interaction — e.g., select from 8 options, confirm a destructive action, show 3 levels of detail, edit inline vs. in a panel] [list the 3 with one sentence each on what they typically do] ) with your own details.
  4. Run the prompt and review the AI's response. Most outputs are usable immediately.
  5. Iterate if needed — if the tone, length, or structure isn't quite right, reply with "make it shorter", "use bullet points", or "make it more formal" and the AI will refine it.

💡 Tips for better results

  • Replace the bracketed placeholders ([interaction — e.g., select from 8 options, confirm a destructive action, show 3 levels of detail, edit inline vs. in a panel], [list the 3 with one sentence each on what they typically do]) with your own specifics before sending.
  • If the first output isn't quite right, ask the AI to refine, rewrite, or add more detail — iteration is key.
  • For long outputs, ask for a section at a time (e.g. 'start with the introduction only') to keep quality high.
  • Combine this with other design prompts to build an end-to-end workflow.
  • Save your favorite variations — small wording tweaks often produce noticeably different results.
In-article Ad #2336 × 280AdSense placeholder — will activate after approval

✨ What you'll get

When you run this prompt, expect ChatGPT to return:

  • A directly usable ui patterns output tailored to the details you provided
  • Clear structure (headings, bullets, or numbered sections) that you can drop into your workflow
  • Content that matches your specified tone and context
  • Results in under 30 seconds — no manual drafting required

Need a different angle? Just ask follow-up questions. The AI will adjust without you starting over.

🔄 3 variations to try

1

Make it more formal

Add "Use a formal, professional tone suitable for enterprise clients" at the start of the prompt.

2

Ask for multiple options

Append "Give me 5 alternative versions, each with a different angle or approach." after the main instruction.

3

Request structured output

Add "Return the response as a markdown table (or bullet list, or JSON)" so you can paste the result directly into your docs or code.

🏷 Tags

🔎 Find more prompts like this

Browse 161 more design prompts or search the full library.

End-of-content Ad728 × 90AdSense placeholder — will activate after approval
Mobile Sticky320 × 50AdSense placeholder — will activate after approval