UX Design For Cloud-Based Solutions

📣 Experience Mapping For UX Writers (+ Figma Kits) (https://lnkd.in/eU3axkXe), an easy-to-implement UX technique to tweak and plan our written copy in user journeys from start to finish — by mapping the stages of experience, thoughts, emotions and copy against the tone of voice. By Amy Leak. We start by gathering the team and looking at existing user flows. We consider various actors that will experience the flow and review their experience through the lens of their needs and expectations. We bring insights from any existing UX research and start filling in the map. Then, we break down the entire journey into distinct stages. We consider how a user might think at each point, their questions and concerns, but also any doubts, missing details and exceptions we need to address. Afterwards, we move to explore possible positive and negative emotions a user might have. Now we start thinking about the writing. We tackle concerns, doubts and fears, and support users in their emotional state. We think about the copy that will help answer their needs — notes, labels, hints, calls to action, error messages, warnings, notifications. Finally, we explore how *exactly* we say what we want to say, by adjusting the tone in relation to user’s emotions on the experience map. And there we have it. Now we can finetune the messaging across the entire product to hit the right tones at the right times — for each user journey, one at a time. A simple and interesting idea, and I would love to explore ways to introduce consistency to writing across many user journeys, and ways to track iterations of our writing over time as well. Thanks for sharing it, Amy! 🙏🏼 🙏🏾 🙏🏾 ✍🏽 Useful Resources How To Set Up Your UX Copy Ecosystem, by Jürgen Zimmermann https://lnkd.in/eFbmmgCB How To Improve UX Writing With Copy Docs ↳ https://lnkd.in/eZSs-ivt, by Andrea Drugay ↳ https://lnkd.in/eTFVA2Bn, by Valeriia Panina The Go-To Guides For UX Writers ↳ https://lnkd.in/e4MrHnzG, by Awen Wen ↳ https://lnkd.in/eTZ9CcCC, by WorkingInContent How To Run a UX Writing Review, by Jennifer Nadler https://lnkd.in/eSpR-PDv UX Writing Specs and Critiques, by Spotify https://lnkd.in/e3QYfJgp 💠 Free Notion + Figma Kits Free Notion Templates For UX Writers, by Bec Thexton https://lnkd.in/ei4hnx4W UX Writer's Figma Toolkit, by Ryan Reid https://lnkd.in/ecFvvhfw Designing Voice and Tone In UX Writing (+ PDF Worksheets) https://lnkd.in/e6r4cC8Y #ux #design

AI is killing the UX Design role as we know it. Designers who adapt will evolve into Strategic Experience Architects who will be in high demand. While traditional designers are "pixel-pushing," a new set of designers is emerging.  They're using AI to fast-track design ideas and turning prototypes into working code. A lot of what UX designers are doing manually today is exactly what AI tools are getting good at: • Rapid wireframing concepts • UI component creation • Basic user research • Persona development • Usability testing automation The ability to automate some UX tasks is already here. We have to assume that the technology will only advance quickly. I recently spoke with several Product Managers who are already replacing basic UX tasks with AI tools. When PMs can generate, iterate, and validate designs using AI, what happens to the traditional UX role? Simple products and startups will streamline. PMs with AI will be able to handle the basics. We're already seeing this shift. However, there's a big opportunity here as well. AI has a critical blind spot: it can't grasp the nuanced psychology of human behavior. It can't navigate complex stakeholder dynamics. It can't translate business objectives into meaningful user experiences. This is where the evolution happens. The future belongs to Strategic Experience Architects who: ✦ Define the right problems to solve ✦ Extract insights from human complexity ✦ Align teams around user value ✦ Guide AI with human context The market is splitting: → Basic products: UX roles blend into other roles on the team → Complex enterprises: Strategic UX roles become critical Fortunately, most valuable products are complex and human-centered. Want to stay relevant? Here's what to consider. 1. Master AI design tools   But don't just use them, learn to orchestrate them 2. Evolve from maker to strategist   Your value is in thinking, not in pushing pixels (AI will eventually handle this) 3. Develop business intelligence   Connect user needs to revenue 4. Study human psychology    This is your moat against AI 5. Learn systems thinking Focus on developing repeatable systems in your daily work The UX industry isn't dead, but it is transforming. -- ♻️ Share if you think this will help others ➕ Follow Jason Moccia for more insights on AI and Product Design

A graphic design degree costs £40k and takes 3 years. But you? You're about to get the essentials in under 3 minutes. Because EVERYONE should know how to use design to make their expertise irresistible — whether you're presenting, pitching, or promoting. 👇 But first. The BIG misconception: Most people think visual communication = pictures. Wrong. It’s strategy. It’s how you use: - Layout + structure - Fonts + spacing - Visuals + white space - Content flow 💡 Why it matters: Dual Coding Theory. Allan Paivio (visual communication researcher extraordinaire) says we process info through two systems: both verbal (words) + non-verbal (visuals). We need to use them together for boosting understanding, engagement AND memory. Here’s how to do it like a pro 👇 --- 1️⃣ Visual Hierarchy Everything else serves this one goal: Make sure your audience sees the *right info* in the *right order*. Tips: - Bigger = more important - Closer = related - Structure = use titles, subheads, body - Use white space to reduce cognitive overload - Guide the eye like a story --- 2️⃣ Colour Keep it simple: 🎨 Pick 3: light background, dark text, bright accent ⚖️ Check contrast (aim for 8+): use Adobe Colour Checked to help (https://lnkd.in/eavEBGwD) 🔁 Use consistently Try: Coolors (https://coolors.co) for instant, accessible palettes. --- 3️⃣ Fonts ✔️ Use clean sans serifs (Helvetica, Inter, etc.) OR what is most accessible for your audience. This will be different for neurodivergent people or those with visual impairments. ✔️ Pick one with multiple weights (bold, medium, light). ✔️ Apply consistently for hierarchy Here’s a great resource to help: https://lnkd.in/eJA8NheT --- 4️⃣ Imagery Use visuals *with purpose*. 📸 Every image should enhance understanding, not just decorate 🎨 Stay consistent in style 📋 Attribute if using stock or AI imagery --- That’s your crash course in visual communication. Credibility. Clarity. Clout — without the £40k price tag. What would *you* add to the list? Liked this and want more? Follow me for tips on how to use visual storytelling to collaborate, communicate and change-make 👏

If your Figma text styles are named “H1 / H2 / H3”… we need to talk. DON'T! It works for a while. Then your product grows, pages get more complex, marketing joins the party, accessibility requirements show up, and suddenly: • Your “H1” feels too loud in some places and too quiet in others • Designers override styles because “it didn’t look right” • Devs guess which heading tag goes where • Accessibility gets messy • Consistency slowly slips away The core issue? 👉 You’re mixing semantics with styling. In code, headings tell a story in hierarchy: H1 = most important H2 = next H3 = nested meaning …and so on. But visually, the largest, boldest text in your UI isn’t always your semantic H1. • Sometimes the biggest text is a hero headline. • Sometimes it's a section title. • Sometimes a dashboard title isn’t visually huge, but is the true H1 for the page. So tying visuals to HTML tags locks your system into the wrong rules. What to do instead: 👉 Name type styles based on their role and scale, not HTML tags. Something like: ********************** Display XL Display L Display M Headings Heading XL Heading L Heading M Heading S Body Default Body Emphasized Body Default Plus optional variants like Caption, Label, Overline. ********************** 👉 Now designers choose based on visual intention. 👉 Developers map the correct semantic tag based on context. In short: HTML tags = meaning and structure Figma styles = visual hierarchy and usability Keep them separate and your system scales cleanly. ✉️ → Free newsletter: moonlearning.io/newsletter 📚 → All my tutorials: moonlearning.io

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

Why this KPI works better than most “Sales Overview” cards I see? Not because it uses icons. Not because it has percentages. But because it turns a summary metric into a quick comparison story. There are 7 intentional design decisions here. Let me break them down. 1. The primary metric owns the visual hierarchy: $2,000 is large, centered, and impossible to miss. Before users process anything else, they understand the headline: total sales. Everything else supports that number- nothing competes with it. 2. Icons provide instant semantic cues. Cart = Orders. Location pin = Visits Users don’t need to read labels first- they recognize categories visually. This reduces cognitive load, especially for frequent viewers. 3. Color is doing classification, not decoration: Blue for Orders. Purple for Visits. Consistent across icon, text, and bar segment. No gradients. No unnecessary highlights. Color is used once and then reinforced everywhere. 4. The progress bar visualizes imbalance: It’s showing distribution. The longer Visits segment immediately communicates: “We’re getting traffic, but fewer of those visits convert.” The insight is visual before it’s analytical. 5. Percentages + counts = dual level understanding" 32.47% vs 67.53% gives proportion. 250 vs 520 gives scale. Many dashboards show only percentages- which hides magnitude. Here, users see both impact and volume. 6. The comparison is explicit, not implied: Orders vs Visits aren’t placed in separate visuals. They live side by side with a clear “vs” separator. No guessing what’s being compared. The design literally says: “Compare these two.” That tiny “vs” is doing heavy cognitive lifting. 7. Time context sits quietly in the slicer: Month selection at the top keeps the KPI focused on one period. Users understand this is a snapshot- not a trend analysis. Context is available without cluttering the main story. Love this breakdown? Follow #TheVisualBreakdown. Hit the bell so you don’t miss the next one.

Many teams believe they’re being inclusive when they say, “We kept accessibility in mind from the start." But good intentions aren’t the same as meaningful inclusion. I’ve been doing accessibility and inclusive design work for 25 years. Over the last decade, I’ve focused more deeply on what true disability inclusion really means—especially when it comes to power in the design relationship. Again and again, I’ve seen the same pattern: there are levels to inclusion. And only one of them truly shifts power. Here’s how that journey tends to unfold... ranked from least to most inclusive: Level 1: “We kept accessibility in mind.” You didn’t include disabled people. You included the idea of them. This is empathy without participation, and honestly... it’s not enough. Level 2: “We tested with disabled people just before launch.” There’s progress here—real people were involved. But testing at the end only lets you ask: “Do you accept what we built?” It’s too late for meaningful change. This is just late-stage validation. Level 3: “We tested early AND at the end.” Now there’s room for impact. People with disabilities had a chance to shape the work before it was finished. Their feedback could actually change the outcome—and that matters. Level 4: “We included disabled people throughout the process.” Even better. You've moved from on from a "testing" mindset. You brought people in during idea generation, design, development, and launch. You did research. You listened. You adjusted. That’s inclusion in action. Level 5: “We co-created the solution.” ✅ This is the gold standard. You didn’t just include people—you gave them power. They helped shape the goals, question the methods, and guide the direction. It wasn’t just "your" product. It was "ours" -- co-created together. Your greatest power is to give that power away. Inclusive design means shared decisions—not just shared feedback. If you’re not sure where to start, ask yourself: 👉 Where in our process do disabled people have the power to shape what we build? And if the answer is “nowhere”—it’s time to change that. #InclusiveDesign #Accessibility #DesignLeadership #CoCreation #DisabilityInclusion #UXDesign #ProductDesign

So many companies are still stuck in “data rich, insight poor” mode. The reality is there is no shortage of data at any company. Now, it's also important to note that data doesn’t guarantee insight. So how do we get from data to insight? Data often lives in silos, whether that's in your CRM, support tickets, survey platforms, chat transcripts, etc. It also likely sits behind legacy systems. Accessibility means you'll need an integrated data architecture: a unified semantic layer, consistent schemas, and real-time pipelines driven by event streaming. You will also need data governance: clear ownership, stewardship, lineage, and quality checks. If you're using AI models to surface insights without architecture and governance, you'll just surface noise instead of true patterns. Formatting and context also matter. Raw logs and PDFs aren’t analytics-ready. You need ETL/ELT processes to transform unstructured feedback (text, voice) into tokenized, enriched datasets. Metadata like timestamps, customer segments, and interaction channels gives structure to AI training. Plus, you have to manage model drift, retraining schedules, and data versioning so insights stay accurate as customer behavior evolves. Finally, it should be no surprise that people and processes are as important as platforms. So your CX team should ultimately need: 1. Data architects design pipelines, select storage technologies and enforce governance 2. Data engineers and MLOps specialists to build, deploy and monitor feature stores and models 3. Analytics translators (CX analysts) who map business questions into technical requirements 4. UX researchers and change leaders to integrate AI-driven recommendations into frontline workflows This convergence defines the CX-as-Engineer archetype. It blends deep knowledge of customer and employee journeys with hands-on technical capability. The CX-as-Engineer archetype builds end-to-end workflows: from raw event data through AI-powered root-cause detection to automated orchestration engines that trigger proactive interventions. It's pretty clear that, today, speed and precision can determine leadership. So having this hybrid role can move your organization from “insight poor” to predictive CX and EX. It will be a key marker of your team's and company's evolution and commitment to the customer. If your team is still focused only on dashboards, even if "AI" is built into the platform, it’s time for you to ask yourself: are we using AI to explain what happened or to prevent it from happening again? #customerexperience #employeeexperience #cxasengineer #ai

“Asynchronous selling” is quietly becoming a key component of buying motions in B2B — whether sellers have caught up or not. Today’s buyers (yes, including enterprise) don’t want to wait for a calendar invite to make progress. They want to explore with their own team, on their own time and schedule, across time zones and without friction. That means a whole lot of the buying journey increasingly happens without a seller present in real time. The key word in that last sentence is “present”.   The best teams are designing for this reality, where buying is enabled with proactive and strategic seller expertise, guidance and support.  Self-serve ways to understand value, align internally, and answer hard questions long before a sales call happens.  Think short, role-specific video explainers; interactive demos and proof points; ROI models buyers can run and share internally; clear next steps that don’t require emailing a rep; and fast, intelligent responses when buyers do raise their hand — whether that’s at 9am or 9pm. Platforms like Consensus didn’t create this shift, but they reflect it: enabling buyers to move forward asynchronously while still capturing insight, intent and momentum for sales teams. Sellers, please don’t freak out.  This isn’t removing you from the process but rather recognizing where you are most valuable (and where buyers are better off working independently). The average B2B sellers only spends 25-30 percent of their time actively selling. Imagine what just a couple points of improvement could do to your sales team’s productivity and results. The best sellers welcome buyer enablement advances, allowing them to focus their active selling time on the interactions where they are needed most (and where they can have the biggest impact). This improves the overall process dramatically for sellers and buyers.  Reps show up later, but better informed. Buyers arrive aligned, educated, and focused on decisions instead of discovery.  Marketers can focus on and impact revenue velocity through the entire funnel. The open question for B2B teams in 2026 isn’t whether buyers prefer this model. They already do. The question is whether your go-to-market motion is designed to support a buyer who wants to make progress without waiting on you — and still feel confident choosing you when it counts. 

Brands used to broadcast. Now they respond. ✅ Think of a B2B SaaS platform where every interaction flexes to the person in front of it. A procurement officer logs in and the dashboard emphasizes compliance, audit trails, and control. A developer logs in and the experience surfaces APIs, sandbox access, and speed. A CFO sees ROI models, forecasts, and financial clarity. Same product. Same brand. Different resonance. This is the rise of responsive brand experience. Not a gimmick, but a strategy: making every layer of identity—UI, UX, content, and even tone of voice—adaptive, intelligent, contextual.❤️ The contrast is striking. Legacy enterprises still design for the average user. They ship one interface, one story, one pathway. Digital-first players design for each user, building systems that adjust like living organisms—changing not only logos, but dashboards, help content, and even microcopy to meet the user where they are. There’s philosophy behind it. Customers don’t just want “software that works.” They want “software that gets them.” Adaptive design—whether in visual identity, navigation, or communication—signals empathy. It says: we see you, we know what matters to you, and we’ll clear the clutter so you can move faster. But the danger is real. Adapt too much and you lose coherence. A CFO may welcome tailored insights but won’t trust a brand whose tone, design, or values feel inconsistent. Responsiveness must orbit around a strong, immutable core: trust, reliability, transparency. What shifts is the expression; what stays firm is the essence. So, the real question for technology brands is not can you adapt? It’s why and how much?💯 The opportunity is profound. Responsiveness is not decoration. Not novelty. It’s a signal of intelligence. The same principle behind great products—turning complexity into clarity—should govern the brand experience itself. When UI, UX, and content stop shouting and start listening, the brand doesn’t just “look” intelligent. It feels intelligent. That’s when technology stops being a tool and starts being a partner. #futureofmarketing #thoughtleadership #thethoughtleaderway