liveBook · Manning

User interface

As explained in The Art of AI Product Development

A graphical interface is a user interface composed of visual controls and elements through which users perform structured interactions.

When users struggle to articulate prompts, a product can shift interaction toward familiar visual controls. A graphical interface makes actions explicit instead of relying on open-ended conversation. section 3.3.1

A graphical interface is a user interface built from visual and control elements whose meanings and usability have been refined over decades. Its interactions are more constrained than those of a conversational interface, which can make products easier to navigate and ground. section 3.3.1

Design choices include:

  • Use graphical elements when users are poor at prompting or when effective prompting requires specialized skill. section 3.3.1
  • Combine graphical and conversational patterns when users need both familiar actions and flexible interaction with AI. section 3.3.1 section 3.4
  • Balance automation with user control rather than treating model capability as the only design objective. section 3.4
Figure 3.8 Anacode’s Innovation Monitor has a traditional graphical interface, which provides confidence and grounding to B2B users.
A screenshot of a computer

AI-generated content may be incorrect.

An example of a traditional graphical interface shows how familiar visual structure can provide confidence and grounding for B2B users. section 3.3.1

How The Art of AI Product Development covers it

How deep it goes
Defines visual controls and contrasts them with conversation, while deferring detailed design patterns to broader interface treatment.
Examples
Uses Anacode’s Innovation Monitor and Vercel’s code-generation interface as examples of graphical and hybrid interaction.
What you can do after
Design AI interfaces that choose or combine graphical and conversational patterns while balancing automation with user control.
How it connects
Connects graphical interfaces with conversational interfaces, hybrid interfaces, generative interfaces, prompting, automation, and user control.

Related concepts

This explainer was generated by Manning's knowledge graph from the text of The Art of AI Product Development. The section links point to the parts of the book it draws on.