Что означает Пользовательский интерфейс простыми словами
К UI относятся навигация, кнопки, поля, тексты, таблицы, уведомления и их состояния. Интерфейс должен не только выглядеть единообразно, но и показывать доступные действия, результат нажатия, загрузку и ошибку. UI является частью более широкого пользовательского опыта.
Неясный элемент заставляет угадывать: можно ли на него нажать, сохранились ли данные и как исправить ошибку. Такие сомнения увеличивают время выполнения задачи и приводят к отказам даже при сильном предложении.
Пример
В форме кнопка недоступна до заполнения обязательных полей, рядом объяснена причина, а после отправки появляется статус обработки и подтверждение. Цвет не является единственным носителем состояния.
Как применять на практике
- Составьте список ключевых компонентов и опишите обычное, активное, недоступное, загрузочное и ошибочное состояния.
- Используйте одинаковые подписи и поведение для одинаковых действий во всём продукте.
- Проверьте интерфейс клавиатурой, экранным считывателем, на маленьком экране и при медленном соединении.
Частые ошибки
- Оценивать интерфейс только по статическому макету идеального состояния.
- Делать второстепенные элементы визуально заметнее основного действия.
- Передавать смысл только цветом, иконкой без подписи или наведением мыши.