<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0" xmlns:cc="http://cyber.law.harvard.edu/rss/creativeCommonsRssModule.html">
    <channel>
        <title><![CDATA[Stories by Jason Csizmadi on Medium]]></title>
        <description><![CDATA[Stories by Jason Csizmadi on Medium]]></description>
        <link>https://medium.com/@TheCsiz?source=rss-a1fcb196d611------2</link>
        <image>
            <url>https://cdn-images-1.medium.com/fit/c/150/150/0*5ZbBLKzrbeEfgPAd.jpg</url>
            <title>Stories by Jason Csizmadi on Medium</title>
            <link>https://medium.com/@TheCsiz?source=rss-a1fcb196d611------2</link>
        </image>
        <generator>Medium</generator>
        <lastBuildDate>Sat, 14 Nov 2026 22:48:25 GMT</lastBuildDate>
        <atom:link href="https://medium.com/@TheCsiz/feed" rel="self" type="application/rss+xml"/>
        <webMaster><![CDATA[yourfriends@medium.com]]></webMaster>
        <atom:link href="http://medium.superfeedr.com/" rel="hub"/>
        <item>
            <title><![CDATA[Who’s Doing the Work?]]></title>
            <link>https://medium.com/@TheCsiz/whos-doing-the-work-cd8e34864ac5?source=rss-a1fcb196d611------2</link>
            <guid isPermaLink="false">https://medium.com/p/cd8e34864ac5</guid>
            <category><![CDATA[artificial-intelligence]]></category>
            <category><![CDATA[ux-design]]></category>
            <category><![CDATA[product-design]]></category>
            <dc:creator><![CDATA[Jason Csizmadi]]></dc:creator>
            <pubDate>Fri, 03 Jul 2026 04:40:29 GMT</pubDate>
            <atom:updated>2026-07-03T04:40:29.940Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*9CYs8VwmR05n0Eba" /><figcaption>Photo by <a href="https://unsplash.com/@cdr6934?utm_source=medium&amp;utm_medium=referral">Chris Ried</a> on <a href="https://unsplash.com/?utm_source=medium&amp;utm_medium=referral">Unsplash</a></figcaption></figure><p><em>A simple test for whether an AI product is actually agentic, or just an old workflow with AI in the margins.</em></p><p>Every AI product wants to call itself agentic now.</p><p>Most of them are not.</p><p>They are regular products with a chat box. Or regular products with autofill. Or regular products where the user still clicks through the same old sequence while an AI sits nearby narrating what is happening.</p><p>That can still be useful. I am not against assistance. Autofill is useful. Suggestions are useful. A good copilot can make a bad workflow less painful.</p><p>But that is not the same thing as an agent.</p><h3>## The Short Version</h3><p>The test is simple:</p><p><strong>Who is doing the work?</strong></p><p>Walk through the flow step by step. At each moment, ask whether the human is operating the system or whether the system is doing the work and bringing the human back in for judgment.</p><ul><li>If the human is typing, comparing, hunting, choosing, uploading, confirming, and correcting while the AI makes suggestions in the margins, you have designed an assistive experience.</li><li>If the AI has already done meaningful work before the human arrives, presents a prepared result, explains what matters, and asks the human to make a small number of real decisions, you are closer to an agentic one.</li></ul><p>That distinction sounds obvious until you look at actual product work.</p><p>Most AI design still follows the same pattern:</p><ol><li>Ask the user a bunch of questions.</li><li>Let AI parse or summarize some of the answers.</li><li>Show progress while the user keeps moving through the old flow.</li><li>Generate a recommendation.</li><li>Ask the user to approve it.</li></ol><p>The screen changed.</p><p>The labor did not.</p><p>The person is still the operator. The AI is just riding along.</p><h3>The Old Model: Human Works, AI Assists</h3><p>The old model is familiar because almost every digital product has trained us into it.</p><p>The user starts. The user explains what they want. The user moves through the steps. The system may help, but the user remains responsible for driving.</p><p>In an AI-assisted version of that model, the product gets smarter around the edges.</p><p>In practice, that looks like:</p><ul><li>The form suggests answers.</li><li>The chat interface explains the next step.</li><li>The document parser extracts fields.</li><li>The product says, “I found this for you.”</li><li>Then it hands the person another task.</li></ul><p>Better than nothing. Still not agentic.</p><p>The tell is task density.</p><p>If the product is handing the user a sequence of tasks, the user is still doing the work.</p><p>That task pile usually sounds reasonable one step at a time:</p><ul><li>Upload this.</li><li>Review that.</li><li>Compare these.</li><li>Fix this field.</li><li>Choose from this list.</li><li>Read this explanation.</li><li>Confirm this section.</li><li>Move to the next step.</li></ul><p>You can make that flow friendlier. You can make it faster. You can use AI to reduce the pain. But the underlying relationship has not changed.</p><p>The human is the worker.</p><p>The AI is the helper.</p><p>That is the model most teams are still designing, even when the roadmap says “agentic.”</p><blockquote>If the user still has to drive every step, the product is assisting. It is not yet acting.</blockquote><h3>The New Model: AI Works, Human Judges</h3><p>An agentic experience inverts the relationship.</p><p>The AI does the work. The human judges it.</p><p>That does not mean the AI acts without permission. It does not mean the human disappears. It means the human’s role changes from operator to reviewer, supervisor, approver, or editor.</p><p>The product should not open on an empty state asking, “How can I help?”</p><p>It should open with evidence that work has already happened.</p><ul><li>Here is the draft.</li><li>Here is what I found.</li><li>Here are the two things I need from you.</li><li>Here is the decision that actually matters.</li></ul><p>That is a different product posture.</p><blockquote>An assistant gives you a to-do list. An agent brings you a decision.</blockquote><p>That sentence is the whole thing.</p><p>If your product takes a complex job and turns it into seven slightly easier tasks, it is assisting.</p><p>If your product takes a complex job and turns it into one or two meaningful judgments, it is starting to act like an agent.</p><h3>Bring Decisions, Not Tasks</h3><p>Most product teams underestimate how much work they are still pushing onto the user because each individual step feels reasonable.</p><ul><li>One upload is reasonable.</li><li>One confirmation is reasonable.</li><li>One educational screen is reasonable.</li><li>One checklist is reasonable.</li></ul><p>Then you string them together and suddenly the product that was supposed to feel intelligent still feels like paperwork.</p><p>The user’s experience is not “AI helped me.”</p><p>It is “I did a lot of work while AI watched.”</p><p>The better version is decision-dense and task-sparse.</p><p>For example, imagine a financial product that helps someone complete a complicated annual obligation.</p><p>The assistive version:</p><ul><li>Asks questions.</li><li>Collects documents.</li><li>Explains progress.</li><li>Fills fields.</li><li>Shows a running estimate.</li><li>Eventually asks the person to review the output.</li></ul><p>Again: useful. Also familiar.</p><p>The agentic version starts somewhere else.</p><p>The agentic version:</p><ul><li>Opens with a prepared draft based on what the system already knows.</li><li>Says what it could verify.</li><li>Says what it could not verify.</li><li>Names the assumptions it made.</li><li>Collapses the settled parts.</li><li>Brings forward the two decisions only the person can make.</li></ul><p>Not “complete these seven sections.”</p><p>“I prepared this. These two choices change the outcome. Here is the tradeoff. Which one is true?”</p><p>That is the shift.</p><p>The product is no longer asking the person to assemble the answer. It is asking the person to judge the answer.</p><h3>The Dangerous Part: Approval Is Not Oversight</h3><p>This is where the argument gets less comfortable.</p><p>Moving work from the human to the AI is powerful. It is also risky.</p><p>Because if the human’s new job is approval, then the quality of that approval becomes the whole product.</p><p>A bad agentic experience is not one where the AI acts. It is one where the AI acts, the product shows a confident recommendation, and the human clicks approve because that is the easiest path.</p><p>That is not oversight.</p><p>That is a rubber stamp.</p><p>Designers love reducing friction. Usually, that instinct is right. Friction is often where products hide organizational complexity and call it user responsibility.</p><p>But in agent-led experiences, some friction is load-bearing.</p><p>Use friction by risk:</p><ul><li><strong>Reversible action:</strong> let the agent move fast. Give the person a clean undo. Do not bury them in consent screens for low-risk work.</li><li><strong>Consequential action:</strong> ask for real judgment. Show what changed. Show what the system assumed. Make the person choose between meaningful options instead of tapping a glowing “looks good” button.</li><li><strong>Irreversible action:</strong> the consent gate has to be real.</li></ul><p>Money moved. A legal filing submitted. A message sent to a third party. A credit pull. A public action. Anything where undo is a fantasy.</p><p>For those moments, speed is not the point.</p><p>The point is scoped authorization: this action, this amount, this account, this window, this consequence.</p><p>The trick is not to add more friction everywhere. That just trains people to click through it.</p><p>The trick is to spend friction precisely.</p><h3>Trust Is Not the UI. Trust Is the Behavior.</h3><p>A lot of “trust UI” is theater.</p><p>You have seen the pattern:</p><ul><li>Explainability panels.</li><li>Consent stacks.</li><li>Audit logs nobody opens.</li><li>Little badges that say the system is responsible.</li></ul><p>Some of those surfaces are necessary. Many are there because they make the team feel better, not because they help the user make a better decision.</p><p>Trust is not a screen.</p><p>Trust is a behavior.</p><p>The real questions are:</p><ul><li>Does the person rely on the system when it is right?</li><li>Do they catch it when it is wrong?</li></ul><p>That is the calibration problem.</p><p>The risk is not only that people will under-trust AI and abandon useful help. The risk is also that they will over-trust it, especially when the system sounds confident, gives a fluent explanation, and presents a clean next button.</p><p>In normal software, over-trust is bad.</p><p>In agentic software, over-trust is existential.</p><p>Because the human’s whole job has been compressed into judgment.</p><p>If judgment decays into reflex, the product has removed the human while pretending to keep them.</p><h3>Chat Is Usually a Symptom</h3><p>Chat has a place. It is useful when the user has a specific question, wants to explore a scenario, or needs to correct the system’s understanding.</p><p>But chat should not be the default interface for most agentic products.</p><p>A blank prompt box pushes initiation back onto the human. It asks the person to know what to ask, how to ask it, and what good output should look like.</p><p>That is the old model again.</p><p>The product is saying, “Tell me what to do.”</p><p>An agentic product should be more opinionated than that.</p><p>It should know enough to start.</p><p>It should prepare something.</p><p>It should bring back one of these:</p><ul><li>A result.</li><li>A plan.</li><li>A proposal.</li><li>A draft.</li><li>A comparison.</li><li>A queue.</li><li>A decision.</li></ul><p>Then chat can be the escape hatch.</p><p>Not the front door.</p><h3>The Practical Rubric</h3><p>When I look at an AI product now, I start with this rubric:</p><ol><li>Who is doing the work, the human or the AI?</li><li>Is the human being handed tasks or decisions?</li><li>Does the product open on a blank prompt or on prepared work?</li><li>What does the system know, and what is it pretending to know?</li><li>Where does the human’s judgment actually matter?</li><li>Could the human catch the AI if it were wrong?</li><li>Which actions are reversible, consequential, or irreversible?</li><li>Is consent scaled to the cost of being wrong?</li><li>Is chat the default because it is right, or because the product has not figured out the workflow?</li><li>If the agent fails, does the product degrade gracefully or dump the user into a mess?</li></ol><p>The first question usually exposes the rest.</p><p>If the user is still doing the work, stop calling it agentic.</p><p>Call it assisted. Then make the assistance excellent.</p><p>If the agent is doing the work, the design problem changes. Now you are designing judgment, supervision, accountability, recovery, and proof.</p><p>That is harder than adding AI to a workflow.</p><p>It is also the actual work.</p><h3>What Designers Should Be Doing Now</h3><p>The next generation of AI product design will not be won by whoever adds the most chat surfaces.</p><p>It will be won by teams that can model work clearly.</p><p>That means asking sharper questions:</p><ul><li>What has to be done?</li><li>What can the system do ahead of time?</li><li>What should never be automated?</li><li>Where does the human have unique judgment?</li><li>Where is the human just being used as a liability sponge?</li><li>What proof should the agent bring back?</li><li>What should happen when it is wrong?</li></ul><p>These are design questions. Not just technical ones.</p><p>The interface is the visible part, but the real design object is the relationship between work, judgment, and accountability.</p><p>That is why “who’s doing the work?” is such a useful question. It cuts through the demo polish. It gets underneath the chat box, the sparkle icon, the generated summary, the onboarding copy, and the hand-wavy roadmap language.</p><p>It tells you what kind of product you are actually making.</p><p>If the human is doing the work and AI is helping, design a great assistant.</p><p>If the AI is doing the work and the human is approving, design a real supervision system.</p><p>Do not confuse the two.</p><p>That confusion is where most agentic products will fail.</p><p>Not because the AI cannot do anything.</p><p>Because the product never decided what the human was still there to do.</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=cd8e34864ac5" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[How Style Studies Shape Meaningful Visual Languages]]></title>
            <link>https://medium.com/@TheCsiz/how-style-studies-shape-meaningful-visual-languages-674e81c6b2ca?source=rss-a1fcb196d611------2</link>
            <guid isPermaLink="false">https://medium.com/p/674e81c6b2ca</guid>
            <category><![CDATA[visual-design]]></category>
            <category><![CDATA[brand-strategy]]></category>
            <category><![CDATA[design-system-tips]]></category>
            <category><![CDATA[product-design]]></category>
            <category><![CDATA[creative-process]]></category>
            <dc:creator><![CDATA[Jason Csizmadi]]></dc:creator>
            <pubDate>Fri, 14 Mar 2025 20:19:52 GMT</pubDate>
            <atom:updated>2025-03-14T20:19:52.185Z</atom:updated>
            <content:encoded><![CDATA[<h4><em>Turning abstract ideas into a cohesive design vision that resonates.</em></h4><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*D4LWP_kGZ2-mgjxNMUM1kg.png" /></figure><p>I first learned the power of style studies at Cooper, the design consultancy founded by Alan Cooper and known for pioneering human-centered design and Goal-Directed Design. At Cooper, structured visual exploration was a key part of the process — one that shaped the way I approach design today. Since then, through my time at Fitbit, Zillow, and Patreon, style studies have remained at the core of my work. They don’t just turn abstract ideas into cohesive, visually compelling solutions — they help align teams around a shared vision, transforming scattered concepts into a unified design language.</p><p>Style studies have long been a core practice in design consultancies — including Cooper’s own. And for good reason: they provide a systematic way to translate brand and product goals into tangible design language.</p><p><em>(New to Experience Workshops or need a refresher? Check out my previous Medium article: </em><a href="https://medium.com/@TheCsiz/how-to-run-experience-workshops-that-actually-align-teams-416e86ef9234"><em>How to Run Experience Workshops That Actually Align Teams</em></a><em>.)</em></p><p><strong>Step One: Laying the Groundwork with Experience Workshops</strong></p><p>A strong visual language starts with clear alignment on how a product should <em>feel</em>. Experience Workshops help teams get on the same page by bringing together designers, stakeholders, and product managers to evaluate images, words, and concepts. The goal? To pinpoint key experience attributes like <em>trustworthy</em>, <em>playful</em>, or <em>modern</em>.</p><p>This process takes broad brand and user goals and turns them into something more concrete — guidelines that will drive the visual language moving forward.</p><p><strong>Step Two: Exploring Aesthetics Through Style Studies</strong></p><p>Once the Experience Workshop sets the foundation, it’s time to explore how that vision translates into actual design elements. This is where style studies come in. They typically focus on:</p><p>• <strong>Color Palettes</strong> — Setting the emotional tone and reinforcing brand identity.</p><p>• <strong>Typography</strong> — Defining personality and readability.</p><p>• <strong>Iconography &amp; UI Elements</strong> — Creating consistency across the experience.</p><p>• <strong>Imagery &amp; Graphic Treatments</strong> — Enhancing storytelling and brand cohesion.</p><p>• <strong>Texture &amp; Spatial Relationships</strong> — Establishing hierarchy and balance.</p><p>At this stage, it’s important to <em>keep interaction details out of the equation</em>. The goal is to focus purely on emotional and visual responses without getting caught up in how elements behave.</p><p><strong>Example Style Studies: Crafting a Distinct Visual Identity for NPFL</strong></p><p>When Cooper worked with the National Pro Fitness League (NPFL), the goal was to develop a <strong>bold and dynamic visual identity</strong> that matched the league’s high-intensity, team-based fitness competitions. To achieve this, the design team leveraged <strong>style studies</strong> — a structured exploration of multiple aesthetic directions based on key experience attributes.</p><p>By grounding the visual exploration in <strong>speed, strength, and strategy</strong>, the team ensured that the final design not only reflected the athleticism of the sport but also resonated with both competitors and spectators. Below are some of the <strong>style studies</strong> created for NPFL, showcasing different ways to express these attributes through <strong>color, typography, imagery, and layout</strong>.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*RbBOFPKqTJOQwvszlAXhYA.png" /><figcaption><strong>Minimalist &amp; Modern</strong></figcaption></figure><p>The <strong>Minimalist &amp; Modern</strong> approach embraces a sleek, structured aesthetic with clean typography and open layouts. The neutral color palette keeps the interface refined, allowing key data and interactions to stand out without unnecessary visual noise. Geometric shapes and precise grids bring a sense of order and usability, making the interface feel sophisticated and highly functional. This direction conveys a sense of professionalism and clarity, perfect for a league that wants to establish itself as a well-oiled, strategic competition.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*T-IWvlR3Oc6lJ6GdWvIwWQ.jpeg" /><figcaption><strong>Playful &amp; Vibrant</strong></figcaption></figure><p>In contrast, the <strong>Playful &amp; Vibrant</strong> style study brings high-energy engagement to the forefront. Bright, saturated colors inject excitement, while expressive typography and layered visuals create a sense of movement and dynamism. The design elements makes the experience feel interactive and immersive, evoking the intensity and exhilaration of fast-paced team-based fitness competition. This direction emphasizes the <strong>adrenaline and passion</strong> that define NPFL’s brand.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*OFFfxEDKmSh6xFs93MtGXA.png" /><figcaption><strong>Human &amp; Professional</strong></figcaption></figure><p>The <strong>Human &amp; Professional</strong> study takes a more grounded approach, focusing on trust, credibility, and structured design. Muted tones and classic typography give the interface a sense of reliability, while well-organized layouts ensure clarity and ease of use. Athlete imagery plays a more central role, reinforcing a personal connection between the competitors and the audience. This direction highlights <strong>effort, teamwork, and expertise</strong>, creating a balance between professional sports branding and an athlete-focused experience.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*DVlgNOYRA74seZOZTE3sMQ.png" /><figcaption><strong>Bold &amp; Expressive</strong></figcaption></figure><p>The <strong>Bold &amp; Expressive</strong> style study pushes the limits of high-impact design with dramatic typography, striking contrast, and large imagery. Diagonal cuts and layered elements create a sense of movement and intensity, reinforcing the <strong>raw power and energy</strong> behind the sport. A blend of sharp, crisp lines with textured details makes the interface feel dynamic and unmistakable, crafting a <strong>strong, differentiated brand presence</strong> that demands attention.</p><p>Presenting multiple options helps teams make more informed design decisions and align on a direction that serves both business and user needs.</p><p><strong>Why Style Studies Matter</strong></p><p>From my experience, style studies are essential because they:</p><p>✅ Allow teams to explore multiple aesthetic directions before committing.</p><p>✅ Create early alignment, reducing unnecessary iterations later.</p><p>✅ Surface potential visual conflicts before they become costly problems.</p><p>✅ Strengthen brand consistency across products.</p><p><strong>Best Practices for Effective Style Studies</strong></p><p>Want to get the most out of style studies? Here are some key principles to keep in mind:</p><p>• Always check your work against the agreed-upon experience attributes.</p><p>• Gather diverse stakeholder feedback to get a holistic perspective.</p><p>• Keep it focused — three to five distinct visual directions is ideal.</p><p>• Iterate quickly based on what resonates (and what doesn’t).</p><p><strong>What to Avoid</strong></p><p>Some common pitfalls that can derail the process:</p><p>🚨 <strong>Locking into a single direction too soon</strong> — Exploration is key in this phase.</p><p>🚨 <strong>Chasing trends over authenticity</strong> — Visual choices should align with user needs and strategy, not just what’s trendy.</p><p>🚨 <strong>Mixing visual and interaction design too early</strong> — Keep the focus on aesthetics first.</p><p><strong>The Takeaway</strong></p><p>When done well, style studies don’t just make products <em>look</em> good — they create a cohesive, scalable design system that enhances brand consistency, user experience, and product differentiation. They take abstract ideas and turn them into a strategic visual language that resonates with both users and stakeholders.</p><p>In short? They’re an essential step in crafting designs that don’t just work — but <em>feel right</em>.</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=674e81c6b2ca" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[How to Run Experience Workshops That Actually Align Teams]]></title>
            <link>https://medium.com/@TheCsiz/how-to-run-experience-workshops-that-actually-align-teams-416e86ef9234?source=rss-a1fcb196d611------2</link>
            <guid isPermaLink="false">https://medium.com/p/416e86ef9234</guid>
            <category><![CDATA[experience-design]]></category>
            <category><![CDATA[workshop]]></category>
            <category><![CDATA[product-design-process]]></category>
            <category><![CDATA[visual-design]]></category>
            <category><![CDATA[ui]]></category>
            <dc:creator><![CDATA[Jason Csizmadi]]></dc:creator>
            <pubDate>Sat, 01 Feb 2025 21:35:23 GMT</pubDate>
            <atom:updated>2025-02-01T21:35:23.994Z</atom:updated>
            <content:encoded><![CDATA[<blockquote>From my time at Cooper to working with cross-functional teams at Fitbit, Zillow and Patreon I’ve seen firsthand how Experience Workshops turn abstract design goals into tangible, actionable decisions. They help teams align on what a product should feel like — beyond just what it does — making collaboration smoother and reducing friction down the road.</blockquote><p>In this guide, I’ll walk you through how to plan, facilitate, and make the most of an <strong>Experience Workshop</strong>, ensuring that your team walks away with clarity, alignment, and momentum. Whether you’re a designer, product manager, or engineer, this framework will help you translate vision into reality.</p><h3>Why Experience Workshops Matter</h3><p>Design is about more than just function — it’s about <strong>how an experience makes users feel</strong>. But that’s often the hardest thing to define.</p><p>While research and data tell us <em>what</em> to build, Experience Workshops clarify <em>how it should feel</em>. They give teams a structured way to articulate, visualize, and align on the emotional and sensory qualities of a product.</p><h3>The Key Benefits</h3><p>✅ <strong>Shared Language:</strong> Teams replace vague terms like “fun” or “modern” with concrete, designable attributes.<br>✅ <strong>Better Buy-In:</strong> When people contribute to shaping the vision, they’re more invested in executing it.<br>✅ <strong>Cross-Functional Alignment:</strong> Designers, engineers, and product managers get on the same page — reducing back-and-forth later.<br>✅ <strong>Smoother Approvals:</strong> When stakeholders can <em>see</em> and <em>feel</em> the design direction, decision-making gets easier.</p><figure><img alt="Experiance Workshop" src="https://cdn-images-1.medium.com/max/1024/1*Rzuw7RIYyrcmDVsE72BWFA.jpeg" /><figcaption>Experiance Workshop Example</figcaption></figure><h3>How to Run an Experience Workshop</h3><p>A well-run workshop is structured but flexible — designed to encourage discussion while keeping everyone focused.</p><h3>1. Prepping for Success</h3><p><strong>Materials You’ll Need:</strong></p><ul><li>A <strong>large whiteboard</strong> or blank wall</li><li>Sticky notes, <strong>markers, and pens</strong></li><li>A <strong>set of images</strong> (screenshots, magazine clippings, mood boards)</li><li><strong>Voting stickers or dots</strong></li><li>A <strong>camera or phone</strong> to capture results</li></ul><p><strong>Room Setup:</strong></p><ul><li>Clear wall space for an <strong>Experience Canvas</strong></li><li>Open seating for movement and collaboration</li><li>A well-lit space where people can step back and take it all in</li></ul><blockquote><strong><em>Pro Tip:</em></strong><em> A great workshop starts with the right environment — one that sparks creative thinking and open discussion.</em></blockquote><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*JVcec6dy55FAgjBecn33zA.jpeg" /><figcaption>Experiance Workshop Example</figcaption></figure><h3>2. Running the Workshop</h3><h4>Step 1: The Experience Canvas</h4><p>Start with a blank <strong>Experience Canvas</strong> — a two-axis chart with opposing attributes (e.g., <em>simple ↔ complex</em>, <em>playful ↔ serious</em>). This visual framework helps map out where the product experience should land.</p><h4>Step 2: Image Selection</h4><ul><li>Lay out a diverse mix of images representing different potential moods and aesthetics.</li><li>Ask participants to select images that feel “right” (or “wrong”) for the experience you’re aiming to create.</li></ul><h4>Step 3: Voting &amp; Discussion</h4><ul><li>Participants use stickers or dots to vote on images that best capture the intended experience.</li><li>Discuss the choices — what emotions do these images evoke? Which themes emerge?</li></ul><blockquote><strong><em>What You’re Looking For:</em></strong><em> Recurring words like </em>bold, welcoming, modern, trustworthy<em> — these will guide your design direction.</em></blockquote><h4>Step 4: Synthesizing Insights</h4><ul><li>Group similar themes and call out contradictions (e.g., <em>friendly</em> vs. <em>authoritative</em>).</li><li>Capture key takeaways in a shared document — these will serve as a <strong>north star</strong> for your design process.</li></ul><h3>Turning Workshop Insights into Action</h3><p>Workshops are only valuable if their insights translate into tangible design decisions. Here’s how to make that happen:</p><h3>1. Define Experience Attributes</h3><p>🔹 <strong>Review the strongest keywords</strong> — these become your core design principles.<br>🔹 <strong>Group related terms</strong> (e.g., <em>friendly</em> + <em>approachable</em> = <em>welcoming</em>).<br>🔹 <strong>Ensure alignment</strong> with brand and user research.</p><h3>2. Bring It to Life Visually</h3><ul><li><strong>Color Palette:</strong> Does <em>friendly</em> mean warm tones? Does <em>bold</em> mean high contrast?</li><li><strong>Typography Choices:</strong> Serif fonts often feel traditional; sans-serif tends to feel modern and clean.</li><li><strong>Layout &amp; UI Elements:</strong> Should the experience feel minimal and structured or dynamic and expressive?</li></ul><h3>Common Pitfalls — and How to Avoid Them</h3><p>🚧 <strong>Dominant Voices Taking Over</strong> → Have participants write down votes before discussion starts.</p><p>🚧 <strong>Quiet Participants Not Engaging</strong> → Use multiple ways to contribute (spoken, written, visual).</p><p>🚧 <strong>Diverging Opinions Creating Friction</strong> → Align the discussion back to user needs and brand goals.</p><p>🚧 <strong>Lack of Follow-Through</strong> → Document the workshop clearly, and assign action items immediately.</p><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*JYH-dsemlu2A8YLcE2oW_w.jpeg" /></figure><h3>Final Thoughts</h3><p>A well-run Experience Workshop <strong>doesn’t just generate ideas — it creates alignment and momentum</strong>. When teams actively shape the product’s emotional tone together, execution becomes clearer, decisions happen faster, and the end result resonates more with users.</p><p><strong>Key Takeaways:</strong><br>✅ Structure the workshop to <strong>engage</strong> all participants.<br>✅ Use visuals to <strong>articulate abstract</strong> experience goals.<br>✅ Document everything — workshops are only valuable if they inform real decisions.</p><blockquote><strong><em>Have you tried running an Experience Workshop?</em></strong><em> Share your insights and lessons learned in the comments — I’d love to hear your take!</em></blockquote><h3>Enjoyed this article?</h3><p>If this was helpful, <strong>clap</strong>, <strong>share</strong>, or drop a comment. Let’s keep the conversation going on how to build products that don’t just function — but <em>feel</em> right.</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=416e86ef9234" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Evolving Visual Language: A Collaborative Design Approach]]></title>
            <link>https://medium.com/@TheCsiz/evolving-visual-language-a-collaborative-design-approach-2e19e383fba5?source=rss-a1fcb196d611------2</link>
            <guid isPermaLink="false">https://medium.com/p/2e19e383fba5</guid>
            <category><![CDATA[visual-design]]></category>
            <category><![CDATA[design-systems]]></category>
            <category><![CDATA[product-design]]></category>
            <category><![CDATA[ui-design]]></category>
            <category><![CDATA[design-workshop]]></category>
            <dc:creator><![CDATA[Jason Csizmadi]]></dc:creator>
            <pubDate>Tue, 21 Jan 2025 01:35:09 GMT</pubDate>
            <atom:updated>2025-01-21T01:35:09.445Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*1LeSW6pRgr7q1JsoV0XSbw.png" /></figure><p>Creating a cohesive visual language is one of the most challenging yet rewarding aspects of product design. Whether triggered by a rebrand, technological updates, or the need to modernize a stale interface, developing a new visual language requires careful planning, collaboration, and a deep understanding of both user needs and business goals.</p><h3>Understanding the Foundation</h3><p>When embarking on the journey to develop a new visual language, the primary objective is often to bridge the gap between product experience and brand identity. This connection serves as the cornerstone for all subsequent design decisions and helps ensure consistency across all touchpoints.</p><p>Several factors might catalyze the need for a new visual language:</p><ul><li>A company-wide rebranding initiative</li><li>Outdated product interfaces requiring modernization</li><li>Technical stack updates presenting opportunities for visual refresh</li><li>Shifts toward mobile-first paradigms necessitating design reimagining</li></ul><h3>The Collaborative Approach</h3><p>The success of any visual language development relies heavily on early and consistent collaboration. The key is to be open and transparent from the start, bringing in product designers and engineering teams during the initial stages. This inclusive approach ensures that all stakeholders have a voice in the process.</p><p>The workshop and style studies methodology I’ll describe next comes from my time at Cooper and is detailed in Alan Cooper’s “About Face 4: The Essentials of Interaction Design.” This proven approach has been successfully used by design teams worldwide to create cohesive visual languages.</p><p>Here’s how to structure the collaborative process:</p><h3>Initial Workshops</h3><p>Begin with design sessions and whiteboarding exercises where team members can freely share ideas. These sessions are particularly valuable for:</p><ul><li>Capturing diverse perspectives from different team members</li><li>Allowing designers to concept and explore different directions</li><li>Creating alignment between brand leadership and product design teams</li><li>Establishing regular check-ins and review processes</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*yhf_rnCVEmoosC0Klrg8kA@2x.png" /><figcaption>Visual Language Attributes</figcaption></figure><h3>Visual Language Attributes</h3><p>Through workshops, teams can develop what I call “visual language attributes” — the backbone of how we discuss and implement the visual language. These workshops typically involve:</p><ul><li>Displaying visual references on boards or in FigJam</li><li>Having team members identify elements that do and don’t align with the desired direction</li><li>Encouraging participation from engineers and leaders who might not have formal design training</li><li>Synthesizing feedback into concrete attributes that guide future development</li></ul><figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/1*zi6SMo6d9wa45uXYiZMQRg.png" /><figcaption>Style Study Examples</figcaption></figure><h3>Pushing Boundaries in Style Studies</h3><p>The style study phase is crucial for exploring the full potential of your visual language. Rather than immediately seeking the “right” answer, this stage is about pushing boundaries and testing limits. Create mood boards and quick visual sketches that:</p><ul><li>Explore different interpretations of the visual language</li><li>Push beyond comfortable boundaries to discover new possibilities</li><li>Present both traditional and unexpected approaches</li><li>Help identify where the true sweet spot lies</li></ul><h3>Implementation and Validation</h3><p>Once you’ve aligned on a direction, the next phase involves:</p><h3>Documentation and Guidelines</h3><ul><li>Clearly document the visual language principles</li><li>Establish guidelines for implementation</li><li>Secure buy-in from leadership and brand teams</li></ul><h3>Archetype Screens</h3><ul><li>Apply the visual language to core screen designs</li><li>Use these as validation tools for the overall direction</li><li>Allow engineering teams to assess technical requirements</li><li>Address any remaining questions from the style study phase</li></ul><h3>Managing Stakeholder Concerns</h3><p>Pushback from stakeholders is natural, especially when translating visual language into product design. The real challenge isn’t preventing disagreement — it’s creating a process that welcomes and addresses concerns productively.</p><h3>Early Alignment</h3><p>Start by identifying key stakeholders across brand, product, engineering, and leadership teams. Schedule regular check-ins during the style study phase when changes are still fluid and less costly to implement. This prevents late-stage feedback that could derail the project timeline.</p><h3>Leadership Buy-in</h3><p>Pay special attention to leadership alignment. If the initiative is driven by one leader while others have reservations, those conversations need to happen immediately. Leadership misalignment can cascade through teams and create unnecessary friction.</p><h3>Balancing Different Needs</h3><p>Different stakeholders will have competing priorities. Create a framework for evaluating these different perspectives. Document trade-offs and decisions clearly, explaining how they support the overall project goals.</p><h3>Managing the Feedback Loop</h3><p>When stakeholders raise concerns:</p><ul><li>Listen actively and document their specific issues</li><li>Identify whether the concern is about the direction itself or its implementation</li><li>Present multiple options that address their concerns while maintaining the integrity of the visual language</li><li>Use prototypes and real examples to demonstrate solutions</li><li>Set clear deadlines for feedback to maintain project momentum</li></ul><p>Remember that stakeholder management isn’t just about addressing concerns — it’s about building advocates for the new visual language who will champion its adoption across the organization.</p><h3>Accessibility Considerations</h3><p>Accessibility should be a fundamental consideration, not an afterthought. This includes:</p><ul><li>Testing color palettes for accessibility compliance</li><li>Creating flexible systems that maintain brand identity while meeting accessibility standards</li><li>Conducting regular testing throughout development</li><li>Documenting accessibility guidelines for implementation</li></ul><h3>Measuring Success</h3><p>Success metrics for visual language implementation are often subjective and require time to evaluate properly. Consider:</p><ul><li>Monitoring user sentiment and engagement metrics</li><li>Allowing several months for proper evaluation</li><li>Gathering feedback from core users and super users</li><li>Tracking specific metrics like bounce rates and conversion rates</li></ul><h3>Key Takeaways</h3><p>The development of a successful visual language is an iterative process that requires:</p><ul><li>Strong collaboration across teams</li><li>Clear communication channels</li><li>Regular checkpoints and validation</li><li>Flexibility to refine and grow over time</li></ul><p>Remember that the initial release is just the beginning. The visual language will continue to evolve and mature as it’s implemented across different products and platforms. The key to success lies in maintaining open dialogue with stakeholders, staying true to established principles, and remaining responsive to user needs and feedback.</p><h3>About the Author</h3><p><em>This article is based on years of experience in developing and implementing visual languages across various tech products and platforms. The insights shared here reflect real-world challenges and solutions in creating cohesive design systems that serve both user needs and business goals.</em></p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=2e19e383fba5" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Rediscovering the love of Visual Design]]></title>
            <link>https://medium.com/@TheCsiz/rediscovering-the-love-of-visual-design-51df84e12b2d?source=rss-a1fcb196d611------2</link>
            <guid isPermaLink="false">https://medium.com/p/51df84e12b2d</guid>
            <category><![CDATA[ui-design]]></category>
            <category><![CDATA[design-systems]]></category>
            <category><![CDATA[visual-design]]></category>
            <category><![CDATA[ux-design]]></category>
            <dc:creator><![CDATA[Jason Csizmadi]]></dc:creator>
            <pubDate>Sat, 18 Jan 2025 19:14:02 GMT</pubDate>
            <atom:updated>2025-01-18T19:14:02.112Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*qt0arAwAErlohpDS" /><figcaption>Photo by <a href="https://unsplash.com/@john_jennings?utm_source=medium&amp;utm_medium=referral">John Jennings</a> on <a href="https://unsplash.com/?utm_source=medium&amp;utm_medium=referral">Unsplash</a></figcaption></figure><p>Over the past few years, I’ve spent a lot of time reflecting on my career — exploring what truly drives me as a designer and revisiting the moments that brought me the most joy. One thread stands out: my deep and unwavering love for visual design. While user flows, data-driven decision-making, and rapid prototyping are essential in modern product design, there’s something timeless and irreplaceable about the craft of creating captivating visuals that engage and inspire. That spark of creativity has always been at the heart of how I see myself as a designer — and it’s what continues to energize me in a world increasingly centered on product thinking.</p><h3>Early Career and Dot-Com Bust</h3><p>My journey began just before the dot-com bubble burst. I landed my first big break at a Colorado agency, but before long, the industry went through a major upheaval. Projects disappeared, layoffs swept through, and nothing felt certain. Back then, my work revolved around brand and marketing design — building boutique websites with short shelf lives, often replaced within months by the next campaign.</p><p>When I moved to San Francisco, my perspective expanded. I discovered how vast the world of design could be beyond the brand and marketing silo. Then, in 2007, the launch of the iPhone revolutionized the industry. Suddenly, I was transitioning from crafting flashy microsites to designing user interfaces for mobile apps. The iPhone didn’t just introduce a new device — it redefined how people interacted with software, sparking a hunger for inventive and visually striking digital experiences.</p><h3>Skeuomorphism’s Creative Peak</h3><p>In those early days of iOS, skeuomorphism reigned supreme. Rich textures, realistic materials, and intricate details were everywhere, creating interfaces that felt tactile and alive. I even took painting classes to learn how to render marble or leather accurately because those fine details were key to an app’s identity. Back then, you could tell which app someone was using just by glancing at its interface — visual design played a starring role.</p><p>This was, in many ways, a golden age for visual design on mobile. From app icons to subtle interactions, aesthetics played a starring role. My skills grew exponentially during this time because every new project felt like a chance to push the boundaries of what we could do on a small touchscreen. I also got to collaborate with a number of brilliant designers, each of whom taught me something new about how visuals drive the overall user experience.</p><h3>Flat Design’s Simpler Approach</h3><p>With iOS 7, the shift to flat design marked a turning point. Rich textures and layered visuals gave way to minimal, cleaner designs. Visual design was still important, but the focus moved toward UX, product thinking, and problem-solving. Flat design aligned with a more serious product mindset — it was faster to build, more adaptable, and required less polish.</p><p>For visual designers, this meant spending less time crafting intricate icons or textures and more time on the overall flow and structure of the product. I learned a great deal during this phase — how to approach design through a user-centric lens and appreciate the power of clear, intuitive interactions. But I still missed the creative freedom of crafting bold, distinctive visuals that made products stand out.</p><h3>Visual Design in Systems</h3><p>One way I kept visual design at the forefront was through design systems. As teams prioritized speed and consistency, design systems became a space where visual designers could make an impact.</p><p>Working on a design system allowed me to focus on the visual foundation — defining colors, typography, icons, and motion guidelines that scaled across products. It was incredibly rewarding to see how a small visual tweak could ripple through an entire ecosystem, instantly improving consistency and polish at scale.</p><p>For many visual designers, design systems offer a perfect balance: they celebrate the details we love while delivering tangible value to teams. It’s a space where creativity and practicality coexist, and I’ve come to appreciate how design systems can elevate both the brand and the product experience.</p><h3>Reconnecting With Visual Design</h3><p>Looking back, I’ve realized that no matter how my roles have evolved, the heart of my work lies in visual design. Crafting strong visuals isn’t just something I enjoy — it’s what energizes me and connects me to the essence of being a designer.</p><p>This isn’t about stepping away from broader product responsibilities or turning back the clock. It’s about re-centering the aspects of design that bring me the most fulfillment. Visual design has the power to captivate, communicate, and create memorable experiences. In today’s landscape of increasingly standardized interfaces, embracing bold and thoughtful visuals feels more essential than ever.</p><p>Whether it’s refining typography, exploring color palettes, or adding subtle motion details, visual design is still the soul of a product’s identity. It complements UX and strategy, driving engagement and reinforcing brand loyalty. For me, rediscovering my passion for this craft feels like coming home.</p><h3>What’s next</h3><p>Over the years, I’ve worn many hats — brand designer, app designer, product designer, and design systems lead. Each role has shaped me, teaching me new skills and perspectives. As I think about the future, I’m excited to lean back into what has always inspired me most: the art and craft of visual design.</p><p>Yes, trends will continue to evolve, but at its core, design is about creating something meaningful and resonant. For me, that has always been rooted in visuals.</p><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=51df84e12b2d" width="1" height="1" alt="">]]></content:encoded>
        </item>
        <item>
            <title><![CDATA[Unlocking Potential with Pair Design]]></title>
            <link>https://medium.com/design-bootcamp/unlocking-potential-with-pair-design-628d36d96450?source=rss-a1fcb196d611------2</link>
            <guid isPermaLink="false">https://medium.com/p/628d36d96450</guid>
            <category><![CDATA[collaboration]]></category>
            <category><![CDATA[design-thinking]]></category>
            <category><![CDATA[creativity]]></category>
            <category><![CDATA[ux]]></category>
            <category><![CDATA[design]]></category>
            <dc:creator><![CDATA[Jason Csizmadi]]></dc:creator>
            <pubDate>Tue, 23 Jul 2024 03:56:12 GMT</pubDate>
            <atom:updated>2024-07-23T20:18:45.851Z</atom:updated>
            <content:encoded><![CDATA[<figure><img alt="" src="https://cdn-images-1.medium.com/max/1024/0*wTm0YXJGX_QPLOIp" /><figcaption>Photo by <a href="https://unsplash.com/@karlsolano?utm_source=medium&amp;utm_medium=referral">Karl Solano</a> on <a href="https://unsplash.com/?utm_source=medium&amp;utm_medium=referral">Unsplash</a></figcaption></figure><p>When I joined Cooper Design in 2011, I discovered pair design, a practice that transformed my approach to projects. Pairing two designers to work closely together enhances both the quality and efficiency of the design process. This method fosters focus and accountability as designers stay on task and prioritize effectively. Pair design allows for real-time validation and feedback, leading to immediate error correction and continuous improvement. Moreover, it promotes cross-functional collaboration, leveraging diverse skills and perspectives to generate innovative solutions and drive project success. Though Cooper Design is now defunct, its legacy and practices, like pair design, continue to influence and guide my work.</p><iframe src="https://cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2F-GfmtrPBE-Y%3Ffeature%3Doembed&amp;display_name=YouTube&amp;url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D-GfmtrPBE-Y&amp;image=https%3A%2F%2Fi.ytimg.com%2Fvi%2F-GfmtrPBE-Y%2Fhqdefault.jpg&amp;key=a19fcc184b9711e1b4764040d3dc5c07&amp;type=text%2Fhtml&amp;schema=youtube" width="854" height="480" frameborder="0" scrolling="no"><a href="https://medium.com/media/4d6936781bdecb275f2d72917b9da8ac/href">https://medium.com/media/4d6936781bdecb275f2d72917b9da8ac/href</a></iframe><p><strong>Benefits of Pair Design<br></strong>Pair design offers numerous benefits that enhance both quality and efficiency. This approach fosters focus and accountability, enabling real-time validation and feedback, and promoting cross-functional collaboration.</p><p><strong>Collaborative Design<br></strong>Pair design, practiced at firms like Cooper, involves two designers working in tandem. This collaboration blends different skill sets to create solutions that align with user needs, business goals, and technical constraints. It ensures the final design satisfies all key requirements and avoids costly mistakes and rework.</p><p><strong>Preparing for Pair Design<br></strong>Understanding the key roles and dynamics involved is crucial. Each designer takes on distinct yet interchangeable roles — one generates solutions while the other synthesizes and evaluates them. This dynamic collaboration allows designers to learn from each other and inspire new approaches to challenges.</p><p><strong>Kickstarting Your Pair Design<br></strong>To get started with pair design:</p><ul><li><strong>Find the Right Partner:</strong> Seek out someone whose skills complement yours.</li><li><strong>Define the Problem and Outcomes:</strong> Clearly state the issue and what you want to achieve.</li><li><strong>Set the Duration:</strong> Decide how long your session will last, and plan breaks to avoid burnout.</li><li><strong>Embrace an Open Mindset:</strong> Keep an open mind and build on each other’s ideas to stay positive.</li><li><strong>Swap Roles Regularly: </strong>Experience the process from different perspectives.</li><li><strong>Run Retrospectives:</strong> Look back on what worked and what didn’t to improve next time.</li></ul><p><strong>Building Trust in Pairs</strong><br>Establish clear problem definitions, create a safe space for sharing ideas, and groundwork in high-level user stories. Embrace disagreements and dedicate time to building rapport.</p><p><strong>Establishing Effective Design Rhythms<br></strong>Establish a regular cadence of collaboration and independence. Maintain open communication, leverage diverse skill sets, and allow fluid roles.</p><p><strong>Small Teams Boost Efficiency<br></strong>Smaller teams are more effective for complex product development. Aim for teams of 2–3 people to reduce bureaucracy and foster innovation.</p><p>As my career has evolved, moving farther away from my time at Cooper, I often reflect on those days, the incredible people, and the impactful design practices we embraced. I can’t help but see the profound influence pair design has had on my approach to collaborative work. The principles of accountability, real-time feedback, and cross-functional teamwork continue to shape my projects, fostering innovation and excellence. Though Cooper is no longer around, the legacy of its practices, particularly pair design, remains a cornerstone of my professional ethos, continually inspiring me to push the boundaries of creativity and efficiency in every project I undertake.</p><p>If you’re interested in the materials that inspired this post, have a look at:</p><ul><li><a href="https://a.co/d/i3Ej1RU">About Face: The Essentials of Interaction Design</a></li><li><a href="https://christophernoessel.medium.com/pairaphors-explaining-pair-design-metaphorically-7ebdaee70bf3">Pairaphors: Explaining Pair Design (Metaphorically) on Medium</a> by Chris Noessel</li></ul><img src="https://medium.com/_/stat?event=post.clientViewed&referrerSource=full_rss&postId=628d36d96450" width="1" height="1" alt=""><hr><p><a href="https://medium.com/design-bootcamp/unlocking-potential-with-pair-design-628d36d96450">Unlocking Potential with Pair Design</a> was originally published in <a href="https://medium.com/design-bootcamp">Bootcamp</a> on Medium, where people are continuing the conversation by highlighting and responding to this story.</p>]]></content:encoded>
        </item>
    </channel>
</rss>