UX Design For Customer Support Tools

🔎 How To Redesign Complex Navigation: How We Restructured Intercom’s IA (https://lnkd.in/ezbHUYyU), a practical case study on how the Intercom team fixed the maze of features, settings, workflows and navigation labels. Neatly put together by Pranava Tandra. 🚫 Customers can’t use features they can’t discover. ✅ Simplifying is about bringing order to complexity. ✅ First, map out the flow of customers and their needs. ✅ Study how people navigate and where they get stuck. ✅ Spot recurring friction points that resonate across tasks. 🚫 Don’t group features based on how they are built. ✅ Group features based on how users think and work. ✅ Bring similar things together (e.g. Help, Knowledge). ✅ Establish dedicated hubs for key parts of the product. ✅ Relocate low-priority features to workflows/settings. 🤔 People don’t use products in predictable ways. 🤔 Users often struggle with cryptic icons and labels. ✅ Show labels in a collapsible nav drawer, not on hover. ✅ Use content testing to track if users understand icons. ✅ Allow users to pin/unpin items in their navigation drawer. One of the helpful ways to prioritize sections in navigation is by layering customer journeys on top of each other to identify most frequent areas of use. The busy “hubs” of user interactions typically require faster and easier access across the product. Instead of using AI or designer’s mental model to reorganize navigation, invite users and run a card sorting session with them. People are usually not very good at naming things, but very good at grouping and organizing them. And once you have a new navigation, test and refine it with tree testing. As Pranava writes, real people don’t use products in perfectly predictable ways. They come in with an infinite variety of needs, assumptions, and goals. Our job is to address friction points for their realities — by reducing confusion and maximizing clarity. Good IA work and UX research can do just that. [Useful resources in the comments ↓] #ux #IA

Boomers can’t navigate patient portals. Gen Z won’t tolerate outdated tech. Healthcare leaders: When was the last time you experienced your patient portal through the eyes of a confused 70-year-old or an impatient 20-year-old? The digital divide isn’t a patient problem – it’s a UX design problem. Here’s why: 𝗕𝗼𝗼𝗺𝗲𝗿𝘀: • Less than 30% actually use portal features, despite 90% of providers offering them.[1,2] • Clunky interfaces, tiny fonts, confusing menus that no glasses can translate. • Digital confusion and trust issues prevent seniors from accessing critical care. 𝗚𝗲𝗻 𝗭: • Zero tolerance for slow, outdated UX. • Quick to abandon clumsy apps and portals. • Expect seamless experiences like Instagram or Netflix. Anything less pushes them away. The good news? We can bridge the gap for both groups. Here’s how: ✅ 𝗦𝗶𝗺𝗽𝗹𝗶𝗳𝘆 𝗜𝗻𝘁𝗲𝗿𝗳𝗮𝗰𝗲𝘀: Mobile-first designs, minimal clutter, clear language, intuitive navigation. ✅ 𝗜𝗻𝗰𝗹𝘂𝘀𝗶𝘃𝗲 𝗗𝗲𝘀𝗶𝗴𝗻: Multi-modal UX + AI (voice, video, chat) that meets users where they are – whether 25 or 75 years old. ✅ 𝗥𝗲𝗮𝗹 𝗨𝘀𝗲𝗿 𝗧𝗲𝘀𝘁𝗶𝗻𝗴: Involve Boomers, Gen Z, and everyone in between to co-design solutions that actually work. ✅ 𝗔𝗜 𝗗𝗼𝗻𝗲 𝗥𝗶𝗴𝗵𝘁: Use AI to personalize and simplify tasks, not complicate them. Make it a UX ally, not a gimmick. The bottom line? Great UX bridges generational divides. Bad UX creates them. – What’s your best (or worst!) example of generational UX in healthcare? Let’s design digital healthcare that works for everyone – not just some imaginary “average” user. - Sources: (1) Pymnts https://lnkd.in/gUuQKkZj (2) Medsphere https://lnkd.in/gBWvRGFm

Sidebars: A simple tool or a hidden UX puzzle? 🚪 Let’s decode the art of crafting sidebars that work with your users, not against them. 🔍 A well-designed sidebar can make or break the user experience. It’s not just about aesthetics; it’s about functionality. When done right, it guides users effortlessly, saving them time and frustration. Let’s ensure your sidebar works for your users, not against them. Here are 6 best practices for designing an effective sidebar: ✅ #1 Optimal Sidebar Width Keep the width functional: 240-300px for expanded mode, 48-64px for collapsed mode. It ensures clarity without taking up too much space. ✅ #2 Switch Navigation Dynamically for Context Adapt the sidebar to display a focused settings menu when users navigate to specific sections like [Settings]. This keeps the interface streamlined and reduces distractions. ✅ #3 Switch Accounts Easily Incorporate an account switcher in the sidebar to enable users to toggle seamlessly between multiple company profiles or accounts. It improves efficiency for users managing multiple entities. ✅ #4 Expandable Sub-Items Add Depth Enable users to expand or collapse sub-menu items for better hierarchy and cleaner navigation. Use icons (like arrows or chevrons) to indicate if sub-menus can be expanded. ✅ #5 Reserve Space for Updates Use the bottom section of the sidebar for marketing updates or app announcements—visible yet unobtrusive ensuring it doesn't disrupt the primary navigation. ✅ #6 Allow Users to Switch Between Mode Provide users with the flexibility to toggle between light and dark modes for the sidebar. This feature enhances accessibility, reduces eye strain in low-light environments. Does your sidebar simplify navigation—or confuse your users? 🤔 What’s your biggest challenge in sidebar design? Let’s talk in the comments👇 

 ♻️ If this post resonated, share it with your network—let’s spread the knowledge! #UXDesign #UIUX #SidebarDesign #WebDesign #DesignTips #UserExperience #UIDesign #NavigationDesign #DesignSystem #UXStrategy #AccessibilityInDesign #ResponsiveDesign #DarkMode #LightMode #AdaptiveDesign #InterfaceDesign #WebAppDesign #SaaSDesign #UXBestPractices #DesignInspiration #UXWriting #UserCenteredDesign #UsabilityTesting #UXTips

Your website navigation can make or break your visitors' experience. It's not just about internal links... it's about helping users understand the relationship between different pages. A logical, well-defined structure is crucial. Without it, users feel lost and frustrated, leading to poor engagement and lower conversions. Your navigation affects everything from search engine rankings to brand perception. It's the tip of the iceberg, representing all the planning and care you've put into your site's information architecture. While there's no one-size-fits-all approach, certain best practices can guide you. Start by reducing your top-level navigation to just 3-5 items. This improves SEO and reduces cognitive load for users. Order your menu items strategically, placing the most important links at the beginning and end. Optimize for mobile, simplifying the navigation bar for smaller screens. Consider replacing complex drop-down menus with detailed pages. Make site search frictionless—users who search convert twice as often. Provide context within your menus using icons or visuals. Create separate navigation for different audience segments if needed. Don't forget the power of a comprehensive footer. It can alleviate navigational fatigue and improve SEO. Lastly, remove social media icons from your header. They're colorful exit signs that can lead visitors away from your site. By implementing these tips, you can create a seamless navigation experience that keeps users engaged and boosts conversions. Want to learn more about optimizing your website's navigation? Click through to read the full article on conversion-boosting navigation tips.

6 clicks to find the "𝐒𝐚𝐯𝐞" button. I watched a user navigate a fintech dashboard. They were lost in their own product. The product manager sitting next to me whispered: "This happens every user test." Here's what went wrong. Every time they added a feature, they added a new menu. Payment reports? ➞ New sidebar. User settings? ➞ Different dropdown. Export data? ➞ Hidden somewhere else. Year 1: Clean and simple. Year 3: A maze. One developer told me: "I add shortcuts every sprint just so users can find stuff." Band-aid after band-aid. The dashboard became a puzzle even the team couldn't solve. We didn't add more menus. We built one navigation system for everything. Global Nav Module: → Every feature lives in one clear place → Same logic, every time → New features plug in without breaking old paths Think of it like organizing a house. Instead of hiding things in random rooms, everything has its spot. Users learn once. Find anything forever. Results: ✓ 40% fewer clicks to reach any action ✓ Zero nav patches needed ✓ New features added in hours, not days Best feedback? A user messaged support: "Did you make the app faster? Everything feels quicker." We didn't touch speed. We just made things findable. After fixing 50+ dashboards, I see the same mistake: Teams treat navigation like decoration. It's not. Navigation is your product's skeleton. Mess it up early, and every new feature makes it worse. Good navigation? Users don't even notice it. They just... get things done. Open your product. Try to find your most-used feature. Count the clicks. More than 3? You're losing users every day. What's the hardest thing to find in YOUR product?

UX for SaaS Products – Simplify the Complex ⚙️ Why do so many SaaS products feel overwhelming? Here’s a common scenario: ↗️ A user logs into a SaaS platform for the first time. They’re greeted by a cluttered dashboard, complex features, and no guidance on where to start. The result? Confusion and frustration. Key Insights for Designers: 🔍 Overloaded interfaces overwhelm users. 🔍 Lack of guidance leads to abandonment. 🔍 Simple, intuitive navigation builds confidence. How to Improve SaaS UX: ✅ Design Clean, Organized Dashboards Focus on hierarchy and prioritize essential information. ✅ Add Tooltips for Guidance Provide contextual help where it’s needed most. ✅ Simplify Navigation Make it intuitive and contextual to keep users focused and engaged. 🎉 A thoughtful UX makes SaaS products easier to use, more efficient, and enjoyable! Let’s Talk #Saas #uxui #Productdesign

Is your website confusing visitors? A small change can make a big difference. Imagine landing on a site and struggling to figure out where to go next. Frustrating, right? That’s exactly how your potential customers feel when your navigation isn’t clear. Here’s the truth: Users don’t explore—they scan. They want to find what they’re looking for *fast.* If they can’t? They leave. But here’s the fix: → Use a Clear and Sticky Navigation Bar. Why? - It stays visible as users scroll, giving them an anchor point. - It reduces decision fatigue by keeping options accessible. - It guides users to the right place *without* them needing to think too much. Take it from me—designing with the user in mind is the secret to better engagement and higher conversions. I’ve seen firsthand how aligning design with business goals (and prioritizing user experience) turns confusion into clarity—and visitors into loyal customers. The question is: What’s one small change *your* site needs to simplify navigation?

Most websites lose visitors before they even get a chance to make an impression. Why? Because visitors get frustrated. They can’t find what they’re looking for. They feel lost. And then they leave. This is called bounce rate - and it’s one of the silent killers of your online success. Here’s a simple truth: The simpler your navigation, the more people stay. Think about it: When you land on a website, what’s the first thing you do? You scan the menu. You look for clarity. You ask yourself: “Where do I click to get what I need?” If the menu is cluttered, vague, or overwhelming, your brain automatically thinks: “This is too much effort. I’ll go somewhere else.” Even a beautifully designed website with stunning visuals can fail if the navigation is confusing. ✅ The solution is surprisingly simple: simplify your navigation. Limit main menu items to 5–7 options. Use clear, descriptive labels (“Services” vs. “What We Do”). Organize content logically, prioritizing what’s most important for your visitors. Avoid deep, hidden menus that force users to hunt for information. When visitors find what they need quickly, they stay longer. They explore more. They trust your website - and your brand. A simple, clear navigation menu does more than reduce bounce rate. It communicates that you understand your visitors, value their time, and make their journey effortless. Your website isn’t just a design, it’s a map. And if your map is confusing, people will leave. So before you spend another dollar on ads or marketing, look at your menu. Ask yourself: “Would I know where to click if I were a first-time visitor?” Simplify. Clarify. Keep them exploring. Because a small change in your navigation can make a huge difference in trust, engagement, and conversions. P.S. If your website feels confusing or visitors are leaving too soon, send me a message. I’ll help you simplify your navigation and turn more clicks into clients.

Why Your Knowledge Base Fails (And How to Fix It Without a Designer) I've been fascinated by how a well-crafted knowledge base can change customer support for the better. One recurring insight is that a knowledge base should be as simple as possible while being engaging and clear. It isn't just about piling up documents, it’s about crafting a digital space that customers actually enjoy using. A well-designed knowledge base is not just a collection of articles, it’s a tool that empowers customers and reduces repetitive support tickets. Even non-designers can achieve this by focusing on → User needs → Clear headings, → Straightforward content, and → Easy navigation. For example > Apple’s Support site is not just a manual but a minimalist, visual-first experience. → They use short videos, bullet points, and clear headings because they know overwhelmed users don’t read paragraphs, they scan. > Also Slack, whose help center is used by 60% of customers before contacting support. Lessons from top brands → Design for urgency, not perfection. > When users open your knowledge base, they’re often frustrated because most users arrive stressed and in a hurry. > HubSpot’s Academy does this well, content is layered into steps with bold headers and visuals. No jargon. No walls of text. > For non-designers, this means prioritizing visibility, place search front-and-center, use autocomplete suggestions, and avoid jargon in article titles. → Ensure Knowledge base is Mobile-Optimized > 60% of support searches happen on mobile (Gartner). > Shopify’s help center uses collapsible menus, large buttons, and short paragraphs for readability on small screens. > Use tools like Google’s Mobile-Friendly Test to check responsiveness. → Test with real users, not your team. Let users tell you what’s missing. > Invite a few customers to navigate your beta knowledge base. Simple fixes like color contrast and button labels can boost usage > Zendesk’s help center ends every article with “Was this helpful?”. Simple, but critical. Add a feedback button and discover key gaps that’s overlooked. For non-designers → Tools like Canva or even Google Docs can create clean, scannable layouts. Focus on clarity over creativity. P.S. When customers can help themselves without frustration, they feel more confident in the service they receive, which boosts overall satisfaction and loyalty. To founders and CX leaders: A great knowledge base isn’t about fancy design, it’s a retention tool. Reduce cognitive load, meet users where they are, and iterate based on their behavior. What’s one feature your knowledge base is missing?