Creative agency glossaryRoles and Job Titles

User Interface (UI) Designer

A user interface designer creates the visual layer of a digital product, the screens, components, type, color and motion that people see and touch, so that it looks like the brand and works without thought.

What does a user interface (UI) designer do?

A UI designer designs what is on the screen. Buttons, forms, navigation, cards, tables, icons, the type system, the color system, the spacing, the states a component passes through when you hover, press, load or fail. They take the structure and flows the UX designer has defined and give them a visual form that fits the brand, then build that form into a design system so every screen is consistent and every new one can be made quickly. They work closely with developers, because a UI is only finished when it is built.

The role sits between brand design and engineering. A UI designer has to understand typography and composition as well as a graphic designer, and constraints like screen sizes, accessibility and performance as well as a front-end developer.

Why it matters

Why a UI designer matters

The interface is where a brand is touched, not just seen. A luxury house with a clumsy app has told its customer something no campaign can undo; a product with a precise, calm interface earns trust before a word is read. Good UI also makes products faster to build and easier to change: a design system means a new feature inherits a hundred decisions already made, and a team of developers ships screens that look like one product rather than one each.

In practice

How a UI designer works in practice

  1. 01

    The designer starts from the brand and the wireframes, then defines the foundations: a type scale, a color system with its accessible contrasts, a spacing grid, an icon set. From those they design the core components and their states, then compose the key screens, usually in a design tool with a working prototype so that stakeholders can feel the product rather than imagine it.

  2. 02

    The system is documented and handed to developers with the specifications for every element, and the designer stays through the build, reviewing what is shipped against what was designed and adjusting where the real thing teaches something the mockup could not. After launch the system keeps evolving, which is why a design system is a product, not a deliverable.

At RIOT

UI designers at RIOT

Our own products are our UI practice. Krova, our production software; AltSounds, our music video channel; and Muvvoo, our music video database, each needed an interface that is fast to read, consistent across every screen and recognizably ours. Designing them in the same studio that makes brands means the type, the color and the motion are brand decisions first and interface decisions second.

See the work →

Watch out

What people get wrong about UI designers

Treating UI as decoration applied at the end. Interface decisions are behavior decisions, and a UI designer brought in after the flows are locked and the developers have started is fixing someone else's choices in a color palette. The other mistake is designing the happy path only. The empty state, the error, the loading screen and the form that was filled in wrong are where users judge a product, and they deserve as much design as the home screen.

Questions

People also ask

What is the difference between a UI designer and a graphic designer?

A graphic designer makes visual communication for any medium: print, packaging, identity, film. A UI designer makes the visual layer of interactive products, where every element has states, behavior and technical constraints. Many UI designers started as graphic designers and added the interaction layer.

What is a design system, and why do UI designers build one?

A design system is the documented set of foundations and components a product is built from: type, color, spacing, buttons, forms and their rules. It lets a team build consistently and quickly, and it is the UI designer's main deliverable on any product that will live longer than a launch.

Does a UI designer need to code?

Not necessarily, but they need to understand how the interface will be built well enough to design what can actually be made. Designers who can read and prototype in code tend to hand off cleaner work and win more arguments with developers.

Next to it in the glossary

  1. Team LeaderA team leader is the person responsible for getting a small group to a goal, setting direction, clearing obstacles and answering for the result, without necessarily being anyone's boss.
  2. Technical SEO AnalystA technical SEO analyst finds and fixes the problems in a website's code, structure and performance that stop search engines from crawling, indexing and ranking it.
  3. User Experience (UX) DesignerA user experience designer shapes how a product or a website works for the people using it, from the first tap to the last, so that it is clear, useful and worth coming back to.
  4. User Research AnalystA user research analyst studies how people actually use a product or a service, uncovering their needs, frustrations and habits so that design decisions are based on behavior rather than opinion.
  5. Video ProducerA video producer is the person who turns a creative idea into a finished film by owning the schedule, the budget, the crew and every logistical decision in between.
  6. Visual Merchandising DesignerA visual merchandising designer designs the displays, windows and in-store presentations that turn a retail space into a brand experience and a sales tool.

Every Roles and Job Titles term →

In the work

Where it shows up

All our creations →

From the journal

Read around it

The journal →

Talking the talk is one thing

We make the work.

RIOT is a creative agency and production studio in New York. Strategy, brand, film, photography, design and the campaigns that carry them, made by one team. A few lines is enough to start: we read every brief the same day.

    Footage