How I Built a Food Ordering System That Ends in a WhatsApp Message
Aanand Madhav - Writing
How I built a WordPress food ordering experience that turns a 170-dish cart into a structured WhatsApp message without adding checkout or a new order backend.
ux
Link + Popover Navigation
Adrian Roselli
This is a redress of my 2019 post Link + Disclosure Widget Navigation, except (as the title implies), I’ve modified it to use native HTML popovers instead of ARIA or HTML disclosure widgets. Popover has the benefit of using appropriate HTML structure and semantics while removing the need for...
Focusgroup Tests
Adrian Roselli
Chrome 150 has landed support for focusgroup, a feature proposed by Open-UI and not yet in WHATWG HTML as anything more than a feature request. Open-UI has outsized representation from Google and Microsoft folks, so it’s no surprise Chrome would implement it first. “FOCUS!” by Metro Centric,...
Show your hands honor for the strange power they bring you – Aresluna
Adactio: Links
Put the kettle on. Marcin has another magnum opus on interaction design for you to read …and interact with. adactio.com/links/22633
∪ of Target Audiences (Accessibility, SEO, AEO/GEO)
Adrian Roselli
Using SEO (search engine optimization) to justify accessibility was only ever a technique for bosses or clients or stakeholders who see accessibility as a cost center and are typically driven more by dashboards or money. Ideally, you want to get past that ASAP to drive better outcomes for humans,...
headingoffset is Not the Document Outline Algorithm
Adrian Roselli
Hi, just me heading off some bad advice I’m starting to see in developer venues. Background The proposed Document Outline Algorithm, where headings would automatically reset themselves to the appropriate level based on their position in the DOM structure, was never part of a final HTML...
Your Browser Can Already Speak a Page
Adrian Roselli
Users can customize the features built into the browser, something not often available from third-party approaches. Is an “AI” company offering to provide spoken versions of your pages for users? Is an overlay company promising to make your content more accessible by its overlay speaking it? Is...
Honoring Mobile OS Text Size
Adrian Roselli
If your users scale the text size in Android or iDeviceOS, that doesn’t always affect the size of text on a web page. It’s a function of browser and authored code, as opposed to a standardized approach. That may be changing. Support The current state of affairs in the three rendering...
Today’s Readings
Aaron T. Grogg
Starting off with a little shameless self-promotion: I recently shared NoLoJS, an open-source design library of components aiming to reduce reliance on JS, in favor of just HTML and CSS, as much as possible. The idea is to create a collection of web patterns that have historically relied heavily...
UX Patterns for AI Features
Diana Pfeil
Everyone’s first instinct for making their product feel more modern and “AI-native” is adding a chat interface. It makes sense: users are already going to ChatGPT with questions they should be able to answer with your product. But chat-as-entry-point isn’t the future of UX! It makes users work...
UX should be easy by now. So why isn’t it?
Maximilian Speicher
Tales of Design & User Experience (ToDUX) #17 ⁂ Dear readers and friends, Let’s talk about pain. Not the metaphorical “growth” kind of pain. But the kind that comes from hour-long wrestling matches with digital products in 2025 that should just work by now—yet, here we are. My latest...
“If It’s Not Tested It Might Be Perfectly Fine”: The Counterintuitive Nature of Not Testing Everything
Maximilian Speicher
Tales of Design & User Experience (ToDUX) #15 ⁂ Dear readers & friends, So, you might have noticed by now that “research done wrong in industry” is kind of my pet peeve, and I’m sorry you have to endure that. However, I’m not quite done with the topic yet. My new article in The UX...
Create Development Ready Wireframes in Minutes with Relume.io
Aanand Madhav - Writing
How I used Relume.io to brainstorm a website, generate a sitemap, wireframe it, and write copy - all in minutes.
On Properly Measuring User Experience
Maximilian Speicher
Tales of Design & User Experience (ToDUX) #11 ⁂ Dear readers & friends, The third, and final, article of my series on UX measurement, “Seven heuristics for identifying proper UX instruments and metrics,” has been published on the ACM Interactions blog. It all started with a...
Growing List of Indonesian Designer Portfolio 2020
Afnizar Nur Ghifari, Digital Product Designer
Portfolio is an important thing for designer. It helps communicate how designer work and the output of the work. Recruiter is always referred to the portfolio of designer if a team want to work with the designer or not. For me personally, portfolio is a place in the corner of the internet that you...
What to consider before adding Markdown to your app
Adam Lynch
How to improve your permissions UX
Adam Lynch
Stop building broken password inputs (and how to work around the offenders)
John Kary
I spent some time recently setting up a new username and password on a site handling some of my finances. This is the type of site that thinks security questions and a "personal image" are a good addition to the security theater they subject their users to when creating an account. When...
Anatomy of a Noob – Why your Mom Sucks at Computers
Thomas Petersen
The words metaphor and intuitive are often used in UX. They are the metrics we use to judge the quality of a solution. But is this quality really as universal as we might like to believe? Let me introduce you to my mom. (Insert random “yo’ momma” joke here) Some years ago I needed a […]