Что такое GUI / UI?
GUI / UI — это внешний слой продукта, через который человек взаимодействует с системой: кнопки, поля, меню, шрифты, цвета и реакция интерфейса на действия. UI (User Interface) — общий термин «интерфейс пользователя», GUI (Graphical User Interface) — его графическая разновидность с окнами, иконками и курсором.
UI расшифровывается как User Interface — интерфейс пользователя, а GUI (Graphical User Interface) — графический интерфейс с окнами и иконками вместо текстовых команд. Бизнесу термин важен потому, что интерфейс клиент оценивает первым: даже идеальный функционал не спасает, если непонятно, куда нажать. Слабый UI бьёт по конверсии, повторным покупкам и нагрузке на поддержку.
Что такое GUI и из чего он состоит
GUI — это набор визуальных элементов экрана: окна, кнопки, чекбоксы, поля ввода, выпадающие списки, иконки, слайдеры, таблицы, модальные окна и уведомления. К ним добавляются визуальная иерархия (размер, контраст, отступы, цвет) и поведение — состояния hover, focus, active, disabled, загрузка, ошибка.
Работает интерфейс по короткому циклу: пользователь видит элемент, понимает его назначение, совершает действие и получает предсказуемую реакцию. Чем короче и очевиднее этот цикл, тем лучше GUI. Термин закрепился в 1970-х, но содержание выросло: сегодня сюда входят голос и жесты, тёмная тема, адаптив под мобильные, скелетоны загрузки и подсказки от искусственного интеллекта.
Чем UI отличается от UX
UI отвечает на вопрос, как это выглядит и как откликается на действие. UX — на вопрос, как человек проходит путь и что чувствует по дороге. Их путают, потому что на небольшом сайте тем и другим занимаются одни и те же руки.
Пример: цвет, размер и положение кнопки «Оплатить» — это UI. То, что кнопка стоит там, где её ищут, понятна без инструкции и ведёт к цели за две секунды, — это UX. Красивый UI при провальном UX встречается постоянно: модные градиенты поверх оформления заказа из двенадцати шагов. Бывает и наоборот — скромный интерфейс, где всё находится с первого взгляда, конвертирует лучше.
GUI, CLI и API: разные способы взаимодействия
GUI — не единственный интерфейс. Если человек вводит текстовые команды, это интерфейс командной строки CLI: быстро и воспроизводимо, но требует обучения. Когда взаимодействует не человек, а программа, речь идёт о программном интерфейсе API — у него нет кнопок, только правила обмена данными.
Выбор диктуется задачей: массовому клиенту — GUI, разработчику на регулярных операциях — CLI, интеграциям — API. В одном продукте они часто сосуществуют, и это нормально.
Что изменилось к 2026 году и где чаще всего ошибаются
Три сдвига. Интерфейсы собирают из дизайн-систем, а черновики экранов всё чаще генерирует ИИ — но решение о релизе остаётся за человеком. Отзывчивость стала частью UI: её измеряют метрикой INP — задержка следующей отрисовки, и кнопка, откликающаяся через полсекунды, воспринимается как сломанная, даже если выглядит идеально. Решения принимают по данным: RUM-мониторинг реальных пользователей показывает, где именно люди спотыкаются.
- Путают UI и UX: перекрашивают кнопки, когда ломается путь к покупке.
- Забывают про состояния — загрузку, пустой экран, ошибку, недоступное действие.
- Экономят на контрасте и размере кликабельных зон, особенно на мобильных.
- Делают интерфейс под вкус руководителя, а не под тесты и аналитику.
- Теряют единообразие: одна и та же кнопка в разных разделах выглядит и ведёт себя по-разному.
Коротко
UI — это интерфейс, через который пользователь общается с продуктом, а GUI — его графическая реализация. Различать UI и UX полезно: первый отвечает за вид и реакцию элементов, второй — за путь и результат. В 2026 году к внешнему виду добавились скорость отклика и измеримость, поэтому интерфейс имеет смысл оценивать не по красоте, а по конверсии и поведению реальных людей.
