Interactivity

The Evolution of the “Buy” Button: 1995–2026

From a clunky grey box on a 1995 dial-up screen to the invisible, AI-driven "zero-click" purchases of 2026, the "Buy" button has evolved into a seamless biometric handshake. We’ve spent three decades systematically deleting the "friction of thought," turning the entire physical world into a clickable, autonomous storefront.

Micro-interactions still matter

It's the little UI/UX touches that make your app feel alive. Let's look at 4 simple lines of CSS that can transform a boring interaction ...

Increase Website Engagement with Micro Interactions

This CXL Feed explores the use of micro-interactions on websites and landing pages, inspired by Apple's iPhone 16 launch page.

Discovery is the work AI gives back

Productivity is the floor of AI’s value, not the ceiling. New McKinsey research on where the durable returns actually live, and what that means for teams deciding what to build.Generated with AI by AuthorAt the end of 2025, almost nine in ten organizations surveyed by McKinsey in The state of AI in 2025: Agents, innovation, and transformation reported using AI in at least one business function. Ninety-four percent reported they were not yet seeing significant value from those investments.That ga

Why User Experience?

Abraham Maslow's hierarchy of needs asserts that when we fulfill unconscious goals such as food, shelter and approval, we improve our quality of life. The improvement of technology has also been driven by the fulfillment of human needs; that’s why the shift to service orientation in the digital world has meant that user experience (UX) has become increasingly important in the field of HCI.Maslow’s hierarchy of needs. Note that some authors call level 1 “physical needs”.In Abraham Maslow’s 1943 p

Pixels of the Week – May 10, 2026

This edition covers how output (generated by AI) isn't design, AI fatigue in engineering, and skills for sustainable accessibility programs. Also: beautiful illustrations exploring the human psyche, a distraction-free writing tool, and 43 years of Apple Mac history in one dataviz.

Launch HN: Omnara (YC S25) – Run Claude Code and Codex from anywhere

Hey y’all, Kartik, Ishaan, and Christian from Omnara (https://www.omnara.com/) here. We’re building a web and mobile agentic IDE for Claude Code and Codex that lets you run and interact with coding agents from anywhere. Omnara lets you run Claude Code and Codex sessions on your own machine, and exposes those sessions through a web and mobile interface so you can stay involved even when you’re away from your desk. Think of it like Claude Code Desktop or Conductor, except you can co

Show HN: AI assistant that reads Intervals.icu data and adjusts workouts

Hi HN,I’m a self-coached endurance athlete and long-time user of Intervals.icu. Over the years I’ve gotten comfortable interpreting my own training data (CTL/ATL trends, HRV, fatigue, etc.), but I kept running into a practical problem:The training plan makes sense when you write it, but real life rarely cooperates.Bad sleep, work travel, missed workouts, or suddenly having only 45 minutes instead of two hours. In those moments the question becomes: does the planned workout still make sense

Launch HN: Onyx (YC W24) – Open-source chat UI

Hey HN, Chris and Yuhong here from Onyx (https://github.com/onyx-dot-app/onyx). We’re building an open-source chat that works with any LLM (proprietary + open weight) and gives these LLMs the tools they need to be useful (RAG, web search, MCP, deep research, memory, etc.).Demo: https://youtu.be/2g4BxTZ9ztgTwo years ago, Yuhong and I had the same recurring problem. We were on growing teams and it was ridiculously difficult to find the right information across ou

Instagram Video Downloader: How SSSInstagram Helps Save Videos Easily

What Makes SSSInstagram Different?SSSInstagram is an online service designed specifically for downloading Instagram videos without any technical knowledge. Unlike many apps that require installation or registration, SSSInstagram works directly in your browser and is completely free.The tool supports all major Instagram content types and works equally well on desktop and mobile devices.What Can You Download with SSSInstagram?SSSInstagram allows users to download:- Instagram videos- Reels- Stories

The left-handed rope

On a sacred design pattern, and the long reach of small reversalsContinue reading on UX Collective »

The Psychology Behind Personas: Why They Work in Any Job, Any Industry

When you think of personas, your mind might jump to UX design or marketing. But the truth is, personas are far more versatile than most people realize. Whether you work on mobile apps, train staff, manage patients, or in human resources, personas help you make better, more human-centered decisions. Why? Because they’re rooted in powerful psychological principles that apply to everyone.Personas work because they mirror how our brains understand, remember, and relate to people. They tap into empat

Everything I know about AI, I learned from a genie

A content designer's guide to not wasting your wishes on something stupidI Dream of JeanieI was a lucky child. My parents and grandparents spent hours reading and reciting fairytales to me. Most of them weren’t age-appropriate, of course, involving children being eaten and loved ones dying on every other page. But there was always enough moral to the story to distract from the horrors and drive home a message. Trying to understand what it all meant kept me up at night ruminating.I recently h

Show HN: Synesthetic Computation

"When perception shifts, and the feeling of control takes over")I wrote up a deep dive into a security issue in OpenClaw that escalates from a seemingly small UX/trust boundary problem into full remote code execution via a single malicious link.The article walks through the full exploit chain from a systems perspective rather than just a CVE summary. The key theme is what I call “synesthetic computation”: when subjective context, UI state, agent memory, and system permissions get

Show HN: RotaFlow – A privacy-first shift calendar built with SwiftUI

I built RotaFlow to solve the UX disaster of current shift work apps. Most incumbents are web-wrappers laden with ads.The Stack:* Language: Swift 6 / SwiftUI. * Persistence: Core Data synced via CloudKit (NSPersistentCloudKitContainer). * Architecture: MVVM with a custom "LoopEngine" for O(1) shift calculation.The Interesting Part: I implemented a "Future Cliff" paywall. The app is fully functional for the next 30 days. Accessing dates beyond t+30d triggers a blurred UI

Show HN: Aperture Core – a human attention control plane for agent systems

I just released the first public version of Aperture Core, an SDK for deciding which agent events deserve human attention now, which should wait, and which should stay in the background.The core loop is simple: - publish an event - get back a frame if it should enter the human attention surface - render that frame in your UI/workflow - submit the human response back into the engineAs agents get more capable and one human starts supervising more of them, the bottleneck shifts toward human at

The Hollywood Guide to UX Personas: Storytelling That Drives Better Design

Have you ever teared up watching a Pixar film? Felt the thrill when a superhero overcame impossible odds? Cheered for a villain’s redemption? That’s the power of great storytelling—and it's exactly the emotional clarity and focus that UX designers can bring into persona creation.How do we make our personas less like bland cardboard cutouts and more like real characters? Easy, we borrow from Hollywood.Let’s roll camera.Act I: Every Product Needs a StarPersonas are fictional characters based on re

How to make Claude Code follow your design system in Figma

4 Skills that bind every value to your design system, so you can actually iterate on what Claude builds.Claude Code can now write directly to the Figma canvas through Figma MCP.You describe an interface in natural language; it builds it. Visually, the result can be pixel-perfect. But click into any layer and you’ll find #5C6AC4 where color/brand/primary should be, 14 where text/body-sm is defined, a freshly minted one-off component where an existing Button instance is sitting right there in the 

Designing data-intensive applications — advice for interaction designers

The things on the screen — numbers, tables, graphs, forms, dashboards — are just two-dimensional projections of a multi-dimensional data landscape. That data landscape in turn is just a representation of real-world phenomena and domain concepts. The design practices in this article will help you “see through” the product surface into the data and domain layers, and re-orient your work around them.Photo by Milad Fakurian on UnsplashAfter 30 years in design, I’ve spent the last year building a dat

The prompt is not an interface

Why AI sent us back to the command line — On direct manipulation, visual intent, and the regression of AI tooling.Image generated via Google Gemini“Seeing comes before words. The child looks and recognises before it can speak.” — John Berger, Ways of Seeing, 1972 [1]The most advanced artificial intelligence systems in history now ask us to communicate through a blinking cursor in an empty text box.We have, in the most literal sense, gone backwards.For the last forty years, the entire trajectory