Анализ дизайна и юзабилити

[Gaide]

Dexo, буду благодарна за анализ сайта aboba.ru!

[Cradle]

Если будет время - villabajo.kiev.ua, некоторые моменты знаю, но уверен, взгляд "толковыми глазами" найдет много чего . (основные страницы Главная - Акции - Доставка). Спасибо!

[isoniasid]

Не к спеху http://goroda.co/ проанализируйте пожалуйста, буду благодарен

[Dolphinka]

Также прошу посмотреть - http://pro-tyr.ru

[unitech60]

Оцените www.unitech.dn.ua  спасибо.

[Dexo]

chebj, это как раз тот случай, когда верстка отступает от макета, в итоге появляются ошибки и в целом всё выглядит хуже, чем могло бы. Так что этот анализ я проведу в форме "было на макете - стало при вёрстке", для наглядности.

Шапка

1. На макете "личный кабинет" был набран жирным и выровнен по центру блока, к тому же размер шрифта должен быть больше, чем слова "Логин" и "Пароль". Что мы видим на сайте? Нет жирного начертания, кегли заголовка меньше кегля основного текста, выровнено по левому краю. Итого 3 ошибки (несоответствия макету) в одном лишь заголовке. К тому же, если заголовок сделан ссылкой, лучше его подчеркнуть.



2. Посмотрите как оформлен телефон и е-мейл на макете, и как на сайте. Явно перестарались с размером шрифта, в итоге выглядит не слишком аккуратно.

3. Плохо сделана форма входа. Сами поля на макете были голубыми, здесь почему-то белые. Регистрация стояла слева от кнопки "Войти", теперь она неаккуратно воткнута сверху, да и подчёркивание пропало.

4. Слайдер вообще не соответствует изначальному виду, да и картинка сейчас там стоит некрасивая.



Меню

1. Аккуратное меню с макета превратили в какую-то убогую плашку.

2. Зачем-то все пункты набрали капсом и сделали сверхжирное начертание.



(Сверху - макет, низу сайт).

Сайдбар

1. Поиск совсем не такой.

2. Опять же заголовки выровнены по левому краю и кегль великоват.

3. Самое главное - меню, вообще не работает. На макете чётко показано, что при клике на плюсик меню должно раскрываться, на деле оно не реагирует вообще. Да и внешний вид опять же не соответствует.



Контент

1. И снова заголовок - "Новости" должно быть выровнено по центру.

2. У заголовков с блоками товаров куда-то пропали плашки, зато увеличился размер шрифта. Зачем? Выглядит это ужасно. Плашки были не просто так, и размер текста был взят не от балды. А вот верстальщик похоже всё от балды и делал, лишь изредка поглядывая в макет.

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

4. Очень важный момент - Заголовки товаров не подчёркнуты! Взгляните в макет, архиважно чтоб заголовки товаров имели нижнее подчёркивание, иначе просто непонятно что это ссылка. Да и почему снова цвет не тот?

5. Все отступы нарушены - это просто финиш)

6. Корзина не работает как задумано, при добавлении товара она не меняет своего вида. Обновляется только с обновлением страницы.

7. "Оформить заказ" надо подчеркнуть, иначе не очевидно что это ссылка.

Страница с товаром

1. На странице с товаром не стоит давать новости, нужно их скрыть, дабы не отвлекали.

2. Вот такого не должно быть ни в коем случае:

3. Стоит сделать отступы между блоками отзывов и похожих товаров.

Итог

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

[Rissen]

Верстальщик явно курит что-то хорошее ...
Но ведь есть еще и заказчик. Он ведь должен был принимать работу. Или я чего-то не понимаю?

[chebj]

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

[[Lichkin-rus]]

Мне пожалуйста анализ сайта http://3d-viz.net/, если можно.
Спасибо.

[koroluk]

Ого тут очередь. С радостью получу анализ сайта www.salemania.com.ua