Ответ
Нефункциональный UI (UI bug) — это элемент интерфейса, который выглядит интерактивным, но не выполняет свою основную функцию или ведет себя неожиданно для пользователя.
Классический пример — «мертвая» кнопка:
<button class="btn btn-primary" onclick="console.log('Clicked')">
Сохранить изменения
</button>Проблема: Кнопка имеет все визуальные атрибуты кликабельности (цвет, курсор), но при нажатии не отправляет данные формы, а лишь логирует сообщение в консоль. Функция onclick не реализована.
Другие примеры:
- Нескроллируемый список: Контейнер с
overflow: hidden, хотя содержимое выходит за границы. - Нефокусируемое поле ввода: Поле
<input>с атрибутомdisabled, но без визуального индикатора неактивного состояния. - «Сломанная» навигация: Клик по пункту меню не ведет на другую страницу и не меняет состояние интерфейса.
Почему это важно: Такие дефекты напрямую влияют на удобство использования (Usability), вызывая фрустрацию у пользователя и подрывая доверие к продукту.