Visual Design Principles for User Experience

𝐘𝐨𝐮’𝐫𝐞 𝐬𝐞𝐞𝐢𝐧𝐠 𝐚 𝐜𝐨𝐥𝐨𝐫 𝐭𝐡𝐚𝐭 𝐢𝐬𝐧’𝐭 𝐭𝐡𝐞𝐫𝐞. 𝐀𝐧𝐝 𝐭𝐡𝐚𝐭’𝐬 𝐭𝐡𝐞 𝐩𝐨𝐢𝐧𝐭. At first glance, this image seems to contain red. It doesn’t. Not a single red pixel exists. The image is composed entirely of blue, black, and white. So why do so many of us confidently perceive red? Because human vision isn’t a passive camera. It’s a prediction engine. Your visual system doesn’t process color in isolation. It continuously integrates 𝐜𝐨𝐧𝐭𝐫𝐚𝐬𝐭, 𝐬𝐩𝐚𝐭𝐢𝐚𝐥 𝐜𝐨𝐧𝐭𝐞𝐱𝐭, 𝐩𝐫𝐢𝐨𝐫 𝐞𝐱𝐩𝐞𝐫𝐢𝐞𝐧𝐜𝐞, 𝐚𝐧𝐝 𝐥𝐞𝐚𝐫𝐧𝐞𝐝 𝐩𝐚𝐭𝐭𝐞𝐫𝐧𝐬. When certain luminance relationships and textures align, the brain infers the most likely explanation based on past exposure, then fills in the gaps automatically. This process is known as 𝐜𝐨𝐧𝐭𝐞𝐱𝐭-𝐝𝐞𝐩𝐞𝐧𝐝𝐞𝐧𝐭 𝐩𝐞𝐫𝐜𝐞𝐩𝐭𝐢𝐨𝐧. It’s efficient. It’s adaptive. And sometimes, it’s wrong. Neuroscientifically speaking, perception is less about what enters the eyes and more about what the brain expects to see. Sensory input is just one ingredient; interpretation does the heavy lifting. The takeaway goes beyond optical illusions. In work, leadership, and decision-making, we often believe we’re responding to “objective reality.” In truth, we’re responding to 𝐢𝐧𝐭𝐞𝐫𝐧𝐚𝐥𝐥𝐲 𝐜𝐨𝐧𝐬𝐭𝐫𝐮𝐜𝐭𝐞𝐝 𝐦𝐨𝐝𝐞𝐥𝐬 shaped by assumptions, experience, and bias. What feels obvious isn’t always accurate. What feels real isn’t always present. Before reacting, deciding, or judging: pause and ask: Am I seeing what’s there …. or what my brain expects to see?

Wow. I just built 3 mini-apps for PMs in under 10 minutes: an empathy mapper, a journey analyzer, and a competitive analysis tool with Opal (Google Labs). No PRD. No Figma. No tickets. Just an idea → an experience. Instead of debating documents, I’m now sharing working mini-apps with my team ask them "react to this, let’s refine it” I used Opal to prototype the vibe with an: -Empathy Mapper -User Journey Analyzer -Competitive Landscape Tool Each one took minutes. Each one was immediately shareable. Each one changed the conversation. Use Opal when: -You want to validate an idea before writing a PRD -You need a quick tool for a workshop or meeting -You want to make research or concepts visible -You want to better empathize about your user Think of Opal as your 10-minute lab. If it takes longer than that, move it to a full prototype — that’s where other AI prototyping tools come in. Tips for PMs adopting this workflow -Start tiny. Your first Opal app should take under ten minutes. That constraint keeps you focused on intent, not polish. -Think in verbs, not nouns. Prompts like “summarize feedback” or “visualize trends” produce far better prototypes than static descriptions. -Collaborate live. Invite designers, engineers, and stakeholders into the session. Watching the prototype evolve creates alignment faster than any meeting. -Reflect. After every prototype, note what worked. Each build sharpens your prompting instincts and your product intuition. 🔗 Guides + masterclass in the comments 👇

Corporate colors psychology: strategic guide to branding. Before a message is read or a logo is recognized, color has already shaped perception in milliseconds. It influences how a brand is interpreted, what people feel, and often what they decide. Does you brand have clear color strategy? 3x to 4x increase in brand recognition thanks visual identity >>COMMUNICATION tool The brain processes visuals much faster than text, and color triggers associations almost automatically. These are not universal rules, but they are consistent patterns within cultures and categories. The key point is that color always communicates something. +30% customer retention in brands with strong consistency across experience and communication >>Defines CATEGORY. Many sectors have clear visual codes, following them helps people quickly understand what you are, while breaking them can help you stand out. But doing so without reason creates friction if the color contradicts the brand’s value. Color is one of the fastest elements to recognize and one of the hardest to copy once it is established. +90% of first impressions are influenced by color >>SHELF Impact In retail, people do not analyze, they scan. Color is usually the first signal they register. It makes products more visible, easier to find, and faster to process. It can also influence perceived price and quality, and often drives impulse decisions. Contrast matters most: when everything looks the same, the product that breaks the pattern stands out. +80% brand recognition for consistent use of color >>Color & PALLETES A brand does not work with just one color. It needs a system: primary colors define the core identity, secondary colors add flexibility, accent colors create emphasis, and neutrals provide balance. This is not just a design choice, but an operational one that allows consistency across formats and channels. +23% lower customer acquisition cost due to higher baseline awareness and recall >>CONSISTENCY & memory Is what turns color into an asset. Consistent use of color builds recognition, recall, and association. It reduces cognitive effort by making a brand easier to identify and process. When recognition is immediate, trust builds faster. +23% increase revenue for consistent brand presentation Final take Color feels intuitive, which is why it is often underestimated. But strong brands do not leave it to intuition. They define it, systematize it, and use it consistently. Because long before people remember what you said, they remember how you looked. And color sits right at the center of that. Find my curated search of examples and get inspired for success. Featured Brands: Burberry Curame Good Girl Hermes Kosas Prada Timberland Sol de Janeiro Tiffany&co #marketingbusines #marketingprofessionals #brandstrategy #brandcolor

Customer discovery via functional prototypes + PostHog is night & day better than the old school way of asking for feedback on Figma mockups. Here's why: I get to observe actual user behavior instead of asking the user to guess how they might use my product. My favorite example of why this matters comes from a Sony Walkman user study. They asked a bunch of people what they thought about a yellow walkman and they said "so sporty! not boring like the black one!". And yet, when they were given the opportunity to take a walkman home after the study, everyone picked the black one. We learned a lot more from user behavior than we did expressed preferences. Here's my setup for now observing user behavior from prototypes: 1. Create a functional prototype in your favorite prototyping tool (Bolt, Lovable, Reforge Build, Magic Patterns, Claude Code) 2. Ask the prototyping tool to integrate PostHog analytics 3. Ask the prototyping tool to instrument key user actions in PostHog Then you get all of these ways of observing actual behavior: - DAUs \ WAUs \ retention curves - I can actually see if people come back and use my prototype instead of taking their word for it - Action metrics dashboards - I can see what actions people are taking vs not - Post-usage survey - I can add a built-in pop-up survey to ask the user a question about the experience after they have engaged with the prototype - Session replays - I can see exactly where people are clicking and how they are using the product to identify usability issues - Heatmaps - I can see what part of my design is working across all sessions I'd never go back to testing with just a mockup after this.

The way colors interact with each other can make or break your brand’s perception. Yet, it’s one of the most overlooked aspects of branding. Many brands fall into the trap of relying on broad, generalized meanings for colors, like red for passion or blue for trust. ↓↓↓ While these are helpful, they aren’t the FULL story. The real power lies in how colors interact with each other within a palette. For instance, vibrant red and green appeal to the holidays, but pair that same red with deeper, muted reds, and you get a luxurious vibe. Hot pink might feel fun or feminine on its own, but combine it with black, and it suddenly exudes confidence and bold energy. The interplay of hues can subtly shift how customers emotionally connect with your brand. But don’t overlook trends either! Take Pantone’s recent Color of the Year, Mocha Mousse. While it might initially seem bland, its ties to sustainability make it a valuable accent for eco-conscious brands. I used it strategically for a high-end chocolate brand, not as the main color, but as an accent. Combined with richer hues, it told a deeper story about sustainable production and high-quality craft, steering away from overused color palettes in the industry. 💡 What’s the key takeaway? Your brand is more than JUST a color. Color is one of the first forms of communication. And how those colors interact, tell a story, and connect emotionally with your audience. Look at how your hues interact across visuals, packaging, and marketing touchpoints. Subtle shifts in contrast or tone can make a big difference in how your audience connects emotionally. Always test your palette as a whole. One approach I love to use when designing brand identities comes from the principles of Joseph Albers, who studied how our brains perceive colors differently depending on their surroundings. For brands, testing how your colors interact with one another is vital. These combinations tell a story about your brand’s tone, energy, and message. Which colors are driving your brand today? Have you considered what story they are telling? #LIpostingdayJune

A customer once told me: 'We're not just buying your product —we're betting on your ability to help us succeed and grow over time.'" That comment challenged me to think differently, and it still does each today. It came up during one of my regular customer check-ins. The kind where we’re not solving fires — but stepping back and asking, “What's working well? What's not? What’s next for you?” And the answer surprised me (but shouldn't have!) They of course had some concerns about today’s pain points. But more importantly, with how fast the world is changing and the level of embedded uncertainty, they were even more thinking 6–12 months ahead: ➡ How will our strategy evolve? ➡ What help do we need today that sets us up for more wins in the future? ➡ What will we need from you then that we’re not even asking for now? It was a wake-up call and a great reminder of that quote from years ago. Our current onboarding (and broader post-sales motion) focused too much on narrow current needs — not on future ones. And in today’s pace of change, that’s not enough. So we shifted: ✅ Start every engagement (for more customer segments) by co-creating a future-state vision ✅ Build our roadmap around where they’re going, not just where they are ✅ Check in on that vision — regularly The impact? Stronger partnerships. Stickier outcomes. More trust. How are you helping your customers grow into the future, not just succeed in the present?

D2C brands in India are spending upwards of ₹2000 to acquire a single customer, yet most struggle to generate a second purchase. Despite heavy investments in acquisition channels, these brands face a fundamental challenge: They don't have effective systems to drive repeat purchases. The data shows that over 70% of customers make just one purchase and never return. The problem isn't just about acquisition costs—it's about not leveraging customer data and engagement tools effectively. Most D2C brands collect valuable customer information but fail to use it for personalized communication, product recommendations, or targeted offers. Modern customer engagement platforms offer solutions through features like behavior tracking, journey mapping, and automated campaigns. These tools can identify purchase patterns, predict customer churn, and trigger relevant communications at the right moment. The key is shifting focus from pure acquisition to building systematic engagement workflows. Brands need to implement tools that can segment customers based on their behavior, automate personalized communications, and measure interaction impact. Those who adapt quickly will see significantly better unit economics.

Prototypes aren't for testing your product. They're for testing your assumptions. Most teams get this backward, and it costs them weeks of wasted effort and a product nobody wants. A prototype isn't a tiny product; it's a medium for learning. It's a tool designed to ask a specific question and test a core assumption with the right audience. An unintentionally designed prototype is a flawed input, and even with advanced teams and tools, flawed inputs only amplify flaws. The true power of a prototype isn't in its polish, but in the intentional "message" it sends. To unlock this power and truly accelerate collective learning across your organization, you must design with intent: ✺ Low-Fidelity Prototypes: These are for asking foundational, "Does this even solve the right problem?" questions. They signal that everything is up for debate. The intentional message is: "Let's explore the idea, not the pixels." ✺ Medium-Fidelity Prototypes: Use these to test core user flows and information architecture. The intentional message is: "Is this journey intuitive?" By keeping them a little rough, you prevent stakeholders from getting fixated on visual design. ✺ High-Fidelity Prototypes: Reserve these for the final stages to test things like micro-interactions, brand consistency, or subtle emotional responses. The intentional message is: "We're almost there. What are we missing?" This is how you turn prototyping from a simple task into a strategic lever for change and Team Learning. It ensures your team isn't just building things, but is learning together and making better decisions about what to build and why. It's how you break down silos and create a "Holding Environment" for generative dialogue. What's a time you intentionally used a low-fidelity prototype to prevent a high-stakes meeting from spiraling? Let’s discuss in the comments below. #ProductDesign #SystemsThinking #StrategicDesign #UXStrategy #DesignLeadership #ComplexSystems #TeamLearning #Prototyping #OrganizationalDesign #Innovation

1 in 12 men can’t see your design. And you’re still using red for errors. There’s a real chance your user can’t distinguish between your success green and error red. Yet most design teams still treat colour blindness like an edge case. It’s not. Here’s the simplified breakdown every designer should know: 1. Red-Green (Deuteranopia & Protanopia) - 1st Priority Affects ~8% of men, ~0.5% women. Users struggle to distinguish: • Red vs green. • Brown vs green. • Orange vs red. What to do: • Never rely on red/green alone for success and error states. • Pair every status with text and an icon (✓ ✗ ⚠). • Ensure colours differ in brightness and contrast, not just hue. • Meet contrast requirements: 4.5:1 for text, 3:1 for UI components. If you only fix one thing, fix this. 2. Blue-Yellow (Tritanopia) - 2nd Priority Very rare (~0.01%), but still worth checking. Users struggle with: • Blue vs yellow. • Blue vs green. • Purple vs red. What to do: • Avoid pairing blue/yellow for critical states. • Don’t rely on blue vs green to indicate meaning. • Add icons and text to “info,” “warning,” and “alert” states. • Maintain strong brightness contrast. Red/green works fine here. 3. Monochromacy - 3rd Priority Extremely rare. Users see only in grayscale (no colour perception). What to do: • Rely on contrast, not hue. • Use text labels, icons, patterns or structural differences. • Never use colour as the only indicator for meaning. If your design works in grayscale, you’ve already covered this. Here's a guide your team can use: ✅ DO • Add icons or labels to all colour-coded states. • Use contrast differences ; at least 4.5:1 for text, 3:1 for UI components. • Test with simulators (Stark, Colorblind, Who Can Use). • Ask yourself: “Does this work in grayscale?” ❌ DON’T • Use colour as the only indicator. • Rely on red/green for critical actions. • Skip accessibility testing. 👇🏽 What’s your experience with colour blindness? Drop your thoughts in the comments. ♻️ Share and save this for your team. --- ✉️ Subscribe to my newsletter for accessibility and design insights here: https://lnkd.in/gZpAzWSu --- Accessibility note: Contents in the image attached contain normal and large text ratios for WCAG 2.2 AA only.

What if the best solutions for your process started with cardboard? When testing new ideas or improvements, jumping straight to high-cost, permanent solutions can be risky—and expensive. That’s where cardboard engineering comes in. Cardboard is one of the simplest, most cost-effective tools for rapid prototyping and testing ideas. It’s lightweight, easy to shape, and lets you visualize, test, and refine your concepts before committing to more expensive materials. Why Cardboard Is Perfect for Prototyping: 1️⃣ Low-Cost Experimentation Testing with cardboard lets you try multiple iterations of a design without worrying about material costs. 2️⃣ Fast Feedback Loops You can build and modify a prototype in minutes, gathering instant feedback from your team or operators. 3️⃣ Hands-On Collaboration Cardboard prototypes allow teams to actively engage with ideas, making it easier to identify issues or opportunities for improvement. 4️⃣ Visual Validation Sometimes, seeing a physical model highlights challenges that wouldn’t be obvious in a drawing or plan. How to Use Cardboard for Lean Improvements: 🔍 Test Workstation Layouts Use cardboard cutouts to mock up layouts and placement of tools, parts, and equipment. Adjust until everything flows smoothly. 📦 Simulate Material Flow Prototype racks, bins, or carts to ensure materials are stored and moved efficiently before building them with more durable materials. 🛠️ Design Fixtures or Jigs Create cardboard versions of fixtures or jigs to test their functionality in the process. Refine the design before investing in the final version. 📐 Test Ergonomics Mock up equipment or workstation designs with cardboard to test ease of use, reach, and operator comfort. Example of Cardboard in Action: A manufacturing team wanted to redesign a workstation to reduce operator motion. Instead of committing to expensive reconfigurations, they used cardboard to prototype the layout. After several iterations, they found the optimal setup, reducing motion by 25% and saving hours of work. Cardboard isn’t just for packaging—it’s a powerful tool for testing and refining your ideas. By prototyping with low-cost materials, you can experiment, learn, and improve quickly without breaking the bank.