Проектирование человеко-машинного взаимодействия

1.

ПРОЕКТИРОВАНИЕ ЧЕЛОВЕКО-МАШИННОГО ВЗАИМОДЕЙСТВИЯ
Лабораторная 1:
Оценка сайта
Над презентацией работали:
Бадян А. Д.
Бадян К. Д.
Минкина В. А.
Вьюев С. С.

2.

Вступление

3.

Оценка сайта Малого театра
Цель:
Оценка качества
критериям
веб-ресурса
по
ключевым
Метод:
Использование матрицы экспертных оценок
Результаты
анализа:
• Определены сильные и слабые стороны сайта
• Выработаны рекомендации по улучшению

4.

Графический
дизайн

5.

Сильные стороны
Успешное использование ретро-стиля
Унификация элементов дизайна
Соответствие тематике театра
Хорошее качество изображений в
объявлениях
Понятные и унифицированные иконки
Контрастный графический дизайн
Сохранение единого шрифта Georgia

6.

Слабые стороны
Отсутствие единого стиля оформления на
всей территории сайта
Несоответствие
цветовой
некоторых элементах
Нарушения единой цветовой схемы в
ретро-стиле
Несоответствие размеров шрифтов
Проблемы с размещением элементов на
мобильных устройствах
Среднее качество иконок
Неравномерное размещение контента
схемы
в

7.

Функциональность

8.

Сильные стороны
Полная поддержка задач пользователя
Идеальная
функций
Отличная обработка ошибок
Исправная работа на всех устройствах
Успешное взаимодействие с внешними
сервисами
Информативность элементов
Структурированность функционала
логическая
компановка

9.

Слабые стороны
Отсутствие многозадачности
Проблемы с обработкой ошибок
Замедленная скорость
активной работе
Непонятные элементы функциональности
Отсутствие явной кнопки регистрации
Нарушения
в
размещении
функциональных элементов
загрузки
при

10.

Информационный
контент

11.

Сильные стороны
Полное соответствие тематике
Отличная полнота материала
Превосходная
архитектура
Высокая структурированность текста
Актуальность информации
Удобное
размещение
информации
Качественный мультимедийный контент
информационная
ключевой

12.

Слабые стороны
Присутствие перегруженных участков
Наличие грамматических ошибок
Отсутствие достоверных источников
Неравномерное
контента
Избыточность некоторых текстов
Проблемы с локализацией
размещение

13.

Навигация

14.

Сильные стороны
Стабильное расположение навигации
Быстрый доступ к важной информации
Отсутствие тупиковых страниц
Удобная карта сайта
Интуитивно понятный интерфейс
Логичная структура ресурса

15.

Слабые стороны
Отсутствие подсказок текущей локации
Неполная поддержка breadcrumbs
Проблемы с возвратом на предыдущий
уровень
Отсутствие
навигации
Нет истории просмотров
Некоторые функции сложно найти
персонализированной

16.

Поиск

17.

Сильные стороны
Наличие поисковой функции
Простой интерфейс поиска

18.

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

19.

Интерактивность

20.

Сильные стороны
Отличная обратная связь
Удобная авторизация
Присутствие всех необходимых контактов

21.

Слабые стороны
Ограниченные анимации
Простые переходы

22.

Авторизация

23.

Сильные стороны
Безопасная авторизация через код
Сохранение данных пользователя

24.

Слабые стороны
Отсутствие
пароля
(регистрация
происходит через код подтверждения)
Ограниченные методы авторизации

25.

Быстродействие

26.

Сильные стороны
Базовое кэширование данных
Сохранение информации пользователя
Слабые стороны
Низкая скорость загрузки
Проблемы с кэшированием

27.

Безопасность

28.

Сильные стороны
Надёжное шифрование данных
Действующий SSL-сертификат
Высокий уровень защиты
Слабые стороны
Отсутствие
дополнительных
безопасности
мер

29.

Улучшения дизайна и
пользовательского опыта

30.

Улучшения дизайна
Унифицировать стиль оформления всех элементов сайта
Установить единый размер шрифта и изображений
Убрать нестилизованные элементы
Оптимизировать цветовую схему для выделения важной информации
Улучшить читаемость баннеров
Реализовать адаптивную верстку
Повысить качество иконок
Унифицировать цвет шрифта

31.

Улучшения пользовательского опыта
Добавить видимую кнопку регистрации
Переместить поиск в шапку
Расширить функционал взаимодействия
Внедрить многозадачность
Улучшить навигацию
Добавить подсказки текущего раздела
Улучшить breadcrumbs
Внедрить персонализацию

32.

Оценка сайта происходила по критериям. Каждый критерий мог
иметь вес от 0 до 10 баллов.
Общая оценка по баллам составила
390/540

33.

Технические улучшения и
оптимизация

34.

Технические улучшения
Исправить ошибки HTML-верстки
Оптимизировать загрузку страниц
Реализовать эффективное кэширование
Улучшить поиск (точное соответствие)
Добавить фильтрацию результатов
Внедрить современные анимации
Расширить методы авторизации

35.

Улучшение контента
Объяснить неочевидные ссылки
Исправить грамматические ошибки
Оптимизировать объем информации
Равномерно распределить контент
Добавить ключевые функции в меню
Сохранить историю действий
Оптимизировать загрузку при прокрутке

36.

Заключение