Design Aesthetics Analysis

A good example of why “technically accessible” does not always mean “cognitively accessible.” These settings controls appear fully active, focusable and styled as enabled. But attempting to change the temperature setting triggers a message requiring “functional cookies” to be enabled first. The issue is the hidden dependency. Users must understand: 1. Why a temperature preference depends on cookies 2. What “functional cookies” means 3. Where to change that setting 4. How to return and retry the task For many users, especially people with ADHD, dyslexia, autism, cognitive fatigue or low digital confidence this can disrupt the mental model completely. The interface communicates "You can change this." Whilst system behaviour communicates "Not unless you already understood an unrelated technical requirement." That creates friction right there! There is also an emotional accessibility consideration here. The strong red warning colour and alert styling communicates danger, failure and critical error ….but the user has done nothing wrong. At COGAI®, I often talk about the fact that emotional load is part of cognitive load. Colour alone is rarely an efficient or sufficient UI signal, particularly when the colour itself may increase anxiety or imply user failure rather than guidance. A system can satisfy technical WCAG requirements while still creating confusion, hesitation and abandonment through interaction design alone. Accessibility is not only about whether users can interact. It is also about whether interactions remain understandable, predictable, and psychologically safe. --- Alt text: Graphic titled "When WCAG Compliance Isn’t Enough" showing a BBC settings screen where a temperature dropdown appears enabled but displays a red warning message requiring functional cookies to change the setting.

𝗥𝗲𝗰𝗼𝗿𝗱𝗶𝗻𝗴 𝗗𝗲𝗰𝗶𝘀𝗶𝗼𝗻 𝗖𝗼𝗻𝘁𝗲𝘅𝘁 𝘄𝗶𝘁𝗵 𝗔𝗜 𝗦𝗰𝗮𝗳𝗳𝗼𝗹𝗱𝗶𝗻𝗴 Your change review board approved a design change six months ago. Today, a similar problem has surfaced in a different product line. Nobody remembers why the original solution was chosen over two viable alternatives. The decision was documented. The rationale was not. This is not a documentation problem. It is a knowledge architecture problem. Research on design rationale has shown for decades that capturing the “why” behind decisions is critical for reuse and learning. Yet it rarely happens, because documenting rationale is intrusive, time-consuming, and disconnected from how engineers actually work. The real cost is compounding. New hires spend roughly 200 hours working inefficiently because contextual knowledge was never captured. Boeing’s experience in the 2010s demonstrated what happens when institutional memory erodes: integration failures on the 787 traced back to process knowledge that existed in people’s heads but never made it into retrievable records. This is where AI scaffolding changes the equation. Not AI generating rationale after the fact. AI captures it as a byproduct of the work itself. In an AI-assisted impact analysis, the engineer and the AI walk through a product structure together, level by level. At each step, the AI surfaces a dependency and explains why it matters. The engineer confirms, rejects, or redirects. That interactive exchange is itself the rationale record. The “why” is captured not because someone stopped to write it down, but because the process required articulating it. CM2’s closed-loop change process provides the structure that makes this work. The change objects, the baselines, the impact matrices, these are not just governance artifacts. They are the scaffolding that gives AI a consistent framework to interact with. Without that structure, you get a conversation. With it, you get a traceable decision record. The INCOSE Systems Engineering Handbook states that decisions should be documented using digital engineering artifacts, including the analysis, decisions, and rationale for historical traceability and future decisions. CM2 operationalizes this by defining exactly where in the change process those decisions live and who owns them. The uncomfortable question: if your organization cannot reconstruct why a decision was made six months ago, what makes you confident the next decision will be any better informed? #ConfigurationManagement #CM2 #KnowledgeManagement #ChangeManagement #DigitalEngineering #AI #PLM #CM #HowDoYOUCM2 #ProductLifecycleManagement #ProductMemory

Standing in front of Notre-Dame d'Amiens, it becomes obvious how thin our idea of “innovation” has become. This façade is not the result of a concept slide or a parametric script. It is the outcome of centuries of accumulated knowledge: proportion, structure, light, material, symbolism, and craft. All of it transmitted patiently from one generation to the next, from practionner to practioner. Many designers today believe that history is optional. That architecture begins with software, trends, or “disruption.” It doesn’t. Without historical grounding, design becomes shallow imitation, good at producing images, poor at producing meaning. Studying architectural history is not nostalgia. It is literacy. It teaches constraints, hierarchy, tectonics, and intention. It shows how buildings respond to climate, structure, ritual, and time, long before these became buzzwords.

Automatic doors are not a luxury. They are dignity in motion. We often think automatic door openers are for people who use wheelchairs. Yes, they matter deeply and they matter to many more of us than we may realize. Placement of the button to push, matters. When it is placed where someone needs to get close to the door it does not allow enough time for everyone to move out of the way of the opening door. The standard round button works for some. The longer vertical button allows someone to press it with a knee or the side of a mobility device. If a person cannot reach either, sensors positioned at standing height and at ankle height allow someone to roll through or simply sweep a foot or wave a hand to activate the door. Colour contrast matters. A grey button on a grey wall disappears. Timing matters. Once a door opens, it must stay open long enough for someone using a mobility device, walker or scooter to move through safely. Not all mobility devices are the same size. For people who are plus size and using a bariatric chair or customized larger power chair, the door needs to be wide enough to support everyone passing through it. Space and patience must be built into design. Transitions matter. A raised threshold or lip at the entrance becomes a barrier. A smooth transition from outside to inside creates access without struggle. Automatic doors support seniors and individuals who may have reduced strength or balance. They support parents carrying babies or pushing strollers. They support delivery drivers carrying boxes or managing dollies. They support someone on crutches after surgery or using a support cane. They support the coworker carrying six coffees back to the office. While considering automatic door accessibility it is also important to look at other features of the door itself. A black handle on a black frame blends in. Clear colour contrast allows people with low vision to find the handle and use the door independently. Glass doors need visible markings or frosting so they are recognized as doors, not open space. Accessibility benefits everyone and hurts no one. When we design with intention, we remove barriers before someone has to ask. That is what true inclusion looks like. Having a disability does not change who we are, it changes our interactions with the world. Gina Martin #IDEALWorld #OpenDoors #DiverseAbilities #AccessibilityMatters #InclusiveDesign #BarrierFree #AuromaticDoors #AccessibilityBenefitsEveryone Photo description. A man is carrying a child on his hip. He is pushing the button for the automated door, and the door is opening towards him.

That "clean, minimal" form design you're proud of? Some of your users can't see it at all. Light gray borders on white backgrounds. Subtle focus indicators. Ghost buttons with barely-there outlines. These design choices look sleek to you, but they're completely invisible to people with low vision, color blindness, or anyone squinting at their phone in bright sunlight. WCAG 1.4.11 (Non-text Contrast) exists because if someone can't see where to click, focus, or type, your design isn't minimal - it's missing. This carousel breaks down what non-text contrast actually means, who it helps, and how to fix it without abandoning your aesthetic. #Accessibility #WCAG #WebDesign #UXDesign If you prefer your content as text, read on: Is your 'minimal design' actually invisible? What is WCAG 1.4.11? User interface components and graphical objects need enough contrast against their background. This includes: form inputs, buttons, focus indicators, icons, and charts and graphs. All should have at least a 3:1 contrast ratio. Why it matters This guideline helps people with low vision and color blindness who need stronger visual cues to identify what's interactive. Anyone using a screen in bright sunlight, working on a budget laptop with a dim display, or dealing with aging eyes benefits from better contrast. Common Mistakes • Barely-there borders on form fields (the #1 offender) • Subtle focus indicators that blend in • Ghost buttons with low contrast borders • Icons that almost match the background These patterns might look 'clean' to you, but they're invisible to some users. If people can't find where to click, focus, or type, your design isn't minimal - it's missing. What doesn't need 3:1 contrast? • Inactive or disabled components don't need 3:1 contrast • Decorative graphics and text get a pass, too. • Logos are exempt (but it's still preferable to ensure your logo can be seen by as many people as possible) Make your UI visible • Darken borders, outlines, and icon colors to at least 3:1 against the background • Ensure visual focus indicators have contrast against both the background and the element they're highlighting • Test in grayscale to catch issues your eyes might miss in color Testing • Use browser dev tools to check colors • Search the web for an accessible contrast checker • Test with real users, automated tools can miss issues • Remember to check different states: default, hover, focus, active The bottom line If sighted people can't see your UI, they can't use it. Non-text contrast is about making sure everyone can interact with what you build. Start with your most-used components. Fix forms, buttons, and focus states first. Learn more Want more clear and actionable WCAG breakdowns? Check out wcagInPlainEnglish.com

Typography is not an aesthetic choice. It is an accessibility filter. Your official "Brand Guidelines" might be committing an accessibility violation every time you hit publish. We obsess over inclusive language, yet we ignore inclusive design. We demand people bring their "whole selves" to work, then hand them documents their brains cannot process. If your strategy document is written in 10-point Times New Roman, fully justified, on a stark white background... you have statistically locked out 20% of your workforce before they read the first word. You aren't sharing information. You are creating cognitive friction. Below is the visual proof. Ironically, it's overwhelming to me... If you feel similarly drop a comment! If you have ideas on how to take detailed directives and format them in a more visual representation let me know! This audits the "Standard" corporate style vs the "Neuro-Inclusive" alternative. Here are 9 Ways to Build Inclusive Typography. (Save this matrix for your next internal audit) 1. The "Serif" Ban ❌ Barrier: Decorative "feet" (Serifs) create visual noise. ✅ Fix: Default to Sans-Serif (Verdana, Lexend). (Reduces decoding load for Dyslexic readers). 2. Strict Left Alignment ❌ Barrier: "Justified" text creates distracting "rivers" of white space. ✅ Fix: Ragged Right. Always align flush left. Creates a consistent visual anchor for eye-tracking). 3. The "Stark White" Shift ❌ Barrier: Pure Black on Pure White creates a "strobe" effect. ✅ Fix: Use "Off-White" backgrounds with Dark Grey text. (Reduces visual stress and sensory fatigue). 4. The 1.5 Spacing Rule ❌ Barrier: Single spacing creates a dense "Wall of Text." ✅ Fix: Set line spacing to 1.5. (Prevents accidental line-skipping). 5. Emphasis Strategy ❌ Barrier: 𝘐𝘵𝘢𝘭𝘪𝘤𝘴 deform shapes; U̳n̳d̳e̳r̳l̳i̳n̳e̳ cuts letters. ✅ Fix: Use 𝐁𝐨𝐥𝐝 weight for emphasis. (Maintains letter stability). 6. The "Frankenstein" Prevention ❌ Barrier: Pasting mixed fonts creates a "Ransom Note" effect. ✅ Fix: Paste as Plain Text (Ctrl+Shift+V). (Reduces visual distraction). 7. User Agency (File Formats) ❌ Barrier: PDFs "lock" the view. ✅ Fix: Send the editable Word/Google Doc. (Allows users to customize font/size for their needs). 8. CamelCase Hashtags ❌ Barrier: #alllowercasetext is unreadable to screen readers. ✅ Fix: Capitalize the first letter (#InclusiveDesign). (Ensures software pronounces it correctly). 9. Hyperlink Description ❌ Barrier: "Click Here" offers no context. ✅ Fix: Descriptive links ("Download Report"). (Provides navigational safety). Typography is Policy. If your team has to spend energy decoding your message, they have no energy left to understand it. There are so many more we could add here. What do you wish was included? Next week I would love to provide 9 MORE ways to be inclusive within Typography to expand this community-focused tool! #Accessibility #InclusiveDesign #Typography #Neurodiversity #Leadership

Old Walls, New Stories: Designing the Future Through the Past Have you ever walked through a city and felt the weight of its history combined with the promise of tomorrow? The attached images capture a mesmerizing journey through the Old Heritage Houses of Jeddah, where tradition meets modernity, redefining urban living. Concept Statement This design philosophy blends the historical richness of Hijazi architecture—its intricate wooden mashrabiyas, flowing arches, and whitewashed walls—with sustainable, adaptive reuse for contemporary spaces. The goal is not merely to restore but to reimagine urban heritage, turning old streets into thriving hubs of culture, tourism, and community. Key highlights: 1️⃣ Sustainable Materials: Infusing local, eco-friendly resources to honor the environment and tradition. 2️⃣ Adaptive Reuse: Breathing life into historic buildings, transforming them into boutique hotels, cultural hubs, and artisan markets. 3️⃣ Community-Centric Design: Preserving the cultural essence by creating spaces that encourage gathering, storytelling, and entrepreneurship. 4️⃣ Innovative Integration: Smart lighting, renewable energy sources, and IoT systems to make these heritage sites functional and future-ready. Why It Matters In a world racing towards urbanization, heritage sites like these remind us to pause and draw inspiration from the past. They are proof that modernization doesn't mean erasure—it means dialogue between history and progress. Let the visuals inspire you! These facades are not just buildings; they are cultural time capsules, inviting us to innovate while holding onto our roots.

Liquid Glass is beautiful, but is it practical, at least on flat screens? Early reactions to Apple’s new design language have been polarizing, and rightly so. For everyday mobile tasks, Liquid Glass often feels overengineered. Layers of translucency, ambient reflections, and soft depth cues might look great in a keynote, but in practice, they can introduce visual noise where clarity should come first. That said, there’s a side to this story that’s not getting enough attention: 👉 What this new visual language gets right for accessibility and special needs. Some underappreciated wins: ✨ Consistent Spatial Hierarchy: The depth and layering (when done well) actually help users orient themselves better within multitasking UI and modals. 🔘 Focus and Feedback: Soft glows and motion states create more tactile visual feedback, which can be meaningful for users with motor or cognitive challenges. 👁️ Gentler Form Language: Rounded edges, soft shadows, and fluid surfaces reduce harshness — easier on the eyes, especially for neurodivergent users. ⚙️ Respect for System-Wide Settings: Text size, boldness, contrast, and reduced motion all still work seamlessly — a nod to Apple’s accessibility roots. So yes, Liquid Glass may not feel fully “at home” on flat screens yet. But viewed through an accessibility lens, it’s not just aesthetic indulgence. It’s a preview of a world where interfaces are more sensory, more spatial, and more considerate of how diverse users experience them. Sometimes, progress shows up first as discomfort. #DesignThinking #DigitalAccessibility #InterfaceDesign #LiquidGlass

When Touch Becomes Vision: What Blind People Taught Us About Art In a study co-authored with Sara Uboldi, Alessandro Bortolotti, Giulia Candeloro, Alessandra Marasco, Federico Sardella and Maria Tartari and published in Culture, Medicine, and Psychiatry, twenty-one people who lost their sight as adults were invited to explore a specially created artwork using only their hands. What happened next opened up a new world of possibility to us. The piece, Enrico Castellani's "Pseudo-Braille Surface", looks like a canvas covered in small, uniform bumps. No colors, no recognizable shapes. For most of us, it might seem like the least accessible artwork imaginable. But something remarkable emerged from the interviews with participants about their one-to-one experience with the artwork. At first, many felt frustrated, even inadequate. They were trying to "read" the artwork like a map or identify familiar objects—the way they'd been taught to navigate the world through touch to ‘help’ them cope with their acquired ‘sensory deprivation’. Then something shifted. Instead of asking "what is this supposed to be?" they started asking "what does this make me feel?" The bumps became mountain ranges from childhood hikes. Ocean waves from forgotten beach days. The texture of their mother's favorite shoes. Constellations in a night sky they remembered from before losing their sight. This wasn't compensation or imagination filling gaps. This was a different kind of seeing altogether, one that moved from practical recognition to pure aesthetic experience. And with that shift came something unexpected: profound emotional well-being. Technically, what happened was a "meta-cognitive shift": moving from functional touch to aesthetic touch. But it’s also something simpler and more profound: it's about giving ourselves permission to experience art on our own terms, rather than the terms we think we should. The implications stretch far beyond accessibility. In our hypervisual world, maybe we've forgotten that art isn't just about what we see: it's about what we feel, remember, and imagine. And feeling, remembering, and imagining are incredibly important for us and for a life worth living. These participants didn't experience less art because they couldn't see it. They experienced different art. Richer art, in some ways. Museums and galleries take note: true accessibility isn't just about adding audio descriptions or tactile tours. It's about recognizing that there are many ways to experience beauty, and some of them haven’t been considered yet as they should. Link to the study in the comments.

Data is only useful if it can be read In data visualization, we talk a lot about colorblind-friendliness, and rightly so. But there's another accessibility factor that's often overlooked: contrast. We often reduce contrast for non-data elements like titles, axis labels and comments. All with good intentions to let the data stand out. But if your labels are too faint, they become unreadable to many, defeating the purpose of adding them in the first place. There Are Standards for This: Web Content Accessibility Guidelines (WCAG) define minimum contrast ratios between text and background to ensure readability: For normal text (<18 pt or 14 pt bold): minimum 4.5:1 For large text (≥18 pt or 14 pt bold): minimum 3:1 That means your soft grey axis label might look elegant to some, but stay invisible to others. Useful Tools to Check Contrast for your charts and dashboards:  ● Contrast Grid – Great for comparing entire palettes at once. https://lnkd.in/e9ZZ6CqW  ● WebAIM Contrast Checker – Plug in foreground and background colors to get contrast ratios instantly. https://lnkd.in/ekns-Kzd  ● APCA Contrast Checker - new and improved way to measure contrast. https://lnkd.in/e397fVHx Contrast isn’t just an aesthetic choice, it’s a usability requirement. Let’s make our dashboards not just beautiful, but usable for everyone. #DataVisualization #Accessibility #ContrastMatters #InclusiveDesign #DashboardDesign #WCAG #LowVision #ColorAccessibility