Visual Design Principles for User Experience

🔬 How To Run UX Research In B2B and Enterprise. Practical techniques of what you can do in strict environments, often without access to users. 🚫 Things you typically can’t do 1. Stakeholder interviews ← unavailable 2. Competitor analysis ← not public 3. Data analysis ← no data collected yet 4. Usability sessions ← no users yet 5. Recruit users for testing ← expensive 6. Interview potential users ← IP concerns 7. Concept testing, prototypes ← NDA 8. Usability testing ← IP concerns 9. Sentiment analysis ← no media presence 10. Surveys ← no users to send to 11. Get support logs ← no security clearance 12. Study help desk tickets ← no clearance 13. Use research tools ← no procurement yet ✅ Things you typically can do 1. Focus on requirements + task analysis 2. Study existing workflows, processes 3. Study job postings to map roles/tasks 4. Scrap frequent pain points, challenges 5. Use Google Trends for related search queries 6. Scrap insights to build a service blueprint 7. Find and study people with similar tasks 8. Shadow people performing similar tasks 9. Interview colleagues closest to business 10. Test with customer success, domain experts 11. Build an internal UX testing lab 12. Build trust and confidence first In B2B, people buying a product are not always the same people who will use it. As B2B designers, we have to design at least 2 different types of experiences: the customer’s UX (of the supplier) and employee’s UX (of end users of the product). In customer’s UX, we typically work within a highly specialized domain, along with legacy-ridden systems and strict compliance and security regulations. You might not speak with the stakeholder, but rather company representatives — who regulate the flow of data they share to manage confidentiality, IP and risk. In employee’s UX, it doesn’t look much brighter. We can rarely speak with users, and if we do, often there is only a handful of them. Due to security clearance limitations, we don’t get access to help desk tickers or support logs — and there are rarely any similar public products we could study. As H Locke rightfully noted, if we shed the light strongly enough from many sources, we might end up getting a glimpse of the truth. Scout everything to see what you can find. Find people who are the closest to your customers and to your users. Map the domain and workflows in service blueprints and . Most importantly: start small and build a strong relationship first. In B2B and Enterprise, most actors are incredibly protective and cautious, often carefully manoeuvring compliance regulations and layers of internal politics. No stones will be moved unless there is a strong mutual trust from both sides. It can be frustrating, but also remarkably impactful. B2B relationships are often long-term relationships for years to come, allowing you to make huge impact for people who can’t choose what they use and desperately need your help to do their work better. [continues in comments ↓] #ux #b2b

1–2 seconds to stop the scroll on platforms like Instagram or TikTok. Users form an opinion about a visual in ~50 milliseconds. Want to instantly grab attention? Great visual composition isn’t just about aesthetics, it’s about direction. Content with compelling visuals gets 94% more views than text-only content. It leads the viewer’s eye, shapes how your message is understood, and makes your content impossible to ignore. 8 essential principles to level up your visual game: 1. Rule of Thirds Break your frame into a 3x3 grid. Positioning key elements along these lines or at their intersections creates a naturally balanced and pleasing layout. 2. Leading Lines Incorporate lines, whether architectural, natural, or implied, to pull the viewer’s gaze toward your focal point or guide them through the composition. 3. Balance Create stability by distributing elements thoughtfully. This can be perfectly symmetrical or more dynamic and asymmetrical, depending on the visual weight. 4. Focal Point Every design needs a clear star. This is the element that immediately captures attention and anchors the composition. Clear visual hierarchy can improve conversion rates by up to 30% by reducing cognitive load and guiding decisions. 5. Negative Space What you leave out matters. Space around elements enhances clarity, improves readability, and gives your design room to breathe. 6. Hierarchy & Scale Use size, placement, and proportion to signal importance. This helps viewers navigate your design in a clear, intentional flow. Applying hierarchy, contrast, and spacing can increase content comprehension by up to 70% 7. Contrast Play with differences, color, size, shape, or texture, to create emphasis and depth. Contrast is what makes elements pop. High-contrast CTAs (buttons, key elements) can increase CTR by 20–40% in digital campaigns. 8. Repetition Consistent use of shapes, colors, or patterns builds rhythm and cohesion, making your design feel unified and intentional. Consistent visual systems can increase brand recognition by up to 80% Final Thought Visual structure isn’t optional, it’s how we make sense of what we see. As creators, it’s our job to shape that experience. Master these principles, and your designs won’t just look good, they’ll communicate with clarity and impact. Explore references, study great work, and keep refining your eye. #beautybusiness #beautyvisuals #keyvisuals #communication

Last week, I coached a product team through a user interview debrief. They were excited! Users had shown enthusiasm for a new feature! 🎉 But when I asked, “What problem does this solve for them?” the room went quiet. 🫣 This happens more often than we’d like to admit. 🧠 The Trap: Mistaking Enthusiasm for Validation When users say, “That sounds great!” we often interpret it as validation. But here's the catch: - Users want to be polite. - They might not fully understand their own needs. - As product teams, we may hear what we want. This is why relying solely on user enthusiasm can lead us astray. 🔍 The Solution: Semi-Structured Interviews We need to dig deeper to understand our users truly. Semi-structured interviews strike the right balance between guidance and flexibility. Key practices include: - Start with hypotheses: Identify what you believe to be true. - Ask open-ended questions: Encourage users to share experiences, not just opinions. - Listen actively: Pay attention to what’s said—and what’s not. - Probe for underlying needs: Seek to understand the 'why' behind their behaviours. This approach helps uncover genuine insights, leading to solutions that truly resonate. 🌟 Imagine the Impact By adopting this method: - Teams build products that solve real problems. - User satisfaction increases. - Resources are invested wisely, reducing wasted effort. It's not just about building features—it's about delivering value. 🦾 Take Action Next time you're planning user interviews: - Prepare a set of hypotheses. - Design questions that explore user experiences. - Remain open to unexpected insights. Remember, the goal is to understand your users, not just confirm your assumptions deeply.

Your research findings are useless if they don't drive decisions. After watching countless brilliant insights disappear into the void, I developed 5 practical templates I use to transform research into action: 1. Decision-Driven Journey Map Standard journey maps look nice but often collect dust. My Decision-Driven Journey Map directly connects user pain points to specific product decisions with clear ownership. Key components: - User journey stages with actions - Pain points with severity ratings (1-5) - Required product decisions for each pain - Decision owner assignment - Implementation timeline This structure creates immediate accountability and turns abstract user problems into concrete action items. 2. Stakeholder Belief Audit Workshop Many product decisions happen based on untested assumptions. This workshop template helps you document and systematically test stakeholder beliefs about users. The four-step process: - Document stakeholder beliefs + confidence level - Prioritize which beliefs to test (impact vs. confidence) - Select appropriate testing methods - Create an action plan with owners and timelines When stakeholders participate in this process, they're far more likely to act on the results. 3. Insight-Action Workshop Guide Research without decisions is just expensive trivia. This workshop template provides a structured 90-minute framework to turn insights into product decisions. Workshop flow: - Research recap (15min) - Insight mapping (15min) - Decision matrix (15min) - Action planning (30min) - Wrap-up and commitments (15min) The decision matrix helps prioritize actions based on user value and implementation effort, ensuring resources are allocated effectively. 4. Five-Minute Video Insights Stakeholders rarely read full research reports. These bite-sized video templates drive decisions better than documents by making insights impossible to ignore. Video structure: - 30 sec: Key finding - 3 min: Supporting user clips - 1 min: Implications - 30 sec: Recommended next steps Pro tip: Create a library of these videos organized by product area for easy reference during planning sessions. 5. Progressive Disclosure Testing Protocol Standard usability testing tries to cover too much. This protocol focuses on how users process information over time to reveal deeper UX issues. Testing phases: - First 5-second impression - Initial scanning behavior - First meaningful action - Information discovery pattern - Task completion approach This approach reveals how users actually build mental models of your product, leading to more impactful interface decisions. Stop letting your hard-earned research insights collect dust. I’m dropping the first 3 templates below, & I’d love to hear which decision-making hurdle is currently blocking your research from making an impact! (The data in the templates is just an example, let me know in the comments or message me if you’d like the blank versions).

This free open-source kit gives Claude the design rules most AI-coded apps are missing. Most models can generate a good-looking component. The problems start when you ask for screen two. Spacing changes. Colors get hardcoded. Component states disappear. Accessibility becomes an afterthought. The product slowly turns into five different design systems. ux-ui-agent-skills gives Claude a shared system to work inside. What you get: → 138 AI-readable design references inspired by products and visual styles such as Apple, Linear, Stripe, Vercel, Notion, and Spotify → A 3-tier DTCG token system for primitive, semantic, and component tokens → 17 Claude Code skills for tokens, components, code generation, accessibility audits, redesigns, and design reviews → 16 framework adapters for React, Vue, Svelte, SwiftUI, Flutter, React Native, and other stacks → Automated checks for contrast, responsive overflow, hardcoded values, focus traps, RTL layouts, component states, and accessibility One important detail: These are not 138 official or installable UI libraries. They are 138 detailed DESIGN.md specifications that Claude can convert into local tokens and framework-specific code. A practical workflow looks like this: 1. Select a visual direction 2. Map it into semantic tokens 3. Design every component state 4. Generate the code for your framework 5. Run the accessibility and design-review gates Install it with: npx ux-ui-agent-skills init Repo: https://lnkd.in/dczxN45M Pick one design system. Build one component. Run the gates before you generate the rest of the product. I'm Shrey Shah & I talk about harness engineering.

In my former life, I was a graphic designer. I spent years obsessing over layouts, grids, color palettes, and the tiny details that make a design feel right. When I moved into learning design, I realized those same skills gave me an edge. The PARC principles I had been using for years—Proximity, Alignment, Repetition, and Contrast—translated perfectly into creating clearer, more engaging learning experiences. Proximity Group related content so learners instantly understand what belongs together. Alignment Position elements with purpose. Consistency in placement makes content easier to follow and trust. Repetition Repeat visual cues like colors, fonts, and layouts. Predictability helps learners focus on the message instead of figuring out the interface. Contrast Highlight what matters most. Use size, color, and whitespace to create a clear visual hierarchy. This simple system works in both worlds—graphic design and learning design—because it’s all about reducing friction, improving clarity, and guiding attention. What principles have you borrowed from another field that’s improved the way you create learning experiences?

12 Design Principles Can Change the Way You Create! Mastering the Foundations of Great Design. Great design isn’t just about aesthetics but balance, impact, and effective communication. By mastering these 12 Principles of Design, you can create visually compelling and highly functional work. 1. Balance Keeps designs stable and structured. ✅ Symmetrical: Formal & structured. ✅ Asymmetrical: Dynamic & engaging. 2. Contrast It makes key elements stand out. ✅ Color, typography, size, and shape variations enhance readability. 3. Emphasis Directs focus to key areas. ✅ Bold colors, larger fonts, and strategic placement enhance visual hierarchy. 4. Movement Guides the viewer’s eye for better engagement. ✅ Directional cues and animations improve user navigation. 5. Rhythm Creates a visual flow through repetition. ✅ Patterns, icons, and spacing ensure consistency. 6. Hierarchy Structures content from most to least important. ✅ Size, color, and placement establish clear priorities. 7. White Space Enhances clarity and focus. ✅ Reduces clutter, improves readability, and creates a premium feel. 8. Unity Ensures harmony in design elements. ✅ Consistent typography, colors, and alignment build trust. 9. Variety Keeps designs engaging and prevents monotony. ✅ Mixes typography, colors, and shapes for visual interest. 10. Alignment Creates order and professionalism. ✅ Organized layouts improve readability and usability. 11. Proportion Balances elements for usability and harmony. ✅ Ensures CTAs and headlines are scaled appropriately. 12. Repetition Reinforces brand consistency. ✅ Colors, fonts, and UI patterns create familiarity. Bringing It All Together Mastering these principles helps designers craft compelling, functional, and memorable experiences. 👉 Which principle do you rely on the most? Let’s discuss this in the comments! #Design #UXDesign #GraphicDesign #UIUX #DesignPrinciples #Creativity #Branding

Dear Product Managers, Always remember this (warning: this post contains shocking statistics) Users are bad at telling you what they want but they are very good at showing you what matters to them. After 12 years in product, I’ve learned that the fastest way to uncover what users don’t like isn’t asking them directly but it’s choosing the right research method. Here’s the truth about accuracy: Surveys: 20 to 40% accuracy People guess, answer aspirationally or try to be polite. Good for signals, not truths. Interviews: 50 to 70% accuracy Better context, deeper insights but still influenced by memory, bias, and social pressure. Usability Testing: 70 to 90% accuracy Users won’t say something is confusing, they’ll show you. Watching real behavior is 10x more honest than any spoken answer. Analytics + Experiments (A/B tests): 90 to 100% accuracy The highest truth signal. When users abandon, rage-click, or drop off… that’s real feedback. No opinions. No filters. Just behavior. So if your goal is to understand what users don’t like: 👉 Focus on behavior-based methods. Usability tests Heatmaps Session recordings Funnel analytics A/B tests Ask users what they love but watch them to discover what they hate. That’s where the real product opportunities live.

💡 Mapping user research techniques to levels of knowledge about users When doing user research, it's important to choose the right methods and tools to uncover valuable insights about user behavior. It's possible to identify 3 layers of user behavior, feelings, and thoughts: 1️⃣ Surface level - Say & Think This level captures what users say in conversations, interviews, or surveys and what they think about a product, feature, or experience. It reflects their stated opinions, thoughts, and intentions. Example: "I prefer simple products" or "I think this app is easy to use." Methods: Interviews, Questionnaires. These methods capture stated thoughts and opinions. However, insights may be influenced by social norms or biases. 2️⃣ Mid-level - Do & Use This level reflects what users actually do when interacting with a product or service. It emphasizes actions, usage patterns, and observed behaviors, revealing insights that may differ from what users say. Example: Users may claim they enjoy customizing app settings, but data shows they rarely change default options. Methods: Usability Testing, Observation. Observation helps to reveal gaps between what people say and what they actually do. 3️⃣ Deep level - Know, Feel and Dream This level uncovers deep motivations, emotions, desires, and aspirations that users may not be consciously aware of or may struggle to articulate. It also includes tacit knowledge—things people know intuitively but find hard to express. Example: A user might not realize that their preference for a minimalist design comes from the information overload of a current design. Methods: Probes (e.g., participatory design, diary studies). Insights collected using these methods will uncover implicit and emotional drivers influencing behavior. 📕 Practical recommendations for mapping ✅ Triangulate insights by using multiple methods. What people say (interviews/surveys) may differ from what they do (observations) and feel. That's why it's essential to interpret these results in context. For example, start with interviews to learn what users say. Follow up with usability testing to observe real behavior. Use probes for long-term or emotional insights. ✅ Align research with business goals. For product improvements, focus on usability testing to catch interaction issues. For innovation, use probes to generate new ideas from user insights. ✅ Practice iterative learning. Apply surface techniques (like surveys) early to refine assumptions and guide more in-depth research later. Use deep techniques (like probes) for strategic decisions and to foster innovation in long-term projects. 🖼️ UX Research methods by Maze #ux #uxresearch #design #productdesign #uxdesign #ui #uidesign

If your UX process starts in Figma, you’ve already failed. You can do it. But it won’t work right. That’s where most designers go wrong. They: - Jump straight into Figma. - Design what looks good. Not what feels right. UX is not just about visuals. It’s about: - Flow. - Emotion. - Consistency. - And problem-solving. Top designers don’t rely on inspiration. They rely on frameworks. Because frameworks make design smarter. Not slower. Here are 6 frameworks every pro uses. 1. User Journey Map It’s the big picture of your user’s path. Awareness to retention. You see their: - Goals. - Pain. - Emotions. 2. The Double Diamond ↳ Discover.  ↳ Define.  ↳ Develop.  ↳ Deliver. You explore first. Then execute. It keeps your team solving the right problem. 3. Jobs To Be Done (JTBD) Forget the feature list. Focus on what users really want. Ask what job they’re trying to get done. Then design around that. 4. UX Pyramid It’s not just about: - Function. - Feeling. From functional to pleasurable. It reminds you what truly makes experiences great. 5. The Hooked Model Trigger.  Action.  Reward.  Investment. It’s why users stay. But use it with purpose. Not manipulation. 6. Story-Driven UX Framework Every great product tells a story. ↳ User struggles. ↳ Product helps. ↳ Journey transforms. That’s real experience design. Great UX is not random. It’s built on structure. Every touchpoint has a reason. Every moment has a purpose. Stop designing features. Start designing experiences. Your turn: Which framework do you swear by? Or which one do you want to try next? Comment below.