Улучшение поведенческих факторов веб-сайта

1.

МИНИСТЕРСТВО ПРОФЕССИОНАЛЬНОГО ОБРАЗОВАНИЯ И ЗАНЯТОСТИ
НАСЕЛЕНИЯ ПРИМОРСКОГО КРАЯ
КРАЕВОЕ ГОСУДАРСТВЕННОЕ АВТОНОМНОЕ
ПРОФЕССИОНАЛЬНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ
«НАХОДКИНСКИЙ ГОСУДАРСТВЕННЫЙ ГУМАНИТАРНО-ПОЛИТЕХНИЧЕСКИЙ
КОЛЛЕДЖ»
Сообщение
Улучшение поведенческих факторов веб-сайта
Выполнили:
Студенты КГА ПОУ «НГГПК» группы
741о/б (веб) специальность: 09.02.07
Информационные системы и программирование
(Разработчик веб и мультимедийных приложений)
Михайлов Максим Евгеньевич
Жижин Константин Дмитриевич
г. Находка, 2025

2.

Введение
Цель:
−
Изучить поведенческие факторы, влияющие на взаимодействие с веб-сайтом.
−
Разработать стратегии для улучшения этих факторов.
Задание:
−
Проанализировать выбранный сайт:
1)
Время на сайте и показатель отказов.
2)
Удобство навигации.
3)
Качество контента.
4)
Визуальный дизайн и пользовательский интерфейс.
−
Записать выявленные проблемы.
−
Представить результаты.
Анализ поведенческих факторов проводится на примере сайта «Моя Логистика». Режим
доступа: https://www.u178833.test-handyhost.ru.

3.

Поведенческие факторы
Поведенческие факторы - это особенности поведения пользователей, по которым
поисковики делают вывод о качестве сайта. Это не только параметры, влияющие на
выдачу. Поведение пользователей на сайте может многое сказать о том, насколько удобно
им пользоваться. Для владельцев сайтов это способ найти удачные и неудачные решения,
улучшить юзабилити и удовлетворенность пользователей.
Примеры поведенческих факторов:
− Навигация.
− Визуальный дизайн.
− Доступность.
− Интерактивность.
− Скорость загрузки.

4.

Инструменты анализа
Для анализа поведенческих факторов были использованы следующие инструменты:
Sitechecker – https://sitechecker.pro/ru.
Анализ-сайта.онлайн – https://анализ-сайта.онлайн.
Be1.ru – https://be1.ru/stat.
Pr-cy – https://pr-cy.ru.

5.

Время на сайте и показатель отказов
В результате анализа сайта «Моя Логистика» был получен график динамики
посещаемости веб-сайта пользователями. Согласно графику, сайт не был посещён ни
одним пользователем. Это можно обосновать тем, что сайт «Моя Логистика» был создал и
введён в эксплуатацию относительно недавно.

6.

Удобство навигации
Навигационное меню сайта сделано на основе CSS-свойства «Flex», что позволяет
меню навигации автоматически адаптироваться под ширину устройства.
Десктоп-версия:
Версия для планшета:

7.

Также, существует отдельный вариант навигационного меню для телефонов и
устройств, ширина экрана которых составляет менее 700 пикселей.

8.

Скорость загрузки
Для тестирования скорости загрузки сайта я выбрал онлайн-ресурс
«Google0PageSpeed0Insights». PageSpeed Insights входит в набор сервисов Speed Tools от
Google. Он анализирует веб-страницы, выявляет их слабые места и предлагает решение
для ускорения загрузки страниц.
Проведя тестирование, сервис «Google PageSpeed Insights» выдал результаты в
формате оценки критериев производительности.
Тип платформы
Производительность
Специальные
возможности
Рекомендации
Поисковая
оптимизация
Мобильные устройства
100
68
79
73
Десктоп
100
68
79
73

9.

Качество контента
Контент сайта «Моя Логистика» преимущественно представлен в виде статичных
иллюстраций и текста. Текст имеет читаемый шрифт и размер, цвета фонов сайта
сохраняют контрастность и не препятствуют комфортному чтению и просмотру контента.

10.

Интерактивность
Интерактивность на сайте сделана в виде кнопок и форм. Кнопки и формы имеют
определённый дизайн, что делает их гармоничными на сайте. Формы выполнены в
минималистичном стиле.

11.

Визуальный дизайн
Фоны сайта представлены в классическом белом цвете, что не нарушает
комфортность чтения и просмотра контента. Цветовая палитра элементов (кнопки, иконки
и т.п.) наследована от Логотипа сайта – чёрные и темно-синие тона гармонично смотрятся
на сайте.

12.

Проблемы сайта
Категории
Положительные аспекты
Отрицательные аспекты
Навигация
Навигация исправно
работает.
Есть «бургер-меню» в
мобильной версии сайта.
Нет подсветки активной
кнопки, указывающей на
страницу, на которой
находится пользователь.
Визуальный дизайн
Приятный дизайн, который
соответствует цветовой
палитре логотипа.
Надписи на некоторых
кнопках плохо читаются изза нарушенной
контрастности цветов
кнопки и текста.
Доступность
Текст виден и читаемый.
Имеется адаптивность.
Текст некоторых страниц
дублируется.
Интерактивность
Кнопки кликабельны, форма
имеет адаптивность,
простейшую и понятную
структуру.
Нет интерактивных
изображений и баннеров.
Кнопка «Обратная связь» не
имеет функционала.

13.

Рекомендации
Общие рекомендации к сайту «Моя Логистика»:
− Добавить больше интерактива, а также реализовать функционал для кнопки обратной
связи.
− Сделать цвет текста некоторых кнопок более ярким для читаемости.