UI

UI (User Interface) — це користувацький інтерфейс, тобто візуальна й функціональна частина цифрового продукту, з якою взаємодіє людина. У графічному дизайні UI охоплює екрани, кнопки, меню, поля введення, піктограми, кольори та типографіку, що разом формують зрозумілий і зручний спосіб користування.

Що входить до UI

UI дизайн зосереджується не лише на красі, а й на логіці взаємодії. Добре спроєктований інтерфейс допомагає швидко знайти потрібну дію, зчитати стан елемента та без зусиль зрозуміти, куди натиснути далі.

• Елементи керування — кнопки, перемикачі, повзунки, чекбокси.
• Навігація — меню, вкладки, хлібні крихти, посилання між екранами.
• Візуальні підказки — іконки, стани наведення, помилки, підтвердження.
• Система стилю — шрифти, відступи, кольори, сітка, правила композиції.

Чим UI відрізняється від суміжних понять

UI відповідає саме за вигляд і поведінку елементів інтерфейсу. Його часто плутають з UX, але UX охоплює загальний досвід користувача, тоді як UI працює з тим, як цей досвід виглядає та як відчувається в конкретних екранах і сценаріях.

У дизайні сайту або застосунку UI визначає, чи буде кнопка помітною, чи не губляться поля форми, чи зрозуміло позначено активний розділ. Якщо інтерфейс перевантажений або суперечливий, користувач витрачає більше часу на прості дії.

Де застосовують UI

Термін використовують у вебдизайні, мобільних застосунках, десктопних програмах, інформаційних панелях і будь-яких цифрових сервісах, де людина взаємодіє з екранами. Для складних продуктів UI часто створюють як частину дизайн-системи, щоб усі компоненти виглядали узгоджено й поводилися передбачувано.

Приклад

Якщо у застосунку для покупок кнопка “Купити” помітна, кошик легко знайти, а помилки у формі оплати показані простою мовою, це результат продуманого UI. Саме він робить інтерфейс зрозумілим, акуратним і придатним до щоденного використання.