Skip to content
IRC-CodingIRC-Coding
Удобство использованияUXUsabilityAccessibilityUser TestingКачество ПО

Качество ПО и UX: Usability и Accessibility

UX-дизайн, usability, accessibility и user testing. Лучшие практики создания удобного программного обеспечения.

S

schutzgeist

3 min read
Качество ПО и UX: Usability и Accessibility

Качество программного обеспечения и удобство использования

Удобство использования это характеристика качества, которая описывает, насколько легко пользователям понимать, осваивать и работать с программным обеспечением.

Суть вопроса

Удобство использования (Usability) означает, что программное обеспечение интуитивно понятно, эффективно и дает удовлетворение при работе с ним. Ключевые факторы: UX-дизайн, доступность, тестирование с пользователями, петли обратной связи.

Краткое техническое описание

Удобство использования это характеристика качества по стандарту ISO 25010, которая описывает, насколько легко пользователям понимать, осваивать и работать с программным обеспечением. Она включает Usability (эффективность, производительность, удовлетворение), Accessibility (доступность) и User Experience (UX). Удобное в использовании программное обеспечение снижает затраты на обучение, количество ошибок и процент отказов пользователей.

Принципы удобства использования

1. Эффективность

Достигают ли пользователи своих целей?

// Плохо: цель непонятна
<button>OK</button>

// Хорошо: цель ясна
<button>Завершить заказ</button>

2. Производительность

Достигают ли пользователи целей быстро?

// Плохо: много кликов
Панель управления → Настройки → Аккаунт → Изменить пароль

// Хорошо: прямой доступ
Настройки → Изменить пароль

3. Удовлетворение

Приятно ли пользоваться?

// Плохо: нет обратной связи
await saveData();

// Хорошо: есть обратная связь
await saveData();
showNotification('Данные сохранены!');

Доступность (Accessibility)

Принципы WCAG

ПринципОписаниеПример
PerceivableВоспринимаемоеАльтернативный текст для изображений
OperableУправляемоеНавигация с клавиатуры
UnderstandableПонятноеЯсный язык
RobustНадежноеСовместимость со скринридерами

Примеры

<!-- Плохо: нет альтернативного текста -->
<img src="chart.png" />

<!-- Хорошо: альтернативный текст -->
<img src="chart.png" alt="Динамика выручки 2024: +15%" />

<!-- Плохо: нет подписи -->
<input type="text" />

<!-- Хорошо: с подписью -->
<label for="email">Email</label>
<input type="text" id="email" />

<!-- Плохо: нет управления фокусом -->
<button onclick="openModal()">Open</button>

<!-- Хорошо: управление фокусом -->
<button onclick="openModal()" aria-expanded="false">Open</button>

Тестирование с пользователями

Методы

МетодОписаниеКогда использовать
Usability TestingНаблюдение за пользователями при выполнении задачЭтап дизайна
A/B TestingСравнение вариантовРазработка
Heuristic EvaluationПроверка экспертамиВ любой момент
SurveysОпрос пользователейПосле запуска

Пример теста

// Usability-тест: регистрация
const testScenarios = [
  {
    task: 'Создать новый аккаунт',
    steps: [
      'Нажми на Регистрация',
      'Заполни форму',
      'Подтверди email'
    ],
    successCriteria: 'Завершено менее чем за 2 минуты'
  }
];

Принципы UX-дизайна

Law of Jakob

Пользователи ведут себя так, как они привыкли на других веб-сайтах.

// Плохо: необычный паттерн
<button>Proceed to next stage</button>

// Хорошо: знакомый паттерн
<button>Continue</button>

Law of Fitts

Время достижения цели зависит от размера и расстояния.

// Плохо: маленькая кнопка далеко
<button style="padding: 4px; margin-left: 500px">Submit</button>

// Хорошо: большая кнопка близко
<button style="padding: 16px; margin: 8px">Submit</button>

Law of Hick

Время принятия решения растет с увеличением количества вариантов.

// Плохо: слишком много вариантов
<select>
  <option>Вариант 1</option>
  <option>Вариант 2</option>
  <!-- еще 20 вариантов -->
</select>

// Хорошо: сгруппированные варианты
<select>
  <optgroup label="Категория A">
    <option>Вариант 1</option>
  </optgroup>
  <optgroup label="Категория B">
    <option>Вариант 2</option>
  </optgroup>
</select>

Лучшие практики

  • Progressive Disclosure: показывай информацию постепенно
  • Consistency: единообразный дизайн
  • Feedback: немедленная обратная связь на действия
  • Error Prevention: предотвращай ошибки, не только сообщай о них
  • Accessibility: соответствие WCAG 2.1 AA

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

  • Удобство использования по ISO 25010: эффективность, производительность, удовлетворение
  • Принципы WCAG: Perceivable, Operable, Understandable, Robust
  • Принципы UX: Law of Jakob, Law of Fitts, Law of Hick
  • Тестирование с пользователями: Usability Testing, A/B Testing, Heuristic Evaluation
  • Доступность: скринридеры, навигация с клавиатуры, альтернативный текст

FAQ

1. Что такое удобство использования?

Способность программного обеспечения быть простым для понимания, освоения и использования.

2. Что такое Usability?

Эффективность, производительность и удовлетворение при использовании.

3. Что такое Accessibility?

Доступность для людей с инвалидностью. Стандарты WCAG.

4. Что такое WCAG?

Web Content Accessibility Guidelines. Принципы: Perceivable, Operable, Understandable, Robust.

5. Что такое Law of Jakob?

Пользователи ведут себя как на других сайтах. Важна консистентность.

6. Что такое Law of Fitts?

Время достижения зависит от размера и расстояния. Большие кнопки близко.

7. Что такое Law of Hick?

Время решения растет с количеством вариантов. Меньше вариантов лучше.

8. Что такое User Testing?

Наблюдение за пользователями при выполнении задач для выявления проблем удобства.

9. Что такое A/B Testing?

Сравнение двух вариантов для выбора лучшего.

10. Что такое Heuristic Evaluation?

Проверка экспертами на основе принципов удобства использования.

11. Альтернативный текст для изображений?

Описательный текст для скринридеров. Пустой альт-текст для декоративных изображений.

12. Навигация с клавиатуры?

Все интерактивные элементы должны быть доступны с клавиатуры.

13. Что такое Progressive Disclosure?

Постепенное показание информации, чтобы не перегружать пользователя.

14. Совместимость со скринридерами?

Семантический HTML, ARIA-атрибуты, управление фокусом.

15. UX против Usability?

Usability это часть UX. UX охватывает весь опыт, Usability фокусируется на удобстве.

Дальше в учебном курсе по качеству программного обеспечения

Все статьи учебного курса по качеству программного обеспечения теперь полностью завершены. Вернись к обзору курса по качеству программного обеспечения.

Источники

  1. https://iso25000.com/index.php/en/iso-25000-standards/iso-25010.html
  2. https://www.w3.org/WAI/WCAG21/quickref/
  3. https://www.nngroup.com/articles/ten-usability-heuristics/

Рекомендованные книги по качеству программного обеспечения

Если ты хочешь углубить знания по удобству использования, UX и качеству программного обеспечения, рекомендуем следующие книги:

Keine Bücher für Kategorie "software-engineering" gefunden.

Назад к блогу
Share:

Nächster Artikel in Качество программного обеспечения

Weiterlesen
Качество и поддерживаемость ПО: архитектура, тесты

Похожие статьи