Web Design & UX

UI (User Interface)

Quick Definition

UI is the visual layer of a product — buttons, layouts, typography, colour, and interactive elements that users see and interact with.

In context

UI is a subset of UX. A beautiful UI on a poorly-thought-out UX still fails. Strong products invest in both UI design (visual quality) and UX strategy (information architecture, flows, clarity).

Have a question this didn't answer?

Book a free 60-minute strategy call. We'll explain how this concept applies to your specific situation.

Book a Free Call Browse 50+ Detailed Answers

Related terms

Prototype

A prototype is an interactive simulation of a product that shows transitions, interactions, and user flow without being fully built.

Mockup

A mockup is a high-fidelity visual representation of a page, showing colours, typography, imagery, and final design — but not interactive.

Wireframe

A wireframe is a low-fidelity skeletal layout of a page showing structure and content placement without final design or styling.

Page Builder

A page builder is a visual editor that lets non-developers build web pages by dragging and configuring pre-built components.

Web Accessibility (a11y)

Accessibility is designing and building websites that work for all users, including those with visual, auditory, motor, or cognitive impairments.

ARIA (Accessible Rich Internet Applications)

ARIA is a set of HTML attributes that improve accessibility for dynamic content and complex UI components, especially for screen reader users.

Back to all terms