Design

Invisible UX is coming 🔥 And it’s going to change how we design products, forever. For decades, UX design has been about guiding users through an experience. We’ve done that with visible interfaces: Menus. Buttons. Cards. Sliders. We’ve obsessed over layouts, states, and transitions. But with AI, a new kind of interface is emerging: One that’s invisible. One that’s driven by intent, not interaction. Think about it: You used to: → Open Spotify → Scroll through genres → Click into “Focus” → Pick a playlist Now you just say: “Play deep focus music.” No menus. No tapping. No UI. Just intent → output. You used to: → Search on Airbnb → Pick dates, guests, filters → Scroll through 50+ listings Now we’re entering a world where you guide with words: “Find me a cabin near Oslo with a sauna, available next weekend.” So the best UX becomes barely visible. Why does this matter? Because traditional UX gives users options. AI-native UX gives users outcomes. Old UX: “Here are 12 ways to get what you want.” New UX: “Just tell me what you want & we’ll handle the rest.” And this goes way beyond voice or chat. It’s about reducing friction. Designing systems that understand intent. Respond instantly. And get out of the way. The UI isn’t disappearing. It’s mainly dissolving into the background. So what should designers do? Rethink your role. Going forward you’ll not just lay out screens. You’ll design interactions without interfaces. That means: → Understanding how people express goals → Guiding model behavior through prompt architecture → Creating invisible guardrails for trust, speed, and clarity You are basically designing for understanding. The future of UX won’t be seen. It will be felt. Welcome to the age of invisible UX. Ready for it?

I have spent hundreds of hours analyzing design systems. One of the things that confused me for many years is how to structure color scales and tokens. I have experimented with multiple structures at different sizes of design systems, and at a high-level recommend the following approach: 1. Primitive Colors Your design system foundations should always start with a full color scale that is based on your brand identity. We call these colors Primitives, and your variable/token collection should look like this: - purple-600 - purple-500 - purple-400 - And so on.. To create a Primitives palette you will want to start from your main brand colors and use a tool like UIColors, Supapalette, Colorbox to expand to the full scale. (links in comments) This is a great foundation to have, as it gives you a set of shades that can be used in different ways, and ensures all of them have consistent hues, saturation and brightness. However, Primitive colors are simply not effective when used directly in your designs: - They create ambiguity - Their names have no contextual meaning - They are often misused due to similarity If you have had the “why are there 20 different shades of gray?” conversation with an engineer, you know what I mean. So let’s see how we can improve that. 2. Semantic Colors This is my default recommendation to all product design teams that don’t have a highly complex design system. What you will want to do here is create a new variable collection named Semantic, which is what’s visible in your design files, and comprises of: - Brand / Action - Text - Link - Border - Icon - Surface / Background - Bias - Data / Charts Each color should point to a primitive value, e.g. - text-primary → gray-800 - text-secondary → gray-600 - text-tertiary → gray-400 This takes a bit of setting up, but creates immense long-term value. A great example of a simple, theme-level Semantic structure is Shopify’s Polaris (link in comments) 3. Component-level Semantic Lastly, if you are working on a design system with a lot of complexity and, ideally, a dedicated design systems team, you might want to add another level of hierarchy and specify colors at a component-level. In this structure, you would want to create color tokens based on how they are used in each component. - input-text-filled → text-primary - input-text-placeholder → text-secondary - input-text-disabled → text-tertiary This eliminates all guesswork, but also increases the complexity exponentially. It does serve a purpose though. As design systems scale, you may find that: - A theme-level semantic structure is too restrictive - There is still some guesswork - Decisions need to be documented. An example of this is Uber’s Base and Adobe’s Spectrum design system, linked in the comments. I’m curious to know, what structure are you using for your design system and what has worked well for you? — If you found this useful, consider reposting ♻️ #uidesign #designsystems #productdesign

Let’s talk about hidden disabilities—ADHD, dyslexia, anxiety, and others that don’t meet the eye. Too often, these students are left to struggle because their needs aren’t immediately visible. But here’s the thing: when we ignore those needs, it’s no different from denying someone in a wheelchair access to a ramp. Think about it. Would you expect someone to climb stairs without the tools they need? Of course not. Yet we often expect students with hidden disabilities to navigate education without the accommodations that would level the playing field. It’s not fair, and it’s not right. Accommodations like extra time, clear instructions, or a quiet space aren’t “special treatment.” They’re the difference between drowning and swimming. They’re the tools these students need to show us their potential, not their struggles. I’ve seen the power of a single adjustment. They’re what happens when we meet students where they are. What if we reimagined education as a place where every student feels valued and equipped to succeed? What if we stopped seeing accommodations as “extras” and started recognizing them as essential? Here’s a question for you: Have you seen examples of simple accommodations making a big impact? Or do you think schools are doing enough to support students with hidden disabilities? Let’s share, reflect, and push for better together. Image Courtesy: No Nonsense Neurodivergent #Disability #Accessibility #SDGs #Equity #HumanRights #WeAreBillionStrong ID: Allowing a student with a hidden disability (ADHD, Anxiety, Dyslexia) to struggle academically or socially when all that is needed for success are appropriate accommodations and explicit instruction, is no different than failing to provide a ramp for a person in a wheelchair.

🌎 Designing Cross-Cultural And Multi-Lingual UX. Guidelines on how to stress test our designs, how to define a localization strategy and how to deal with currencies, dates, word order, pluralization, colors and gender pronouns. ⦿ Translation: “We adapt our message to resonate in other markets”. ⦿ Localization: “We adapt user experience to local expectations”. ⦿ Internationalization: “We adapt our codebase to work in other markets”. ✅ English-language users make up about 26% of users. ✅ Top written languages: Chinese, Spanish, Arabic, Portuguese. ✅ Most users prefer content in their native language(s). ✅ French texts are on average 20% longer than English ones. ✅ Japanese texts are on average 30–60% shorter. 🚫 Flags aren’t languages: avoid them for language selection. 🚫 Language direction ≠ design direction (“F” vs. Zig-Zag pattern). 🚫 Not everybody has first/middle names: “Full name” is better. ✅ Always reserve at least 30% room for longer translations. ✅ Stress test your UI for translation with pseudolocalization. ✅ Plan for line wrap, truncation, very short and very long labels. ✅ Adjust numbers, dates, times, formats, units, addresses. ✅ Adjust currency, spelling, input masks, placeholders. ✅ Always conduct UX research with local users. When localizing an interface, we need to work beyond translation. We need to be respectful of cultural differences. E.g. in Arabic we would often need to increase the spacing between lines. For Chinese market, we need to increase the density of information. German sites require a vast amount of detail to communicate that a topic is well-thought-out. Stress test your design. Avoid assumptions. Work with local content designers. Spend time in the country to better understand the market. Have local help on the ground. And test repeatedly with local users as an ongoing part of the design process. You’ll be surprised by some findings, but you’ll also learn to adapt and scale to be effective — whatever market is going to come up next. Useful resources: UX Design Across Different Cultures, by Jenny Shen https://lnkd.in/eNiyVqiH UX Localization Handbook, by Phrase https://lnkd.in/eKN7usSA A Complete Guide To UX Localization, by Michal Kessel Shitrit 🎗️ https://lnkd.in/eaQJt-bU Designing Multi-Lingual UX, by yours truly https://lnkd.in/eR3GnwXQ Flags Are Not Languages, by James Offer https://lnkd.in/eaySNFGa IBM Globalization Checklists https://lnkd.in/ewNzysqv Books: ⦿ Cross-Cultural Design (https://lnkd.in/e8KswErf) by Senongo Akpem ⦿ The Culture Map (https://lnkd.in/edfyMqhN) by Erin Meyer ⦿ UX Writing & Microcopy (https://lnkd.in/e_ZFu374) by Kinneret Yifrah

Embracing a Spacious Lifestyle within Compact Spaces: The Evolution of Small Apartments and Modular Furniture. Would you live there? The modern living landscape is undergoing a remarkable transformation as small apartments and modular furniture redefine the way we inhabit our spaces. The concept of "living large in a small footprint" has become more than just a catchphrase; it has become a tangible reality reshaping our living experiences. Small apartments, once seen as a compromise, are now celebrated for their efficiency and practicality. As urban centers grow denser, these compact living spaces have evolved to maximize functionality without sacrificing comfort. The ingenious use of design elements, multifunctional furniture, and smart storage solutions enables residents to enjoy a comfortable and enriching lifestyle even within limited square footage. Enter modular furniture, a game-changer that perfectly complements the ethos of small-space living. Modular pieces are designed to adapt, transform, and serve multiple purposes, allowing residents to tailor their environments to their needs. From transforming sofas that become beds to dining tables that expand and contract, modular furniture empowers us to customize our surroundings while optimizing space utilization. This trend is profoundly impacting how we live. It encourages a shift towards intentional living, prompting us to carefully curate our possessions and prioritize what truly matters. The focus is on quality over quantity, leading to more thoughtful consumption patterns and sustainable living choices. Moreover, small apartments and modular furniture are fostering a sense of versatility. The boundaries between spaces are blurring as rooms multitask and evolve with our activities. A dining area can seamlessly transform into a workspace, and a living room can transition into a guest bedroom, all at the push of a button or the rearrangement of a few pieces. Innovations in design and technology are driving this evolution, making small apartments not just viable options but preferred choices for a diverse range of people, from young professionals seeking urban convenience to empty nesters downsizing their living arrangements. The convergence of small apartments and modular furniture is reshaping our understanding of space and how we utilize it. This transformation isn't just about making the most of less; it's about fostering a more deliberate, adaptable, and mindful way of living, where every square foot is an opportunity to express our personality and create a meaningful environment. #innovation via @ ori_living #technology

Did you know there’s a font designed just for accessibility? Meet Atkinson Hyperlegible, it was created by the Braille Institute of America to help people with low vision read more easily. It’s not a braille font (doesn’t include raised dots), but a print typeface. It even won the Fast Company Innovation Design Award in 2019! Molly Burke recently worked with her publisher to use the font for her memoir, Unseen. What makes it different? ⤵️ Hyperlegible exaggerates letter shapes so you can tell the difference between the letter “o” and the number zero (0), capital “i” vs. lowercase “l”, and the capital letter “b” vs. the number “8”. Other design features include: - Big open shapes - Clear spaces inside letters (known as open counters) - Distinct forms for commonly confused characters But who benefits? People who are blind or low vision, and people with dyslexia or visual processing differences. Clearer text equals easier reading! And the best part? It’s totally free 🎉 You can download it via Google Fonts or from the Braille Institute website. It also happens to be the same font this graphic post is written in. Accessibility isn’t always about doing more. It’s about doing things so that everyone benefits! This font is a small design choice with a big impact. Next time you design something: Try Atkinson Hyperlegible. Because readability is inclusion. Did you know about this font?  Share your thoughts or tag a designer friend in the comments! 👇 Image Description: Document with 9 slides. Each slide has a lime green border. The Blindish Latina logo with bold graphic black outline of an eye is at bottom of all slides. There is a white background behind all of the text on all slides. The text is in black and some emphasized phrases are purple. On the bottom of slides 1 and 7 is an image of Catarina, a light-skinned, Latiné woman with medium length wavy brown hair. She’s wearing a black jumpsuit with a V neck and her hands are on her hips. Slide 1 is the title slide that reads: “Did you know there’s a font designed just for accessibility?” On slide 1 there is clip art of a book with a red cover and a brain inside a light bulb. Slide 2 has clip art of an award ribbon. Slide 3 has a screenshot of advocate & content creator Molly Burke speaking at an event from one of her TikTok videos inside the outline of an iPhone. Slide 5 has a dark purple check mark inside a circle. Slide 6 has clip art of a computer outline in black with a wrench and gear in the center. All text on the slides is in the caption and alt text. #Disability #Accessibility #UniversalDesign

The Financial Times!!! So exciting to see something I wrote appear on pink paper! My op-ed on AI and copyright ownership has just been published in today’s Financial Times. It’s such a testament to the profile of William Fry in this area and the work of my colleagues that our thought leadership on AI is being published internationally in such a prestigious medium. The piece is titled Who owns the copyright for AI work? and it addresses one of the most pressing and under-examined questions in intellectual property today: what happens to copyright when creative works are generated without a human author? In the piece, I set out how different jurisdictions are taking sharply divergent approaches. The US has drawn a firm line, insisting that copyright requires human authorship. China has taken the opposite approach, recognising AI outputs as protectable works where human input shapes prompts and refinement. Meanwhile, Ireland and the UK sit in a middle ground, with provisions for computer-generated works that may prove unstable as courts and governments revisit their relevance. I argue that this global divergence creates real-world problems for businesses, from software and media to corporate transactions, because the same AI-generated output might be protected in Beijing but freely usable in Boston. I also examine what this means in practice. Companies cannot simply assume that copyright will protect AI-generated material. Contracts and IP strategies will need to change. For example, if AI-generated code is not protected by copyright, firms may need to rely more on trade secrets and confidentiality agreements. This is especially critical as disputes over ownership begin to move from theoretical debate into litigation. The Financial Times is a paper I have long admired for its ability to capture these global debates with clarity and authority, so I am delighted that my analysis on AI and copyright is featured there. It is an issue that will only become more urgent as generative AI systems reshape how we create, compose, and code, and I am thrilled William Fry is contributing to the conversation at this level. Big bucket list tick for me personally! With thanks to Elaine Moore. Go out and read it/buy it/subscribe to it today! :)

Inaccessibility is all around us - but sometimes we’re doing it without even realising. I’ve made every one of these mistakes in the past. It wasn’t until someone took the time to point them out that I learned how inaccessible I was being - despite having good intentions. Here are 5 ways you might be being inaccessible, without even knowing: 1. Long LinkedIn headlines or overuse of emojis. Screen reader users hear your full headline every single time you post or comment. Every. Single. Time. Even when it’s truncated visually. That can mean hearing your full job title, emojis, and taglines multiple times before even reaching your post content. Try to keep your headline under 100 characters or two lines max - it makes a huge difference. 2. Long email signatures, HTTP links, and unlabelled images. Screen readers will read out every line - including things like “H-T-T-P-colon-slash-slash…” for full URLs. Images without alt text are completely invisible to screen reader users. Keep it short and simple, and use alt text wherever you can. Put only essential info in your email signature and put two dashes at the top to signal your signature is starting. And remember, it’s not your marketing tool. When was the last time you actually bought something from an email signature?! 3. Not running documents through the accessibility checker. You run a spell check, so why not an acceeeibility check? It’s a quick step, but it can flag things like heading structures, contrast issues, and missing image descriptions. It takes seconds and makes a big impact. 4. Using colour alone to convey meaning. For example, “I’ve marked the important cells in green” doesn’t help if someone can’t perceive colour easily. Neither does “I’ve shaded the cells for our RAG status”. Always add a label, icon, or another indicator. 5. Using all lowercase hashtags. #thisisnotaccessible - screen readers can’t parse where one word ends and another begins. Use camel case instead - #ThisIsAccessible - so screen readers pronounce the words correctly. Small changes, big impact. If you’ve made some of these mistakes before - welcome to the club. We learn, we improve, we do better. #DisabilityInclusion #Disability #DisabilityEmployment #Adjustments #DiversityAndInclusion #Content #A11y

I used to struggle with attention to detail. But it's something that can be trained - even if law firms aren't great at teaching it. Here are some of the things that I found the most helpful: 1️⃣ Develop and use checklists for common tasks I often amend precedent contracts so I know what to look out for. Until I gained that 'muscle memory', I had a checklist of the things I needed to review / amend each time I did that task. See if your team already has a checklist, or prepare one yourself (and ask a senior lawyer for input). 2️⃣ Create habits to catch mistakes I cut down nearly all of my email mistakes after I forced myself to: - list out all the documents that would be attached (then attaching it immediately); - open and scroll through anything that I attached to make sure it's the right document/version; - double check all recipients; - check it's the right email chain; and - reread before sending. 3️⃣ Block out time (with a review buffer) For bigger tasks (e.g. research memos), I block out the time I need to do tasks properly in my calendar and add about 30% for proofreading / editing time. I also pick up more mistakes when I separate the writing and editing process. 4️⃣ Track your common mistakes Everyone has blind spots. I kept a running list of the types of mistakes that I was making and it helped me develop the checklists / habits to fix them. 5️⃣ Use tech to your advantage - Select all -> F9, then search for "Error!" and "Clause 0"/"Clause 1" to spot broken cross references in Microsoft Word. - 2-minute delay for emails to give yourself a chance to fix them. - Other Microsoft functions: see formatting marks, read aloud, compare etc. - See if your firm has specialist programs that can identify issues, and learn how to use them. 6️⃣ Take breaks and ask for more time if needed "As an update, I've amended the Contract tonight but will need an extra hour in the morning to proofread it with fresh eyes before I finalise it. Here's the current draft if you need it now." Any other tips that work for you? How would you teach 'attention to detail' to a junior lawyer? ----- Btw, if you're a junior lawyer looking for practical career advice - check out the free how-to guides on my website. You can also stay updated by sending a connection / follow. #lawstudents #lawyers #lawfirms #lawschool

100 families. 3D printed homes. $26 electricity bills in 100°F heat. Georgetown, Texas. Where 11 robots build what humans can't afford. Each Vulcan printer: 45 feet wide. Operates 24/7. Lays Lavacrete concrete like a massive 3D printer. Two homes completed every week. Families already moved in. First summer electricity bills arrived: $26. In Texas. In August. Think about that. The numbers that matter: ↳ Wall construction: $34/sq ft (was $150-200) ↳ Total savings: $25,000 per home ↳ Build time: 3 weeks (was 6 months) ↳ Zero weather delays Lennar, America's second-largest homebuilder, started with 2 robots. Now 11. They're doubling this neighborhood because families are lining up. Watch how it works: Lavacrete flows in precise layers. Creates curved walls impossible with wood. Thermal mass that laughs at Texas heat. Fire can't touch it. Mold can't grow. Hurricanes irrelevant. Traditional Building Reality: ↳ 65% of young adults priced out ↳ 30% materials wasted ↳ Endless weather delays ↳ Energy bills crushing families What 3D Printing Delivers: ↳ Homes under $400,000 ↳ Near-zero waste ↳ 300-year durability ↳ $26 monthly cooling But here's what stopped me cold: A young engineer moved his family here specifically for this innovation. His newborn daughter will grow up in walls built to outlast empires. Her monthly cooling bill throughout childhood: less than a single toy. Oolly Feekings, retired, opened her August bill expecting hundreds. Found $26. In her old colonial home, AC ran constantly. In printed concrete, the walls themselves keep her cool. The Multiplication Effect: 100 homes = working model 1,000 = builders switching 10,000 = prices dropping everywhere At scale = housing accessible again From 2 robots to 11 in two years. From experiment to expansion. From skepticism to sold out. Georgetown today. Your neighborhood tomorrow. We're not printing the future of housing. We're printing homes for people who need them now. Follow me, Dr. Martha Boeckenfeld for innovations solving real problems today. ♻️ Share if housing should be accessible, not impossible. #3DPrinting #AffordableHousing #Innovation