Аудит юзабилити сайта с flash-играми

Аудит юзабилити №446

Дата аудита: апрель 2017 года

Объем отчета: 23 страницы 

 

Анализ юзабилити каталога игр, модуля поиска игр, дизайна отдельных страниц и элементов портала.

 

Вводная информация

В данном отчете приведены детальные описания основных проблем, скриншоты сайта и дополнительные видео с демонстрацией выявленных недостатков.

Перед просмотром дополнительных материалов их желательно скачивать на компьютер.

Также по всем выявленным проблемам даны рекомендации по их устранению.

Красным текстом и красными маркерами выделены обнаруженные ошибки и важная информация.

Навигация по сайту

Качественная навигация по сайту является основой для построения эффективного юзабилити.

Она должна обеспечивать простой и быстрый переход на любую страницу сайта, а также информировать пользователя о его текущем местоположении.

Рассмотрим, насколько хорошо проработана навигация в данный момент.

В верхней части сайта размещено главное навигационное меню с ссылками на разделы каталога игр. Для перехода в подкатегорию конкретного раздела необходимо использовать дополнительное меню, которое размещено ниже после рекламного блока и текстового описания. Это отрицательно сказывается на юзабилити:

Ошибки в навигации по сайту

Рекомендуем пересмотреть компоновку меню каталога и сделать его с выпадающими подменю. Это позволит уменьшить количество необходимых действий для перехода к играм нужного жанра.

При переходе по подразделам теряется выделение активного раздела сайта в главном меню. В подменю текущий раздел каталога так же не выделяется. Невозможно понять, где находится пользователь в конкретный момент времени. Видео показано по ссылке https://yadi.sk/i/9yM1bPix3H5or9.

Рекомендуем явно обозначать текущий раздел сайта в верхнем меню и меню второго уровня с помощью выделения графическим маркером, фоновым цветом или изменения оформления текста.

Очередность пунктов в меню необходимо делать в соответствии с их популярностью среди пользователей. Наиболее популярные должны быть размещены в начале, менее популярные – в конце.

Например, согласно данным карты кликов для главной страницы, наиболее популярные разделы – аркады, логические игры и гонки.

Анализ карты кликов

В разделе логических игр – шашки и шахматы:

Анализ карты кликов

Рекомендуем пересмотреть очередность разделов в меню и выстроить их в соответствии с популярностью разделов у пользователей.

Большое количество ссылок оформлены как обычный текст. Ниже приведены скриншоты таких элементов:

Ссылки оформлены как обычный текст

Ссылки оформлены как обычный текст

Ссылки оформлены как обычный текст

Ссылки оформлены как обычный текст

Рекомендуем явно обозначить ссылки с помощью подчеркивания либо соответствующих графических маркеров.

Иконки игр не реагируют на наведение курсора. Это отрицательно сказывается на юзабилити.

Иконки не реагируют на курсор

Согласно данным карты кликов нажатия на эти ссылки практически отсутствуют. Видео показано по ссылке https://yadi.sk/i/Qsswaxqt3H5yYp.

Рекомендуем сделать иконки интерактивными.

В блоке «Новые игры» ссылки также оформлены как обычный текст. Кроме этого непонятно, к какой игре – верхней или нижней – относится рейтинг и текст.

Ошибки в работе навигации

В блоке «Похожие игры» также непонятно, к какой игре – к верхней или нижней – относится название. Визуально оно ближе к верхнему скриншоту игры, а не нижнему.

Ошибки в юзабилити сайта

Рекомендуем явно обозначить ссылки при помощи подчеркивания и выстроить четкую визуальную иерархию элементов страницы.

Отдельно стоит отметить, что в данный момент на сайте отсутствует вспомогательная навигация по типу «хлебные крошки», которая показывает путь пользователя относительно главной страницы сайта. Это отрицательно сказывается не только на юзабилити, но и на поисковой оптимизации.

Рекомендуем рассмотреть возможность добавления такой навигационной цепочки.

Каталог игр

Далее рассмотрим дизайн, юзабилити и работу каталога игр, размещенных на сайте.

В верхней части главной страницы размещен рекламный баннер. Это отрицательно сказывается на юзабилити и конверсии, т.к. тут лучше размещать наиболее важную информацию, которая вовлечет пользователя в работу с сайтом.

Компоновка главной страницы

Аналогичная компоновка используется на подстраницах каталога. Видео показано по ссылке https://yadi.sk/i/ax59OhtW3H6eJD.

Сортировка при загрузке страницы выполнена по рейтингу. При этом соответствующая ссылка размещена второй, а не первой:

Юзабилити модуля сортировки

Рекомендуем пересмотреть очередность ссылок в меню сортировки.

На странице выводится по 30 игр. Возможность изменения количества игр в ленте отсутствует. Это отрицательно сказывается на юзабилити.

Рекомендуем добавить возможность настройки количества игр на одной странице.

В последнем ряду ленты выводится рекламный блок. В нем показывается реклама ресурсов схожей тематики.

Юзабилити каталога игр

Блок постраничной навигации есть только в нижней части страницы. Чтобы перейти на следующую страницу надо постоянно использовать прокрутку. Это отрицательно сказывается на юзабилити. Видео показано по ссылке https://yadi.sk/i/zACW743H3H6sBx.

Рекомендуем размещать блок постраничной навигации и в верхней и в нижней части сайта.

Кнопки «Играть» не реагируют на наведение курсора:

Ошибки в работе каталога игр

Для игр указан возрастной диапазон. Например, 8+.

Ошибки в работе каталога игр

Но, к сожалению, в данный момент с помощью меню невозможно просмотреть все игры нужного возрастного диапазона и нужного жанра. Например, аркады 10+. Это отрицательно сказывается на юзабилити.

Рекомендуем добавить такую возможность и разместить в главном меню соответствующие ссылки.

В каталоге размещены игры, которые требуют поддержки UNITY. Например, http://online-gamez.ru/3d-igry/1592-krutoj-drejf-3d-super-drift-3d.html

Вверху страницы выводится сообщение о необходимости скачивания другого браузера:

Ошибки в работе каталога игр

При этом ниже на странице можно без проблем играть в данную игру. Видео показано по ссылке https://yadi.sk/i/JPz2itTD3H6tou

Рекомендуем актуализировать информацию в каталоге игр и убрать устаревшие игры. Пользователь скорее всего не будет устанавливать дополнительные программы для запуска игр.

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

Аудит текстов сайта

Аудит текстов сайта

Рекомендуем сделать тексты более легкими для восприятия и добавить в них полезную для пользователей информацию.

Расстояние между ссылками во втором ряду отличается от расстояния в первом:

Оформление ссылок

Рекомендуем придерживаться единой модульной сетки для типовых элементов сайта.

На странице детального просмотра игры для текста описания используется слишком маленький шрифт. Текст достаточно сложно прочитать:

Аудит текстов сайта

Учитывая возрастные параметры посетителей сайта рекомендуем увеличить размер шрифта минимум до 12-14 пикселей.

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

Аудит текстов сайта

Рекомендуем сделать визуальный приоритет для текста с описанием управления игрой.

Крайне отрицательным с точки зрения юзабилити является то, что после описания игры расположены рекламные блоки. Из-за этого игра не видна на экране без использования прокрутки. Видео показано по ссылке https://yadi.sk/i/fU-KXY3c3H724Z

Рекомендуем пересмотреть компоновку страницы. Игра должна быть на первом месте, рекламные блоки – на втором.

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

Аудит текстов сайта

На странице с игрой есть блок добавления комментариев, но в его оформлении допущен ряд ошибок.

Слишком большой отступ между заголовком и полем ввода:

Слишком большой отступ

Рекомендуем уменьшить ширину отступа между данными элементами.

Избыточная ширина и количество символов в поле ввода ответа на вопрос:

Юзабилити форм сайта

Рекомендуем уменьшить количество символов до максимально необходимого.

Кнопка не реагирует на наведение курсора:

Кнопки не реагируют на курсор

Не проработан дизайн информационного сообщения:

Ошибки в юзабилити форм

Дизайн меню для перехода к следующей странице с комментариями разваливается:

Юзабилити постраничной навигации

Рекомендуем доработать дизайн и работу блока с комментированием игры.

Поиск по сайту

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

Рассмотрим, насколько хорошо поиск соответствует требованиям дизайна и юзабилити в данный момент.

Не проработан дизайн страницы с результатами поиска.

Оформление поля и кнопок не соответствует общему стилю сайта.

Ошибки в юзабилити формы поиска

Есть верхняя и нижняя граница текстового блока, самого текста нет:

Ошибки в юзабилити формы поиска

Рекомендуем привести оформление формы поиска в соответствие с общим дизайном сайта.

Нет настройки количества выводимых результатов поиска на странице, ссылки для перехода на следующую страницу расположены внизу экрана и не видны без использования прокрутки. Полный скриншот показан по ссылке https://yadi.sk/i/ZGWnSwbu3H7t78

Рекомендуем добавить возможность выбора количества результатов на странице и размещать меню постраничной навигации в верху и низу результатов поиска.

Дизайн формы расширенного поиска не проработан.

Оформление элементов не соответствует общему стилю сайта.

Ошибки в юзабилити формы поиска

Нет отступов между блоками и элементами.

Ошибки в юзабилити формы поиска

Не согласована ширина типовых элементов формы:

Ошибки в юзабилити формы поиска

Рекомендуем привести оформление к единому стилю в соответствии с модульной сеткой сайта.

Непонятно, для чего используется блок с поиском по имени пользователя:

Ошибки в юзабилити формы поиска

Непонятно, о каких статьях идет речь:

Ошибки в юзабилити формы поиска

Дизайн кнопок не соответствует общему оформлению сайта:

Ошибки в юзабилити формы поиска

Рекомендуем привести оформление формы к общему стилю оформления сайта и в соответствие с размещенным контентом.

Готов ответить на все вопросы по результатам аудита в скайпе, email или по телефону.

Get new case studies by email:

More Case Studies

See all