Skip to main content
LanguageУкраїнська
основи4 хвилини читанняжовтень 2026 р

Що таке порожній стан в UX?

Коротка відповідь

Порожній стан – це те, що відображається на екрані, коли ще немає нічого для показу: нова папка «Вхідні», порожній кошик, пошук без результатів або список, очищений фільтрами. Хороший порожній стан пояснює, чому він порожній, і дає чіткий наступний крок, наприклад створення першого елемента або зміна пошуку.

Основний винос

  • Типи: перше використання, дозвіл користувача, відсутність результатів, помилка або відсутність доступу
  • Поясніть простими словами, чому на екрані порожньо
  • Запропонуйте одну чітку дію, яка його заповнює
  • Зберігайте ілюстрації та анімацію маленькими та дружніми, ніколи не заважаючи дії
  • Напишіть окрему копію для кожного типу порожнього стану

Порожні екрани легко забути, оскільки дизайнери зазвичай працюють із зразками даних. У реальному продукті кожен новий користувач знайомиться з ними першим, тому вони формують перше враження більше, ніж будь-який інший екран.

Існує чотири поширених типи. Порожні стани першого використання з’являються до того, як людина щось створила. Стани, очищені користувачем, з’являються після завершення або видалення всього, наприклад порожній список справ. Після пошуку або фільтрування з’являються стани без результатів. І стани помилки або відсутності доступу з’являються, коли дані взагалі не можуть бути показані.

Для кожного типу потрібні різні слова. Стан першого використання має пояснювати, для чого призначений екран, і запрошувати до першої дії: «Поки немає проектів. Створіть свій перший проект». Безрезультатний стан повинен допомогти людям одужати: показати, що вони шукали, і запропонувати очистити фільтри. Очищений стан може бути маленькою нагородою.

Візуальні елементи необов’язкові. Невелика ілюстрація чи ніжна анімація можуть зробити екран дружнім, а анімований персонаж може скерувати користувача, який вперше користується ним. Тримайте це легко, переконайтеся, що дія є найбільш помітною річчю, і не покладайтеся на зображення, щоб пояснити стан.

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

Часті запитання

Що має включати порожній стан?

Короткий заголовок, одне речення, яке пояснює, чому він порожній або для чого призначений екран, і чітка дія. Ілюстрація необов’язкова.

Що таке нульовий стан?

Інша назва для порожнього стану, зазвичай типу першого використання, який відображається до того, як хтось додав будь-який вміст.

Як створити стан без результатів?

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

Чи потрібно анімувати порожні стани?

Вони можуть бути, якщо анімація невелика, не повторюється і дотримується налаштувань зменшення руху. Дія має більше значення, ніж анімація.

Відповідні посібники та приклади

Додайте доброзичливого персонажа на порожні екрани

Виберіть із безкоштовних інтерактивних талісманів, які реагують на курсор і торкання, і розмістіть їх у своїй програмі або на веб-сайті.

Перегляньте безкоштовні талісмани
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →