Пример Анализа сайта с точки зрения Usability

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

Логотип слишком далеко отодвинут от левого края. Следует выделить место под него (как нарисовано квадратом) и поставить его по центру этого квадрата. Он не должен быть приклеен ни к левому ни к правому полю.

Классика Света и текст под ним слишком сливается в одно непонятное пятно. К тому же выбран неудачный шрифт: он слишком мелкий и его много. Думаю, достаточно оставить только Интернет-магазин светильной техники, а все что под этим – убрать. Это сделано для СЕО? Вполне возможно это где-то внизу разместить, но тут точно лишнее.

Огромный телефон тут точно не кстати. Его нужно уменьшить раза в 3. Контакты написаны ужасным шрифтом. Для логотипа такое написание подходит. Для читабельной информации – никак. Написать простым стандартным шрифтом и перенести в верхний угол, как принято. Или просто поднять выше.

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

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

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

Теперь рассмотрим страницу товаров.

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

Корзина должна быть видна на первом экране. Сейчас ее практически не найти, только случайно пролистав страницу и изучив меню. Неплохо бы добавить и значок корзины. Пользователи уже привыкли к этой забавной тележечке.

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

Еще в это меню стоит добавить пункт про доставку и оплату. Сейчас это находится в самом низу страницы в разделе Информация. Я бы объединил разделы: как оформить заказ и доставка, и на одной странице описал бы про доставку, способы оплаты и т.д. Нет смысла их делить.

Информация про акцию была бы полезна на всех страницах, а не только на главной (ведь пользователь может попасть на внутреннюю страницу, минуя главной, например, из поиска или по контекстной рекламе). Уменьшенный баннер можно повесить или в шапке или в свободном месте справа. Или же справа можно повесить блок с новостями или рекомендуемые товары. Лучше всего, конечно, блок с рекомендуемыми товарами, но если движек накладывает ограничения – то новости или баннер с акцией.

Поиск так же перенести снизу наверх. В шапке достаточно места для его расположения.

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

Еще я рекомендую увеличить фотографию на странице конкретного товара. Я же уже перешел на саму люстру, тут можно поставить большой рисунок. А вот по клику – открывать несколько дополнительных фотографий. Сейчас же тут такая же картинка, как и на странице каталога, что вобщем-то неправильно.

 
Еще немного путает открытие фотографии в новом окне. Вот так оно выглядит, если кликнуть по рисунку на странице каталога.

А вот так – если на конкретном товаре:
 

Желательно привести к единому виду.
А вообще, логичнее сделать, что при клике в каталоге – открывается не фото рисунка, а сам товар (страница подробнее), а уже там – увеличение фото.
Или можно поставить две ссылки. При клике на картинку – подробнее, а рядом иконка с увеличительным стеклом – увеличить).
Или же просто сделать открытие окон в новом окне.

С работой в корзине все ок, понятно и удобно.

Рекомендуем ознакомиться с разделами:

Что такое Юзабилити ?

Услуги по анализу юзабилити сайта.