UI отвечает за то, как сайт выглядит. Это палитра, форма и состояния кнопок, шрифты и размеры заголовков, расстояния между блоками, иконки, поля форм. Всё, что человек видит глазами и трогает курсором или пальцем, — это работа UI-дизайнера.
Частая путаница: UI и UX — не одно и то же. UX — это логика и путь, по которому человек идёт к цели; UI — внешний вид этого пути. Можно нарисовать красивый экран, по которому невозможно дойти до покупки, а можно сделать логичный, но визуально отталкивающий. Сильный продукт держит обе стороны: понятный сценарий и аккуратную картинку, которая не мешает, а ведёт взгляд к нужной кнопке.
Цвета, кнопки, шрифты и отступы интерфейса.
UI — картинка, UX — логика и сценарий.
Аккуратный вид ведёт взгляд к целевой кнопке.
Кнопка «Купить» стала контрастнее, шрифт цены — крупнее, поля формы — выше: тот же сценарий, но за счёт UX-дизайна и чистого UI заявок стало заметно больше.