Эргономика ПО: элементы проектирования и принципы

Этот материал объясняет элементы проектирования пользовательского интерфейса и основные принципы диалога – с контрольными вопросами и тегами.

In a Nutshell

Эргономика ПО проектирует пользовательские интерфейсы так, чтобы задачи выполнялись эффективно, с минимумом ошибок и с удовлетворением пользователя. В центре внимания правильный выбор контролов и семь принципов проектирования диалога по ISO 9241-110.

Краткое определение

7 принципов проектирования диалога (ISO 9241-110)

1. Соответствие задачам
2. Самоописательность
3. Поддержка обучения
4. Управляемость
5. Соответствие ожиданиям
6. Персонализируемость
7. Устойчивость к ошибкам

Выбор правильных контролов

• Button
• Textfield
• Dropdown
• Combobox
• Checkbox
• Radio-группа
• Slider
• Date picker

Критерии выбора: тип данных, частота использования, риск ошибок, контекст. Дополнительно требуется доступность (WCAG): контрастность, навигация с клавиатуры, видимый фокус, понятные подписи.

Ключевые моменты для проверки знаний

• Выбирать контролы в соответствии с задачей и типом данных
• Информационная архитектура: терминология и навигация должны быть единообразными
• Объяснить принципы ISO 9241-110 и привести примеры
• Обратная связь и статус системы должны быть видны; функции отката и подтверждения для критических действий
• Эргономика форм: группировка, обязательные поля, осмысленные значения по умолчанию
• Доступность: подписи, фокус, клавиатура, контрастность
• Документация: спецификация UI, макеты, протоколы тестирования

Основные компоненты

1. Анализ задач
2. Информационная архитектура
3. Библиотека компонентов
4. Макет, сетка, типография
5. Управление фокусом и клавиатурой
6. Обратная связь, статус, валидация
7. Доступность
8. Обработка ошибок (профилактика + отката)
9. Персонализация (темы, профили)
10. QA (эвристики, тесты с пользователями, проверка доступности)

Практический пример: ввод заказа

Разделы: данные клиента, позиции, доставка, оплата
Контролы:
- Номер клиента: Combobox с поиском
- Способ доставки: Radio-группа (3 варианта)
- Дата доставки: Date picker
- Условия использования: Checkbox
Эргономика:
- Встроенная валидация
- Основное действие "Сохранить" легко доступно
- Возможность отката при удалении позиции
Доступность:
- видимые подписи + логичный порядок табуляции + видимый фокус

Типичные вопросы на проверке (с кратким ответом)

1. 7 принципов проектирования диалога? Соответствие задачам, самоописательность, поддержка обучения, управляемость, соответствие ожиданиям, персонализируемость, устойчивость к ошибкам.
2. Dropdown vs Combobox? Dropdown: фиксированный выбор; Combobox: поиск и при необходимости свободный ввод (удобно для больших списков).
3. Как измеряют удобство использования? Success Rate, Time on Task, Error Rate, SUS/UEQ.

Основные источники

1. https://de.wikipedia.org/wiki/ISO_9241
2. https://www.w3.org/WAI/standards-guidelines/wcag/