Тест-драйв сайта центра «Инвижл»

psixologiya

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


Дизайн

Сайт выполнен на бесплатном движке Joomla 1.5. В качестве шаблона дизайна используется макет HS_Notebook-Free Joomla 1.5 с перерисованной шапкой.

invizhl zp_ua

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

Шапка сайта

Шапка сайта полностью выполнена в виде картинок:

header invizhl_zp_ua

То есть пользователь не сможет просто скопировать емейл и написать письмо. Ему придется его перепечатать. Тени от текста падают снизу вверх и не совпадает с основной тенью сайта, которая падает под углом 90* от пользователя.

Логотип резко отличает по оформлению от остального сайта даже по цветовому оформлению .

Контент

Светло-зеленый текст ссылок в основном тексте очень плохо читается на светло-салатовом фоне:

map invizhl_zp_ua

Лучше бы фон был белым для большего контраста с текстом.

Структура сайта и меню

Структура сайта состоит из 2 уровней. Первый уровень содержит 17 элементов! То есть, чтобы начать поиск нужно прочитать их все и выбрать нужный пункт в меню. А они даже не отсортированы по алфавиту или смыслу. Необходимо переработать структуру сайта и разделить ее на несколько меню.

Верхнего меню, которое первым бы замечал пользователь, нет. На сайте одно меню и оно содержит те самые 17 пунктов! Я считаю, что это слишком. Надо ограничится максимум 7 пунктами в каждом меню. Остальное поместить в подпункты меню.

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

Ссылки меню, также как и ссылки в основном меню, плохо читаются из-за сочетания темно-зеленого текста на зеленом:

menu invizhl_zp_ua

Подвал

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

footer invizhl_zp_ua

Типографика

Долго не могу понять, что не так с типографикой. Увеличенное расстояние между буквами!

content invizhl_zp_ua

Слова как-будто рассыпаются на отдельные буквы. В некоторых частях текста расстояние между буквами почти равняется расстоянию между отдельными словами. Такой текст очень тяжело читать. Нужно вернуть нормальное расстояние.

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

content01 invizhl_zp_ua

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

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

content2 invizhl_zp_ua

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

content3 invizhl_zp_ua

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

Интерактивность сайта для пользователя

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

На сайте есть раздел Online-консультации.

online invizhl_zp_ua

Это хорошо. А вот реализовано плохо: непонятно к какому сообщению относится ответ психолога. Для сравнения система комментариев на моем сайте реализована более доходчиво:

online pasha4ur_org_ua

Код

Кое-где видны ошибки в коде:

code invizhl_zp_ua

Также вместо удаления ссылки на автора шаблона программист просто спрятал его внутренним стилем CSS:

<div class=”cleared”><p class=”art-page-footer” style=”visibility:hidden”>Designed by <a href=”http://joomla16templates.blogspot.com”>HS Free Joomla Templates</a>.</p></div>

Выводы

Для улучшения сайта психологического центра «Инвижл» необходимо:

  • переработать структуру сайта;
  • изменить шаблон оформления сайта;
  • объяснить владельцам сайта базовые принципы типографики;
  • улучшить возможность взаимодействия посетителей с сайтом. Например, сделать опросы и окно поиска.
Share This:

Pavel Churiumov

Beginner web-programmer and not beginner designer. :)

Leave a Reply