Home  /  Blog  /  Artificial Intelligence
Artificial Intelligence

Interactive design: Will 2023 be the breakthrough for AI-based design?

January 16, 2023Artificial Intelligence2 min read
Table of contents
  1. Key takeaways
  2. What interactive and generative design mean
  3. Liquid interfaces and Quantum UX
  4. 7 keys to advanced interactive / AI-based design

Interactive design isn't just an interface that responds to clicks. At its best it's a fluid, sensory-adaptive experience, and AI-based generative design is what makes it real-time.

Quick answer

Interactive design should be a fluid or ‘liquid’ interface, physical or digital, that adapts to the user’s sensory stimuli, not merely a UI that reacts to commands. Generative (AI-based) design uses algorithms and machine learning to produce design solutions and personalized interfaces from user data in real time. Combined with liquid interfaces and Quantum UX, this points toward considerate apps that adapt to context and emotion. The catch: optimizing for efficiency is easy because it’s quantifiable; optimizing for emotion (empathy, wellbeing, delight) is the hard, valuable part.

Key takeaways

  • Interactive design = a fluid interface adapting to the user's senses, not just responding to input.
  • Generative / AI-based design uses ML to create personalized interfaces from user data and feedback.
  • Liquid interfaces flex and evolve with user behavior (dynamic layouts, responsive design), leading toward Quantum UX.
  • Assistive tech (conversational UI, voice, TTS, accessibility settings) is central to considerate apps.
  • Efficiency is quantifiable and easy; designing for emotion is trickier and where the real value is.

What interactive and generative design mean

Jef Raskin’s test still holds: ‘an interface is humane if it is responsive to human needs and considerate of human frailties.’ Interactive design engages users in a way that feels natural, and AI-based design lets interfaces adapt to behavior in real time. Generative design goes further, using algorithms and machine learning to generate new solutions from user data, which McKinsey and others link to more efficient, personalized product development. Assistive technologies (voice recognition, text-to-speech, conversational interfaces, accessibility settings) make these considerate apps usable for people with disabilities.

Liquid interfaces and Quantum UX

Liquid or fluid interfaces are flexible and adaptable, changing in response to behavior, which leads into Quantum UX. QUX typically starts from AI-based design and data-science models that pull data together (from online behavior, but also psychology, anthropology, linguistics, sociology, even fashion) to extract behaviors and deliver personalized recommendations. Simple everyday examples: apps that switch to dark mode based on ambient light, or health apps that react to vital signs. The same idea powers IoT, accessible products, and health services.

7 keys to advanced interactive / AI-based design

PrincipleWhat it meansFocus
Make it adaptiveCombine User-Centered Design with Machine-Centered Design, rather than System-Centered Design that serves the technology over the user. UCD + MCD
Make it simple and familiarUse mental models the user already knows to explain new things; changing known structures adds cognitive load, even when the change is an improvement. Mental models
Consider context and constraintsApps are used by real people in varying environments; design for the physical context of use, which is often neglected. Context
Make it wowSimple doesn’t mean boring. Add a wow factor across any of the nine senses (skeuomorphic, brutalist, 3D, personalized touches like an AI-generated birthday animation users will share). Delight
Cater to user preferencesRespect the user’s time and energy; don’t demand more attention than the experience is worth. Respect
Embrace accessibilityCare for the user through emotional design and accessibility; support the journey rather than framing it as success or failure. Accessibility
Automate processesReal-time interaction needs automation, detected by the system (light, body data) or requested by the user. AI-based design is invaluable for this in HCI. Automation

Optimizing design for efficiency is simple because it’s quantifiable. Optimizing for emotion, empathy, wellbeing, delight, is the hard part, and the enriching one.

On the limits of AI-based design
What is interactive design?

The design of interfaces that don’t just respond to input but engage users naturally. At its best it’s a fluid interface that adapts to the user’s sensory stimuli, physical or digital.

What is generative or AI-based design?

Using algorithms and machine learning to generate design solutions and personalized interfaces from user data and feedback, adapting in real time.

What is a liquid interface?

A flexible, adaptable interface that changes and evolves in response to user behavior, using techniques like dynamic layouts and responsive design.

How does AI-based design relate to Quantum UX?

Quantum UX usually starts from AI-based design and data-science models, combining many data sources to extract behavior and deliver personalized, adaptive experiences.

What are the keys to good interactive design?

Make it adaptive, simple and familiar, context-aware, delightful (‘wow’), respectful of preferences, accessible, and automated for real-time interaction.

Building adaptive, AI-driven interfaces? Talk to Dorve.

Start a project

Want a team that knows the theory?

We research, design and build with people who can tell when an answer is wrong. Tell us what you are working on.

Start a project