{"id":555,"date":"2025-08-29T10:00:00","date_gmt":"2025-08-29T10:00:00","guid":{"rendered":"http:\/\/www.guupon.com\/?p=555"},"modified":"2025-09-03T15:38:48","modified_gmt":"2025-09-03T15:38:48","slug":"prompting-is-a-design-act-how-to-brief-guide-and-iterate-with-ai","status":"publish","type":"post","link":"http:\/\/www.guupon.com\/index.php\/2025\/08\/29\/prompting-is-a-design-act-how-to-brief-guide-and-iterate-with-ai\/","title":{"rendered":"Prompting Is A Design Act: How To Brief, Guide And Iterate With AI"},"content":{"rendered":"<p>              <title>Prompting Is A Design Act: How To Brief, Guide And Iterate With AI<\/title><\/p>\n<article>\n<header>\n<h1>Prompting Is A Design Act: How To Brief, Guide And Iterate With AI<\/h1>\n<address>Lyndon Cerejo<\/address>\n<p>                  2025-08-29T10:00:00+00:00<br \/>\n                  2025-09-03T15:02:57+00:00<br \/>\n                <\/header>\n<p>In \u201c<a href=\"https:\/\/www.smashingmagazine.com\/2025\/08\/week-in-life-ai-augmented-designer\/\">A Week In The Life Of An AI-Augmented Designer<\/a>\u201d, we followed Kate\u2019s weeklong journey of her first AI-augmented design sprint. She had three realizations through the process:<\/p>\n<ol>\n<li><strong>AI isn\u2019t a co-pilot (yet); it\u2019s more like a smart, eager intern<\/strong>.<br \/>\nOne with access to a lot of information, good recall, fast execution, but no context. That mindset defined how she approached every interaction with AI: not as magic, but as management.<\/li>\n<li><strong>Don\u2019t trust; guide, coach, and always verify.<\/strong><br \/>\nLike any intern, AI needs coaching and supervision, and that\u2019s where her designerly skills kicked in. Kate relied on curiosity to explore, observation to spot bias, empathy to humanize the output, and critical thinking to challenge what didn\u2019t feel right. Her learning mindset helped her keep up with advances, and experimentation helped her learn by doing.<\/li>\n<li><strong>Prompting is part creative brief, and part conversation design, just with an AI instead of a person.<\/strong><br \/>\nWhen you prompt an AI, you\u2019re not just giving instructions, but designing how it responds, behaves, and outputs information. If AI is like an intern, then the prompt is your creative brief that frames the task, sets the tone, and clarifies what good looks like. It\u2019s also your conversation script that guides how it responds, how the interaction flows, and how ambiguity is handled.<\/li>\n<\/ol>\n<p>As designers, we\u2019re used to designing interactions for people. Prompting is us designing our own interactions with machines &mdash; it uses the same mindset with a new medium. It shapes an AI\u2019s behavior the same way you\u2019d guide a user with structure, clarity, and intent.<\/p>\n<p>If you\u2019ve bookmarked, downloaded, or saved prompts from others, you\u2019re not alone. We\u2019ve all done that during our AI journeys. But while someone else\u2019s prompts are a good starting point, you will get better and more relevant results if you can write your own prompts tailored to your goals, context, and style. Using someone else\u2019s prompt is like using a Figma template. It gets the job done, but mastery comes from understanding and applying the fundamentals of design, including layout, flow, and reasoning. Prompts have a structure too. And when you learn it, you stop guessing and start designing.<\/p>\n<p><strong>Note<\/strong>: <em>All prompts in this article were tested using ChatGPT &mdash; not because it\u2019s the only game in town, but because it\u2019s friendly, flexible, and lets you talk like a person, yes, even after the recent GPT-5 \u201cupdate\u201d. That said, any LLM with a decent attention span will work. Results for the same prompt may vary based on the AI model you use, the AI\u2019s training, mood, and how confidently it can hallucinate.<\/em><\/p>\n<p><strong>Privacy PSA<\/strong>: <em>As always, don\u2019t share anything you wouldn\u2019t want leaked, logged, or accidentally included in the next AI-generated meme. Keep it safe, legal, and user-respecting.<\/em><\/p>\n<p>With that out of the way, let\u2019s dive into the mindset, anatomy, and methods of effective prompting as another tool in your design toolkit.<\/p>\n<div data-audience=\"non-subscriber\" data-remove=\"true\" class=\"feature-panel-container\">\n<aside class=\"feature-panel\">\n<div class=\"feature-panel-left-col\">\n<div class=\"feature-panel-description\">\n<p>Meet <strong><a data-instant href=\"https:\/\/www.smashingconf.com\/online-workshops\/\">Smashing Workshops<\/a><\/strong> on <strong>front-end, design &amp; UX<\/strong>, with practical takeaways, live sessions, <strong>video recordings<\/strong> and a friendly Q&amp;A. With Brad Frost, St\u00e9ph Walter and <a href=\"https:\/\/smashingconf.com\/online-workshops\/workshops\">so many others<\/a>.<\/p>\n<p><a data-instant href=\"smashing-workshops\" class=\"btn btn--green btn--large\">Jump to the workshops&nbsp;\u21ac<\/a><\/div>\n<\/div>\n<div class=\"feature-panel-right-col\"><a data-instant href=\"smashing-workshops\" class=\"feature-panel-image-link\"><\/p>\n<div class=\"feature-panel-image\">\n<img decoding=\"async\" loading=\"lazy\" class=\"feature-panel-image-img\" src=\"\/images\/smashing-cat\/cat-scubadiving-panel.svg\" alt=\"Feature Panel\" width=\"257\" height=\"355\" \/><\/p>\n<\/div>\n<p><\/a>\n<\/div>\n<\/aside>\n<\/div>\n<h2 id=\"mindset-prompt-like-a-designer\">Mindset: Prompt Like A Designer<\/h2>\n<p>As designers, we storyboard journeys, wireframe interfaces to guide users, and write UX copy with intention. However, when prompting AI, we treat it differently: \u201cSummarize these insights\u201d, \u201cMake this better\u201d, \u201cWrite copy for this screen\u201d, and then wonder why the output feels generic, off-brand, or just meh. It\u2019s like expecting a creative team to deliver great work from a one-line Slack message. We wouldn\u2019t brief a freelancer, much less an intern, with \u201cDesign a landing page,\u201d so why brief AI that way?<\/p>\n<h3 id=\"prompting-is-a-creative-brief-for-a-machine\">Prompting Is A Creative Brief For A Machine<\/h3>\n<p>Think of a good prompt as a <strong>creative brief<\/strong>, just for a non-human collaborator. It needs similar elements, including a clear role, defined goal, relevant context, tone guidance, and output expectations. Just as a well-written creative brief unlocks alignment and quality from your team, a well-structured prompt helps the AI meet your expectations, even though it doesn\u2019t have real instincts or opinions.<\/p>\n<h3 id=\"prompting-is-also-conversation-design\">Prompting Is Also Conversation Design<\/h3>\n<p>A good prompt goes beyond defining the task and sets the tone for the exchange by designing a conversation: guiding how the AI interprets, sequences, and responds. You shape the flow of tasks, how ambiguity is handled, and how refinement happens &mdash; that\u2019s conversation design.<\/p>\n<h2 id=\"anatomy-structure-it-like-a-designer\">Anatomy: Structure It Like A Designer<\/h2>\n<p>So how do you write a designer-quality prompt? That\u2019s where the <strong>W.I.R.E.+F.R.A.M.E.<\/strong> prompt design framework comes in &mdash; a UX-inspired framework for writing intentional, structured, and reusable prompts. Each letter represents a key design direction, grounded in the way UX designers already think: Just as a wireframe doesn\u2019t dictate final visuals, this WIRE+FRAME framework doesn\u2019t constrain creativity, but guides the AI with structured information it needs.<\/p>\n<blockquote><p>\u201cWhy not just use a series of back-and-forth chats with AI?\u201d<\/p><\/blockquote>\n<p>You can, and many people do. But without structure, AI fills in the gaps on its own, often with vague or generic results. A good prompt upfront saves time, reduces trial and error, and improves consistency. And whether you\u2019re working on your own or across a team, a framework means you\u2019re not reinventing a prompt every time but reusing what works to get better results faster.<\/p>\n<p>Just as we build wireframes before adding layers of fidelity, the WIRE+FRAME framework has two parts:<\/p>\n<ul>\n<li><strong>WIRE<\/strong> is the must-have skeleton. It gives the prompt its shape.<\/li>\n<li><strong>FRAME<\/strong> is the set of enhancements that bring polish, logic, tone, and reusability &mdash; like building a high-fidelity interface from the wireframe.<\/li>\n<\/ul>\n<p>Let\u2019s improve <a href=\"https:\/\/www.smashingmagazine.com\/2025\/08\/week-in-life-ai-augmented-designer\/\">Kate\u2019s original research synthesis prompt<\/a> (<em>\u201cRead this customer feedback and tell me how we can improve financial literacy for Gen Z in our app\u201d<\/em>). To better reflect how people actually prompt in practice, let\u2019s tweak it to a more broadly applicable version: <em>\u201cRead this customer feedback and tell me how we can improve our app for Gen Z users.\u201d<\/em> This one-liner mirrors the kinds of prompts we often throw at AI tools: short, simple, and often lacking structure.<\/p>\n<p>Now, we\u2019ll take that prompt and rebuild it using the first four elements of the <strong>W.I.R.E.<\/strong> framework &mdash; the core building blocks that provide AI with the main information it needs to deliver useful results.<\/p>\n<h3 id=\"w-who-what\">W: Who &amp; What<\/h3>\n<p><em>Define who the AI should be, and what it\u2019s being asked to deliver.<\/em><\/p>\n<p>A creative brief starts with assigning the right hat. Are you briefing a copywriter? A strategist? A product designer? The same logic applies here. Give the AI a clear identity and task. Treat AI like a trusted freelancer or intern. Instead of saying \u201chelp me\u201d, tell it who it should act as and what\u2019s expected.<\/p>\n<p><strong>Example<\/strong>: <em>\u201cYou are a senior UX researcher and customer insights analyst. You specialize in synthesizing qualitative data from diverse sources to identify patterns, surface user pain points, and map them across customer journey stages. Your outputs directly inform product, UX, and service priorities.\u201d<\/em><\/p>\n<h3 id=\"i-input-context\">I: Input Context<\/h3>\n<p><em>Provide background that frames the task.<\/em><\/p>\n<p>Creative partners don\u2019t work in a vacuum. They need context: the audience, goals, product, competitive landscape, and what\u2019s been tried already. This is the \u201cWhat you need to know before you start\u201d section of the brief. Think: key insights, friction points, business objectives. The same goes for your prompt.<\/p>\n<p><strong>Example<\/strong>: <em>\u201cYou are analyzing customer feedback for Fintech Brand\u2019s app, targeting Gen Z users. Feedback will be uploaded from sources such as app store reviews, survey feedback, and usability test transcripts.\u201d<\/em><\/p>\n<h3 id=\"r-rules-constraints\">R: Rules &amp; Constraints<\/h3>\n<p><em>Clarify any limitations, boundaries, and exclusions.<\/em><\/p>\n<p>Good creative briefs always include boundaries &mdash; what to avoid, what\u2019s off-brand, or what\u2019s non-negotiable. Things like brand voice guidelines, legal requirements, or time and word count limits. Constraints don\u2019t limit creativity &mdash; they focus it. AI needs the same constraints to avoid going off the rails.<\/p>\n<p><strong>Example<\/strong>: <em>\u201cOnly analyze the uploaded customer feedback data. Do not fabricate pain points, representative quotes, journey stages, or patterns. Do not supplement with prior knowledge or hypothetical examples. Use clear, neutral, stakeholder-facing language.\u201d<\/em><\/p>\n<h3 id=\"e-expected-output\">E: Expected Output<\/h3>\n<p><em>Spell out what the deliverable should look like.<\/em><\/p>\n<p>This is the deliverable spec: What does the finished product look like? What tone, format, or channel is it for? Even if the task is clear, the format often isn\u2019t. Do you want bullet points or a story? A table or a headline? If you don\u2019t say, the AI will guess, and probably guess wrong. Even better, include an example of the output you want, an effective way to help AI know what you\u2019re expecting. If you\u2019re using GPT-5, you can also mix examples across formats (text, images, tables) together.<\/p>\n<p><strong>Example<\/strong>: <em>\u201cReturn a structured list of themes. For each theme, include:<\/em><\/p>\n<ul>\n<li><strong><em>Theme Title<\/em><\/strong><\/li>\n<li><strong><em>Summary of the Issue<\/em><\/strong><\/li>\n<li><strong><em>Problem Statement<\/em><\/strong><\/li>\n<li><strong><em>Opportunity<\/em><\/strong><\/li>\n<li><strong><em>Representative Quotes (from data only)<\/em><\/strong><\/li>\n<li><strong><em>Journey Stage(s)<\/em><\/strong><\/li>\n<li><strong><em>Frequency (count from data)<\/em><\/strong><\/li>\n<li><strong><em>Severity Score (1\u20135)<\/em><\/strong> <em>where 1 = Minor inconvenience or annoyance; 3 = Frustrating but workaround exists; 5 = Blocking issue<\/em><\/li>\n<li><strong><em>Estimated Effort (Low \/ Medium \/ High)<\/em><\/strong>, <em>where Low = Copy or content tweak; Medium = Logic\/UX\/UI change; High = Significant changes.\u201d<\/em><\/li>\n<\/ul>\n<p><strong>WIRE<\/strong> gives you everything you need to stop guessing and start designing your prompts with purpose. When you start with WIRE, your prompting is like a briefing, treating AI like a collaborator.<\/p>\n<p>Once you\u2019ve mastered this core structure, you can layer in additional fidelity, like tone, step-by-step flow, or iterative feedback, using the <strong>FRAME<\/strong> elements. These five elements provide additional guidance and clarity to your prompt by layering clear deliverables, thoughtful tone, reusable structure, and space for creative iteration.<\/p>\n<h3 id=\"f-flow-of-tasks\">F: Flow of Tasks<\/h3>\n<p><em>Break complex prompts into clear, ordered steps.<\/em><\/p>\n<p>This is your project plan or creative workflow that lays out the stages, dependencies, or sequence of execution. When the task has multiple parts, don\u2019t just throw it all into one sentence. You are doing the thinking and guiding AI. Structure it like steps in a user journey or modules in a storyboard. In this example, it fits as the blueprint for the AI to use to generate the table described in \u201cE: Expected Output\u201d<\/p>\n<p><strong>Example<\/strong>: <em>\u201cRecommended flow of tasks:<br \/>\nStep 1: Parse the uploaded data and extract discrete pain points.<br \/>\nStep 2: Group them into themes based on pattern similarity.<br \/>\nStep 3: Score each theme by frequency (from data), severity (based on content), and estimated effort.<br \/>\nStep 4: Map each theme to the appropriate customer journey stage(s).<br \/>\nStep 5: For each theme, write a clear problem statement and opportunity based only on what\u2019s in the data.\u201d<\/em><\/p>\n<h3 id=\"r-reference-voice-or-style\">R: Reference Voice or Style<\/h3>\n<p><em>Name the desired tone, mood, or reference brand.<\/em><\/p>\n<p>This is the brand voice section or style mood board &mdash; reference points that shape the creative feel. Sometimes you want buttoned-up. Other times, you want conversational. Don\u2019t assume the AI knows your tone, so spell it out.<\/p>\n<p><strong>Example<\/strong>: <em>\u201cUse the tone of a UX insights deck or product research report. Be concise, pattern-driven, and objective. Make summaries easy to scan by product managers and design leads.\u201d<\/em><\/p>\n<h3 id=\"a-ask-for-clarification\">A: Ask for Clarification<\/h3>\n<p><em>Invite the AI to ask questions before generating, if anything is unclear.<\/em><\/p>\n<p>This is your <em>\u201cAny questions before we begin?\u201d<\/em> moment &mdash; a key step in collaborative creative work. You wouldn\u2019t want a freelancer to guess what you meant if the brief was fuzzy, so why expect AI to do better? Ask AI to reflect or clarify before jumping into output mode.<\/p>\n<p><strong>Example<\/strong>: <em>\u201cIf the uploaded data is missing or unclear, ask for it before continuing. Also, ask for clarification if the feedback format is unstructured or inconsistent, or if the scoring criteria need refinement.\u201d<\/em><\/p>\n<h3 id=\"m-memory-within-the-conversation\">M: Memory (Within The Conversation)<\/h3>\n<p><em>Reference earlier parts of the conversation and reuse what\u2019s working.<\/em><\/p>\n<p>This is similar to keeping visual tone or campaign language consistent across deliverables in a creative brief. Prompts are rarely one-shot tasks, so this reminds AI of the tone, audience, or structure already in play. GPT-5 got better with memory, but this still remains a useful element, especially if you switch topics or jump around.<\/p>\n<p><strong>Example<\/strong>: <em>\u201cUnless I say otherwise, keep using this process: analyze the data, group into themes, rank by importance, then suggest an action for each.\u201d<\/em><\/p>\n<div class=\"partners__lead-place\"><\/div>\n<h3 id=\"e-evaluate-iterate\">E: Evaluate &amp; Iterate<\/h3>\n<p><em>Invite the AI to critique, improve, or generate variations.<\/em><\/p>\n<p>This is your revision loop &mdash; your way of prompting for creative direction, exploration, and refinement. Just like creatives expect feedback, your AI partner can handle review cycles if you ask for them. Build iteration into the brief to get closer to what you actually need. Sometimes, you may see ChatGPT test two versions of a response on its own by asking for your preference.<\/p>\n<p><strong>Example<\/strong>: <em>\u201cAfter listing all themes, identify the one with the highest combined priority score (based on frequency, severity, and effort).<\/em><\/p>\n<p><em>For that top-priority theme:<\/em><\/p>\n<ul>\n<li><em>Critically evaluate its framing: Is the title clear? Are the quotes strong and representative? Is the journey mapping appropriate?<\/em><\/li>\n<li><em>Suggest one improvement (e.g., improved title, more actionable implication, clearer quote, tighter summary).<\/em><\/li>\n<li><em>Rewrite the theme entry with that improvement applied.<\/em><\/li>\n<li><em>Briefly explain why the revision is stronger and more useful for product or design teams.\u201d<\/em><\/li>\n<\/ul>\n<p>Here\u2019s a quick recap of the WIRE+FRAME framework:<\/p>\n<table class=\"tablesaw break-out\">\n<thead>\n<tr>\n<th>Framework Component<\/th>\n<th>Description<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>W: Who &amp; What<\/strong><\/td>\n<td>Define the AI persona and the core deliverable.<\/td>\n<\/tr>\n<tr>\n<td><strong>I: Input Context<\/strong><\/td>\n<td>Provide background or data scope to frame the task.<\/td>\n<\/tr>\n<tr>\n<td><strong>R: Rules &amp; Constraints<\/strong><\/td>\n<td>Set boundaries<\/td>\n<\/tr>\n<tr>\n<td><strong>E: Expected Output<\/strong><\/td>\n<td>Spell out the format and fields of the deliverable.<\/td>\n<\/tr>\n<tr>\n<td><strong>F: Flow of Tasks<\/strong><\/td>\n<td>Break the work into explicit, ordered sub-tasks.<\/td>\n<\/tr>\n<tr>\n<td><strong>R: Reference Voice\/Style<\/strong><\/td>\n<td>Name the tone, mood, or reference brand to ensure consistency.<\/td>\n<\/tr>\n<tr>\n<td><strong>A: Ask for Clarification<\/strong><\/td>\n<td>Invite AI to pause and ask questions if any instructions or data are unclear before proceeding.<\/td>\n<\/tr>\n<tr>\n<td><strong>M: Memory<\/strong><\/td>\n<td>Leverage in-conversation memory to recall earlier definitions, examples, or phrasing without restating them.<\/td>\n<\/tr>\n<tr>\n<td><strong>E: Evaluate &amp; Iterate<\/strong><\/td>\n<td>After generation, have the AI self-critique the top outputs and refine them.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>And here\u2019s the full WIRE+FRAME prompt:<\/p>\n<blockquote><p><strong>(W)<\/strong> You are a senior UX researcher and customer insights analyst. You specialize in synthesizing qualitative data from diverse sources to identify patterns, surface user pain points, and map them across customer journey stages. Your outputs directly inform product, UX, and service priorities.<\/p>\n<p><strong>(I)<\/strong> You are analyzing customer feedback for Fintech Brand\u2019s app, targeting Gen Z users. Feedback will be uploaded from sources such as app store reviews, survey feedback, and usability test transcripts.<\/p>\n<p><strong>(R)<\/strong> Only analyze the uploaded customer feedback data. Do not fabricate pain points, representative quotes, journey stages, or patterns. Do not supplement with prior knowledge or hypothetical examples. Use clear, neutral, stakeholder-facing language.<\/p>\n<p><strong>(E)<\/strong> Return a structured list of themes. For each theme, include:<\/p>\n<ul>\n<li><strong>Theme Title<\/strong><\/li>\n<li><strong>Summary of the Issue<\/strong><\/li>\n<li><strong>Problem Statement<\/strong><\/li>\n<li><strong>Opportunity<\/strong><\/li>\n<li><strong>Representative Quotes (from data only)<\/strong><\/li>\n<li><strong>Journey Stage(s)<\/strong><\/li>\n<li><strong>Frequency (count from data)<\/strong><\/li>\n<li><strong>Severity Score (1\u20135)<\/strong> where 1 = Minor inconvenience or annoyance; 3 = Frustrating but workaround exists; 5 = Blocking issue<\/li>\n<li><strong>Estimated Effort (Low \/ Medium \/ High)<\/strong>, where Low = Copy or content tweak; Medium = Logic\/UX\/UI change; High = Significant changes<\/li>\n<\/ul>\n<p><strong>(F)<\/strong> Recommended flow of tasks:<br \/>Step 1: Parse the uploaded data and extract discrete pain points.<br \/>Step 2: Group them into themes based on pattern similarity.<br \/>Step 3: Score each theme by frequency (from data), severity (based on content), and estimated effort.<br \/>Step 4: Map each theme to the appropriate customer journey stage(s).<br \/>Step 5: For each theme, write a clear problem statement and opportunity based only on what\u2019s in the data.<\/p>\n<p><strong>(R)<\/strong> Use the tone of a UX insights deck or product research report. Be concise, pattern-driven, and objective. Make summaries easy to scan by product managers and design leads.<\/p>\n<p><strong>(A)<\/strong> If the uploaded data is missing or unclear, ask for it before continuing. Also, ask for clarification if the feedback format is unstructured or inconsistent, or if the scoring criteria need refinement.<\/p>\n<p><strong>(M)<\/strong> Unless I say otherwise, keep using this process: analyze the data, group into themes, rank by importance, then suggest an action for each.<\/p>\n<p><strong>(E)<\/strong> After listing all themes, identify the one with the highest combined priority score (based on frequency, severity, and effort).<br \/>For that top-priority theme:<\/p>\n<ul>\n<li>Critically evaluate its framing: Is the title clear? Are the quotes strong and representative? Is the journey mapping appropriate?<\/li>\n<li>Suggest one improvement (e.g., improved title, more actionable implication, clearer quote, tighter summary).<\/li>\n<li>Rewrite the theme entry with that improvement applied.<\/li>\n<li>Briefly explain why the revision is stronger and more useful for product or design teams.<\/li>\n<\/ul>\n<\/blockquote>\n<p>You could use \u201c##\u201d to label the sections (e.g., \u201c##FLOW\u201d) more for your readability than for AI. At over 400 words, this Insights Synthesis prompt example is a detailed, structured prompt, but it isn\u2019t customized for you and your work. The intent wasn\u2019t to give you a specific prompt (the proverbial fish), but to show how you can use a prompt framework like WIRE+FRAME to create a customized, relevant prompt that will help AI augment your work (teaching you to fish).<\/p>\n<p>Keep in mind that prompt length isn\u2019t a common concern, but rather a lack of quality and structure is. As of the time of writing, AI models can easily process prompts that are thousands of words long.<\/p>\n<p>Not every prompt needs all the FRAME components; WIRE is often enough to get the job done. But when the work is strategic or highly contextual, pick components from FRAME &mdash; the extra details can make a difference. Together, WIRE+FRAME give you a detailed framework for creating a well-structured prompt, with the crucial components first, followed by optional components:<\/p>\n<ul>\n<li><strong>WIRE<\/strong> builds a clear, focused prompt with role, input, rules, and expected output.<\/li>\n<li><strong>FRAME<\/strong> adds refinement like tone, reusability, and iteration.<\/li>\n<\/ul>\n<p>Here are some scenarios and recommendations for using WIRE or WIRE+FRAME:<\/p>\n<table class=\"tablesaw break-out\">\n<thead>\n<tr>\n<th>Scenarios<\/th>\n<th>Description<\/th>\n<th>Recommended<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>Simple, One-Off Analyses<\/strong><\/td>\n<td>Quick prompting with minimal setup and no need for detailed process transparency.<\/td>\n<td>WIRE<\/td>\n<\/tr>\n<tr>\n<td><strong>Tight Sprints or Hackathons<\/strong><\/td>\n<td>Rapid turnarounds, and times you don\u2019t need embedded review and iteration loops.<\/td>\n<td>WIRE<\/td>\n<\/tr>\n<tr>\n<td><strong>Highly Iterative Exploratory Work<\/strong><\/td>\n<td>You expect to tweak results constantly and prefer manual control over each step.<\/td>\n<td>WIRE<\/td>\n<\/tr>\n<tr>\n<td><strong>Complex Multi-Step Playbooks<\/strong><\/td>\n<td>Detailed workflows that benefit from a standardized, repeatable, visible sequence.<\/td>\n<td>WIRE+FRAME<\/td>\n<\/tr>\n<tr>\n<td><strong>Shared or Hand-Off Projects<\/strong><\/td>\n<td>When different teams will rely on embedded clarification, memory, and consistent task flows for recurring analyses.<\/td>\n<td>WIRE+FRAME<\/td>\n<\/tr>\n<tr>\n<td><strong>Built-In Quality Control<\/strong><\/td>\n<td>You want the AI to flag top issues, self-critique, and refine, minimizing manual QC steps.<\/td>\n<td>WIRE+FRAME<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>Prompting isn\u2019t about getting it right the first time. It\u2019s about designing the interaction and redesigning when needed. With WIRE+FRAME, you\u2019re going beyond basic prompting and designing the interaction between you and AI.<\/p>\n<h3 id=\"from-gut-feel-to-framework-a-prompt-makeover\">From Gut Feel To Framework: A Prompt Makeover<\/h3>\n<p>Let\u2019s compare the results of Kate\u2019s first AI-augmented design sprint prompt (to synthesize customer feedback into design insights) with one based on the WIRE+FRAME prompt framework, with the same data and focusing on the top results:<\/p>\n<p><em>Original prompt: Read this customer feedback and tell me how we can improve our app for Gen Z users.<\/em><\/p>\n<p>Initial ChatGPT Results:<\/p>\n<ul>\n<li>Improve app reliability to reduce crashes and freezing.<\/li>\n<li>Provide better guidance or tutorials for financial tools like budgeting or goal setting.<\/li>\n<li>Enhance the transparency of Zelle transfers by showing confirmation messages.<\/li>\n<li>Speed up app loading and reduce lag on key actions.<\/li>\n<\/ul>\n<p>With this version, you\u2019d likely need to go back and forth with follow-up questions, rewrite the output for clarity, and add structure before sharing with your team.<\/p>\n<p><em>WIRE+FRAME prompt above (with defined role, scope, rules, expected format, tone, flow, and evaluation loop).<\/em><\/p>\n<p>Initial ChatGPT Results:<\/p>\n<figure class=\"\n  \n    break-out article__image\n  \n  \n  \"><\/p>\n<p>    <a href=\"https:\/\/files.smashing.media\/articles\/prompting-design-act-brief-guide-iterate-ai\/1-wire-frame-prompt.png\"><\/p>\n<p>    <img decoding=\"async\" loading=\"lazy\" width=\"800\" height=\"325\" src=\"https:\/\/res.cloudinary.com\/indysigner\/image\/fetch\/f_auto,q_80\/w_400\/https:\/\/files.smashing.media\/articles\/prompting-design-act-brief-guide-iterate-ai\/1-wire-frame-prompt.png\" alt=\"Results of the structured WIRE&#043;FRAME prompt\" \/><\/p>\n<p>    <\/a><figcaption class=\"op-vertical-bottom\">\n      Results of the structured WIRE+FRAME prompt. (<a href=\"https:\/\/files.smashing.media\/articles\/prompting-design-act-brief-guide-iterate-ai\/1-wire-frame-prompt.png\">Large preview<\/a>)<br \/>\n    <\/figcaption><\/figure>\n<p>You can clearly see the very different results from the two prompts, both using the exact same data. While the first prompt returns a quick list of ideas, the detailed WIRE+FRAME version doesn\u2019t just summarize feedback but structures it. Themes are clearly labeled, supported by user quotes, mapped to customer journey stages, and prioritized by frequency, severity, and effort.<\/p>\n<p>The structured prompt results can be used as-is or shared without needing to reformat, rewrite, or explain them (see disclaimer below). The first prompt output needs massaging: it\u2019s not detailed, lacks evidence, and would require several rounds of clarification to be actionable. The first prompt may work when the stakes are low and you are exploring. But when your prompt is feeding design, product, or strategy, structure comes to the rescue.<\/p>\n<h4 id=\"disclaimer-know-your-data\">Disclaimer: Know Your Data<\/h4>\n<p>A well-structured prompt can make AI output more useful, but it shouldn\u2019t be the final word, or your single source of truth. AI models are powerful pattern predictors, not fact-checkers. If your data is unclear or poorly referenced, even the best prompt may return confident nonsense. Don\u2019t blindly trust what you see. <strong>Treat AI like a bright intern<\/strong>: fast, eager, and occasionally delusional. You should always be familiar with your data and validate what AI spits out. For example, in the WIRE+FRAME results above, AI rated the effort as low for financial tool onboarding. That could easily be a medium or high. <strong>Good prompting should be backed by good judgment.<\/strong><\/p>\n<h3 id=\"try-this-now\">Try This Now<\/h3>\n<p>Start by using the WIRE+FRAME framework to create a prompt that will help AI augment your work. You could also rewrite the last prompt you were not satisfied with, using the WIRE+FRAME, and compare the output.<\/p>\n<p>Feel free to use <a href=\"https:\/\/wireframe-prompt-framework.lovable.app\">this simple tool<\/a> to guide you through the framework.<\/p>\n<h2 id=\"methods-from-lone-prompts-to-a-prompt-system\">Methods: From Lone Prompts to a Prompt System<\/h2>\n<p>Just as design systems have reusable components, your prompts can too. You can use the WIRE+FRAME framework to write detailed prompts, but you can also use the structure to create reusable components that are pre-tested, plug-and-play pieces you can assemble to build high-quality prompts faster. Each part of WIRE+FRAME can be transformed into a prompt component: small, reusable modules that reflect your team\u2019s standards, voice, and strategy.<\/p>\n<p>For instance, if you find yourself repeatedly using the same content for different parts of the WIRE+FRAME framework, you could save them as reusable components for you and your team. In the example below, we have two different reusable components for \u201cW: Who &amp; What\u201d &mdash; an insights analyst and an information architect.<\/p>\n<h3 id=\"w-who-what-1\">W: Who &amp; What<\/h3>\n<ol>\n<li><em>You are a senior UX researcher and customer insights analyst. You specialize in synthesizing qualitative data from diverse sources to identify patterns, surface user pain points, and map them across customer journey stages. Your outputs directly inform product, UX, and service priorities.<\/em><\/li>\n<li><em>You are an experienced information architect specializing in organizing enterprise content on intranets. Your task is to reorganize the content and features into categories that reflect user goals, reduce cognitive load, and increase findability.<\/em><\/li>\n<\/ol>\n<p>Create and save prompt components and variations for each part of the WIRE+FRAME framework, allowing your team to quickly assemble new prompts by combining components when available, rather than starting from scratch each time.<\/p>\n<div class=\"partners__lead-place\"><\/div>\n<h2 id=\"behind-the-prompts-questions-about-prompting\">Behind The Prompts: Questions About Prompting<\/h2>\n<p><em>Q: If I use a prompt framework like WIRE+FRAME every time, will the results be predictable?<\/em><\/p>\n<p>A: Yes and no. Yes, your outputs will be guided by a consistent set of instructions (e.g., <strong>R<\/strong>ules, <strong>E<\/strong>xamples, <strong>R<\/strong>eference Voice \/ Style) that will guide the AI to give you a predictable format and style of results. And no, while the framework provides structure, it doesn\u2019t flatten the generative nature of AI, but focuses it on what\u2019s important to you. In the next article, we will look at how you can use this to your advantage to quickly reuse your best repeatable prompts as we build your AI assistant.<\/p>\n<p><em>Q: Could changes to AI models break the WIRE+FRAME framework?<\/em><\/p>\n<p>A: AI models are evolving more rapidly than any other technology we\u2019ve seen before &mdash; in fact, ChatGPT was recently updated to GPT-5 to mixed reviews. The update didn\u2019t change the core principles of prompting or the WIRE+FRAME prompt framework. With future releases, some elements of how we write prompts today may change, but the need to communicate clearly with AI won\u2019t. Think of how you delegate work to an intern vs. someone with a few years\u2019 experience: you still need detailed instructions the first time either is doing a task, but the level of detail may change. WIRE+FRAME isn\u2019t built only for today\u2019s models; the components help you clarify your intent, share relevant context, define constraints, and guide tone and format &mdash; all timeless elements, no matter how smart the model becomes. The skill of shaping clear, structured interactions with non-human AI systems will remain valuable.<\/p>\n<p><em>Q: Can prompts be more than text? What about images or sketches?<\/em><\/p>\n<p>A: Absolutely. With tools like GPT-5 and other multimodal models, you can upload screenshots, pictures, whiteboard sketches, or wireframes. These visuals become part of your <strong>I<\/strong>nput Context or help define the <strong>E<\/strong>xpected Output. The same WIRE+FRAME principles still apply: you\u2019re setting context, tone, and format, just using images and text together. Whether your input is a paragraph or an image and text, you\u2019re still designing the interaction.<\/p>\n<p>Have a prompt-related question of your own? Share it in the comments, and I\u2019ll either respond there or explore it further in the next article in this series.<\/p>\n<h2 id=\"from-designerly-prompting-to-custom-assistants\">From Designerly Prompting To Custom Assistants<\/h2>\n<p>Good prompts and results don\u2019t come from using others\u2019 prompts, but from writing prompts that are customized for you and your context. The WIRE+FRAME framework helps with that and makes prompting a tool you can use to guide AI models like a creative partner instead of hoping for magic from a one-line request.<\/p>\n<p>Prompting uses the designerly skills you already use every day to collaborate with AI:<\/p>\n<ul>\n<li><strong>Curiosity<\/strong> to explore what the AI can do and frame better prompts.<\/li>\n<li><strong>Observation<\/strong> to detect bias or blind spots.<\/li>\n<li><strong>Empathy<\/strong> to make machine outputs human.<\/li>\n<li><strong>Critical thinking<\/strong> to verify and refine.<\/li>\n<li><strong>Experiment &amp; Iteration<\/strong> to learn by doing and improve the interaction over time.<\/li>\n<li><strong>Growth Mindset<\/strong> to keep up with new technology like AI and prompting.<\/li>\n<\/ul>\n<p>Once you create and refine prompt components and prompts that work for you, make them reusable by documenting them. But wait, there\u2019s more &mdash; what if your best prompts, or the elements of your prompts, could live inside your own AI assistant, available on demand, fluent in your voice, and trained on your context? That\u2019s where we\u2019re headed next.<\/p>\n<p>In the next article, \u201cDesign Your Own Design Assistant\u201d, we\u2019ll take what you\u2019ve learned so far and turn it into a Custom AI assistant (aka Custom GPT), a design-savvy, context-aware assistant that works like you do. We\u2019ll walk through that exact build, from defining the assistant\u2019s job description to uploading knowledge, testing, and sharing it with others.<\/p>\n<h3 id=\"resources\">Resources<\/h3>\n<ul>\n<li><a href=\"https:\/\/cookbook.openai.com\/examples\/gpt-5\/gpt-5_prompting_guide\">GPT-5 Prompting Guide<\/a><\/li>\n<li><a href=\"https:\/\/cookbook.openai.com\/examples\/gpt4-1_prompting_guide\">GPT-4.1 Prompting Guide<\/a><\/li>\n<li><a href=\"https:\/\/docs.anthropic.com\/en\/docs\/build-with-claude\/prompt-engineering\/overview\">Anthropic Prompt Engineering<\/a><\/li>\n<li><a href=\"https:\/\/cloud.google.com\/discover\/what-is-prompt-engineering?hl=en\">Prompt Engineering by Google<\/a><\/li>\n<li><a href=\"https:\/\/docs.perplexity.ai\/guides\/prompt-guide\">Perplexity<\/a><\/li>\n<li><a href=\"https:\/\/wireframe-prompt-framework.lovable.app\">Webapp to guide you through the WIRE+FRAME framework<\/a><\/li>\n<\/ul>\n<div class=\"signature\">\n  <img decoding=\"async\" src=\"https:\/\/www.smashingmagazine.com\/images\/logo\/logo--red.png\" alt=\"Smashing Editorial\" width=\"35\" height=\"46\" loading=\"lazy\" \/><br \/>\n  <span>(yk)<\/span>\n<\/div>\n<\/article>\n","protected":false},"excerpt":{"rendered":"<p class=\"text-justify mb-2\" >Prompting Is A Design Act: How To Brief, Guide And Iterate With AI Prompting Is A Design Act: How To Brief, Guide And Iterate With AI Lyndon Cerejo 2025-08-29T10:00:00+00:00 2025-09-03T15:02:57+00:00 In \u201cA Week In The Life Of An AI-Augmented Designer\u201d, we followed Kate\u2019s weeklong journey [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"class_list":["post-555","post","type-post","status-publish","format-standard","hentry","category-accessibility"],"_links":{"self":[{"href":"http:\/\/www.guupon.com\/index.php\/wp-json\/wp\/v2\/posts\/555","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.guupon.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.guupon.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.guupon.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.guupon.com\/index.php\/wp-json\/wp\/v2\/comments?post=555"}],"version-history":[{"count":1,"href":"http:\/\/www.guupon.com\/index.php\/wp-json\/wp\/v2\/posts\/555\/revisions"}],"predecessor-version":[{"id":556,"href":"http:\/\/www.guupon.com\/index.php\/wp-json\/wp\/v2\/posts\/555\/revisions\/556"}],"wp:attachment":[{"href":"http:\/\/www.guupon.com\/index.php\/wp-json\/wp\/v2\/media?parent=555"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.guupon.com\/index.php\/wp-json\/wp\/v2\/categories?post=555"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.guupon.com\/index.php\/wp-json\/wp\/v2\/tags?post=555"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}