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

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

Рекомендуем добавить опросные листы и для другой продукции и стандартизировать отображение дополнительной навигации. Фразу «Как это работает» стоит заменить на «Принцип работы».
4. Отшлифовать контент
- В первую очередь следует обратить внимание на оранжевые вкладки. Подразумевается, что щелчок по вкладке откроет новое содержимое шапки, однако вкладки работают как гиперссылки. Рекомендуем придать данным псевдовкладкам вид привычных гиперссылок.
- На производственной площадке при изменении содержимого шапки, появляется цитата, оформленная в виде реплики, однако не указан автор. Сам текст наплывает на шапку:
Рекомендуем поправить вёрстку и заменить цифру «5» словом «пять».
- Промо-материалы — приоритетный контент сайта. Видеоролик, особенное если учесть, что он один, нельзя прятать так глубоко. Рекомендуем расположить ролик в области контента на главной странице, сразу после текста о компании.
- Новостная страница выглядит слишком растянуто и скупо.Рекомендуем уменьшить ширину поля для более плотной компоновки и облегчения чтения. Уменьшить расстояние между анонсом новости и словом «Подробнее». Для усиления функции вовлечения, добавить твиттер и RSS.
- На странице «Инвесторам» неактуальная информация. В конце страницы нет императива, она обрывается неожиданно: рекомендуем добавить форму для обращения.
- Создаётся впечатление, что английскую версию реализовали, но потом отказались от её поддержки — огромное количество непереведённых элементов. Рекомендуем отключить и доделать англоязычную версию.
- Линии гранулирования → «Линия гранулирования опила ». Однако после перехода заголовок становится: «Линия гранулирования древесных отходов».
- Размещение блоков «доп. Возможности» и «универсальная фасовка» выглядит косо: текст в блоках начинается с разного уровня.
- Сертификаты соответствия есть на оборудование, но нет на линии.
- Написано «Скачать в pdf» — следует указывать, что именно.
- Про оборудование можно скачать информацию в pdf, а про линии — нельзя.
- Обязательно нужно сделать и выложить хороший иллюстрированный каталог продукции в pdf, который можно будет распечатать и возить на презентации.
Желаем удачи в интернет – коммерции!
Разделы / Продвижение в Интернете / Аудит юзабилити сайта, или как сделать сайт удобным для посетителей
|