+7 (831) 235-03-46Нижний Новгород
+7 (499) 677-49-72Москва

Главная  /  Блог Продвижение в Интернете → Аудит юзабилити сайта, как сделать сайт удобным для посетителей


Аудит юзабилити сайта, как сделать сайт удобным для посетителей

15.02.12

Как сделать сайт удобным для посетителй. Аудит сайта!

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

позволит Вам получить максимальный эффект от использования услуги, потратив минимальное количество средств.


 Заказать


Рекомендации

1. Учитывать среднее разрешение экрана монитора у посетителей сайта.
По данным статистики, разрешение экрана у большинства современных пользователей от 1024х768 и выше, поэтому обладатель небольшого монитора вынужден будет использовать масштабирование, иначе сайт просто не помещается. К сожалению, если использовать масштабирование, тексты становятся не читаемыми, кроме того, местами «едет» вёрстка. Сочетание этих двух факторов обуславливает потерю пользователей нетбуков и субноутбуков. Также следует обратить внимание на подвал сайта — иногда вёрстка «плывёт» и белые буквы на белом фоне перестают читаться. Рекомендуем адаптировать вёрстку под небольшие экраны. Проверить отображение подвала на разных разрешениях экрана

2. Учитывать требования экранной навигации. К логотипу прикреплена ссылка на главную страницу, что но не соответствует требованиям экранной навигации. Не очевидно расположение ссылки на страницу «Контакты». В нынешнем виде поиском не смогут воспользоваться обладатели планшетов. Рекомендуем убирать интерактивность со всех ссылок, ведущих на страницу, на которой пользователь уже находится — в них нет смысла. Расположить ссылку на страницу «Контакты» ниже телефона, а также добавить кнопку «Поиск»

3. Редактировать разделы сайта
Вертикальное меню
В первую очередь — порядок пунктов. Страницы делятся на две большие группы — вовлекающие и продающие: сначала вовлекаем, затем продаём, на сайте мы видим нарушение логической иерархии. Выделены пункты «Линии гранулирования», «Барабанные сушилки», «Зерновые сушилки» и одновременно «Оборудование». Разве эти линии не являются оборудованием? Рекомендуем изменить порядок пунктов следующим образом:
Новости
О компании
Линии гранулирования
Барабанные сушилки
Прочее оборудование
Инвесторам
Контакты
А также:
  • Стрелочки, указывающие на то, что пункт содержит подпункты, расположить не справа, а слева от текста.
  • Пункт «Зерновые сушилки» убрать — ссылка ведёт на внешний сайт, который недоступен.
  • Убрать подчёркивание гиперссылки — смысл сохранится, а страница будет выглядеть опрятнее.
  • Выделять пункт меню, соответствующий активному разделу цветом – это облегчит навигацию.
  • Сделать поведение ссылок стандартным. Например, при щелчке по ссылке «О компании», открывается раздел «О компании», но при щелчке по «Линиям гранулирования» происходит разворот и отображение других пунктов меню, переход не производится. Можно использовать следующее «соглашение» — ссылки с белым треугольником разворачивают список, ссылки без треугольника отправляют пользователя в одноимённый раздел.

Вовлекающие товары

Message изображения неясен. С точки зрения психологии восприятия, горящая птица, летящая к рукам с легковоспламеняемыми деревянными гранулами, – не лучшее изображение для шапки. Повсеместное использование курсива затрудняет чтение. Рекомендуем:

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

Контакты

Рекомендуем добавить:

  • код Москвы,
  • название отдела, телефон которого указан,
  • фотографию фасада здания и текстовое описание проезда,
  • форму обратной связи,
  • часы работы по московскому времени.
  • О компании

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

Оборудование

Превью фотографий подгружаются несвоевременно, рекомендуем проверить код.     У каждой единицы оборудования присутствует ссылка: «Как сэкономить», которая всегда ведёт на один и тот же фрагмент страницы «Инвесторам», где говорится, что скидки обговариваются индивидуально. Имеет смысл вместо ссылки сделать разворачивающийся элемент с этой фразой.

Линии гранулирования

  • Название наползает на картинку
  • Последний элемент «Хлебных крошек» не должен быть интерактивным.

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

Барабанная сушилка

  • Нет возможности скачать опросный лист, как в предыдущем разделе.
  • Если судить по «Хлебным крошкам», то можно предположить, что находишься на главной странице, хотя это не так.

Рекомендуем добавить опросные листы и для другой продукции и стандартизировать отображение дополнительной навигации. Фразу «Как это работает» стоит заменить на «Принцип работы».

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

    Рекомендуем поправить вёрстку и заменить цифру «5» словом «пять».

  3. Промо-материалы — приоритетный контент сайта. Видеоролик, особенное если учесть, что он один, нельзя прятать так глубоко. Рекомендуем расположить ролик в области контента на главной странице, сразу после текста о компании.
  4. Новостная страница выглядит слишком растянуто и скупо.Рекомендуем уменьшить ширину поля для более плотной компоновки и облегчения чтения.  Уменьшить расстояние между анонсом новости и словом «Подробнее». Для усиления функции вовлечения, добавить твиттер и RSS.
  5. На странице «Инвесторам» неактуальная информация. В конце страницы нет императива, она обрывается неожиданно: рекомендуем добавить форму для обращения.
  6. Создаётся впечатление, что английскую версию реализовали, но потом отказались от её поддержки — огромное количество непереведённых элементов. Рекомендуем отключить и доделать англоязычную версию.
  7. Линии гранулирования → «Линия гранулирования опила ». Однако после перехода заголовок становится: «Линия гранулирования древесных отходов».
  8. Размещение блоков «доп. Возможности» и «универсальная фасовка» выглядит косо: текст в блоках начинается с разного уровня.
  9. Сертификаты соответствия есть на оборудование, но нет на линии.
  10. Написано «Скачать в pdf» — следует указывать, что именно.
  11. Про оборудование можно скачать информацию в pdf, а про линии — нельзя.
  12. Обязательно нужно сделать и выложить хороший иллюстрированный каталог продукции в pdf, который можно будет распечатать и возить на презентации.

 Заказать аудит

Желаем удачи в интернет – коммерции!

Комментарии



Нет комментариев





Новое сообщение

Имя*:
E-mail (будет скрыто):
 
 
Введите код:  
* Поля обязательные к заполнению



Акции и спецпредложения
Контакты
+7 499 677-49-72 Москва
+7 831 235-03-46 Н.Новгород
Мы в соцсетях


О компании
О нас
Контакты
Мобильная версия / Карта сайта