Содержимое курса
Дизайн сайта. Макет
0/15
Разработка дизайна веб-приложений

Лабораторная работа: Работа с юзабилити

Цель:
Научиться анализировать пользовательский интерфейс, выявлять ошибки в юзабилити и предлагать улучшения для повышения удобства и эффективности использования.

Критерии оценивания:

  • Находит ошибки в юзабилити.
  • Анализирует влияние обнаруженных ошибок на пользовательский опыт.
  • Предлагает конкретные решения для их устранения.

Ход работы:

  1. Подготовительный этап:
    • Ознакомьтесь с основными принципами юзабилити:
      • Простота использования.
      • Доступность.
      • Предсказуемость интерфейса.
      • Минимизация когнитивной нагрузки.
    • Изучите примеры типичных ошибок в юзабилити, таких как сложная навигация, плохая читаемость, низкий контраст текста.
  2. Анализ текущего интерфейса:
    • Получите прототип или готовый макет веб-приложения (может быть предложен преподавателем или использован ваш проект).
    • Проверьте интерфейс на соответствие следующим критериям:
      • Логика навигации: Легко ли находить нужные страницы?
      • Понятность элементов интерфейса: Понятны ли кнопки, ссылки, формы?
      • Визуальная читаемость: Хорошо ли виден текст, кнопки, элементы интерфейса?
      • Доступность: Работает ли интерфейс на разных устройствах и для людей с ограниченными возможностями?
  3. Выявление ошибок:
    • Пройдите по основным пользовательским сценариям (например, регистрация, поиск информации, оформление заказа).
    • Зафиксируйте каждую проблему:
      • Что вызывает сложность?
      • Какую часть интерфейса это затрагивает?
      • Как пользователь может быть сбит с толку?
  4. Оценка влияния ошибок:
    • Классифицируйте ошибки по степени влияния:
      • Критические: Препятствуют выполнению задач.
      • Значительные: Ухудшают пользовательский опыт, но не блокируют задачи.
      • Незначительные: Незаметные или косметические дефекты.
    • Оцените, насколько часто пользователь может столкнуться с ошибкой.
  5. Разработка предложений:
    • Для каждой обнаруженной проблемы предложите улучшение. Например:
      • Если кнопка не очевидна → Добавить яркую визуализацию или изменить текст.
      • Если сложна навигация → Упрощение структуры меню или добавление поиска.
    • Опишите, как предложенное улучшение повлияет на пользовательский опыт.
  6. Оформление отчета:
    • Составьте отчет, включающий:
      • Краткое описание интерфейса, который анализировался.
      • Список выявленных ошибок с примерами.
      • Классификацию ошибок по степени важности.
      • Предложения по устранению ошибок с обоснованием.
    • Прикрепите скриншоты или фотографии участков интерфейса, где были выявлены проблемы.
  7. Презентация результатов:
    • Представьте результаты анализа группе.
    • Обсудите предложенные улучшения, ответьте на вопросы.
    • Внесите корректировки в отчет на основе обратной связи.

Пример ошибок юзабилити:

  • Ошибка: Кнопка «Оформить заказ» расположена слишком низко на странице.
    Решение: Переместить кнопку в область видимости без прокрутки.
  • Ошибка: Текст на странице плохо читаем из-за низкого контраста.
    Решение: Увеличить контраст между текстом и фоном.
  • Ошибка: Сложно найти страницу «Контакты».
    Решение: Добавить ссылку «Контакты» в главное меню.

Советы:

  • Проверьте интерфейс на нескольких устройствах (мобильный телефон, планшет, компьютер).
  • Если возможно, попросите другого человека протестировать интерфейс и поделиться впечатлениями.
  • Используйте чек-листы юзабилити для проверки.