Graph
User Interface

🖱️User Interface

NEW

Also known as: UI

User Interface is the point of human–computer interaction comprising visual, auditory, and interactive controls.

DESCRIPTION

User Interface (UI) comprises the layouts, controls, and visual language users manipulate to operate applications and data systems. Effective UI design supports clarity, discoverability, and efficient workflows. In BI and data science tools, UI decisions affect comprehension, filterability, and exploration. Common patterns include forms, tables, charts, and command palettes. UI aligns closely with UX but focuses on tangible elements and interaction states.

ALTERNATIVE DEFINITIONS

Wikipedia

The user interface (UI) is the space where interactions between humans and machines occur.

Highlights the interaction space as the UI’s core.

Source

Nielsen Norman Group

User interface (UI) design is the process designers use to build interfaces in software or computerized devices, focusing on looks or style.

Centers UI on visual styling and construction of interfaces.

Source

IBM

A user interface (UI) is where humans and computers interact, including display screens, keyboards, a mouse, and the appearance of a desktop.

Describes UI components and physical and graphical elements.

Source

User Experience Graphical User Interface Human-Computer Interaction Interaction Design Accessibility Design System Information Architecture

COMPETING TERMS

Command Line Interface Natural Language Interface

RELATIONS

KNOWLEDGE AREAS

Software Engineering Data Visualization Platform & Tooling

TARGET AUDIENCE

Software Developer BI Specialist AI Product Manager Data Analyst

EXTERNAL SOURCES

TOP QUESTIONS

What is User Interface and how does it differ from User Experience?

UI is the tangible interaction layer—buttons, menus, visuals. UX is the overall experience, including usability, satisfaction, and journey. UI is a component of UX.

Category: Misunderstanding

Why is User Interface important in BI dashboards?

Clear UI enables users to navigate, filter, and compare data efficiently, improving comprehension and decision speed.

Category: Relevancy

What are common UI patterns for data-heavy applications?

Tables, filters, charts, drill-downs, search bars, pagination, and tooltips. Consistent patterns reduce learning time.

Category: Example

What are common UI mistakes in analytics tools?

Poor labeling, low contrast, overwhelming controls, and hidden actions harm discoverability and cause errors.

Category: Mistakes

How does accessibility affect User Interface design?

Accessible UI supports screen readers, keyboard navigation, color contrast, and alt text, enabling more inclusive usage.

Category: Requirements

How do design systems improve User Interface consistency?

Design systems standardize components, states, and tokens, ensuring consistent UI and accelerating delivery.

Category: Best practices

What is a hot topic around User Interface for AI apps?

Conversation UIs, inline citations, and task-guided prompts help users understand and trust AI outputs.

Category: Topic

What tools help design and test User Interfaces?

Figma, Storybook, and design tokens frameworks support consistent UI design and component testing.

Category: Platform

Where should engineers start improving User Interface?

Audit key workflows, fix contrast and labeling, reduce clicks, and add consistent empty states and error messages.

Category: Management