Выбирал себе колонки и наткнулся на сайт www.wharfedale-audio.ru. Аллегория:)

Сразу на глаза попались косяки, которые там на каждом шагу.

Вижу, что пытались воссоздать атмосферу дорогих интерьеров, качественного дерева, черного лака. В принципе, шаги сделаны в правильном направлении. В меру свободного пространства, в меру предметов не_в_фокусе.

1. Почему-то все элементы страницы подвешены к ее верху. Причем они очень тесно сгруппированы, а низ пустой (на разрешении от 1280). Реально возникает ощущение незаконченности страницы, будто что-то еще должно подгрузиться.

1.2. Есть люди, которые считают, что пить надо меньше. Есть люди, которые считают, что пить надо больше. Но и те и другие сходятся в одном – пить надо! :) Так же и тут. Есть люди, которые считают, что футер нужно прижимать к нижней кромке экрана, а есть те, кто считает, что он должен быть «по_контенту», то есть сразу после того, как заканчивается контент у нас идет футер. Мне кажется, и те, и другие правы. Но в данном случае при проектировании просто не подумали о том, как будет выглядеть сайт на бОльших разрешениях.

2. Текст поверх картинки не читается. Особенно в тех местах, где в фоне белый цвет. Сам по себе текст очень плотный. Я его не читал. И не хочется. Зачем тогда он? Просто потому, что на главной странице должен быть текст?

Вторые страницы.

3. Основная проблема текстовых страниц – ширина текстовых блоков. Она чрезмерно велика. Текст хорошо для чтения при ширине колонки около 400 px. Тут же он тянется во всю страницу. Что делать тем, у кого монитор с разрешением 1600?

4. Идея с размещением на каждой странице слева большой иллюстрации колонок – очень неплоха. Несмотря на свой размер, они не мешают восприятию информации, но это только на текстовых страницах. В новостях, каталоге и везде, где есть картинки – огромная колонка их забивает. Эта страница, например, смотрится очень забавно:)

5. Почему-то тот стиль, что в новостях является ссылкой, в каталоге – просто текст, а ссылка – уже зеленая.

6. Форум. Стандартный форум Битрикс. Причем чем обусловлен выбор такого цвета для него – абсолютно не ясно. Разве этот цвет где-то еще встречается?

Задумка для сайта хорошая, но реализация достаточно неаккуратная. Как будто Дизайн Контора разработала только шаблон главной страницы и один шаблон для второй. А уже заказчик сам клепал контентные страницы. (Аллегория:)

Cайт магазина «Нафаня Экспресс-служба» (www.nafanya-express.ru).
Продолжим по вторым страницам.

Если с главной кликнуть по подраздел в каталоге, то мы попадем на список товаров из этой подкатегории. Например, «Детские сухие каши».
1. В верху центральной зоны мы видим товарный фильтр. Это очень хорошо. По нему есть некоторые мысли. В выпадающем списке «Производитель» по-умолчанию стоит «не выбрано», хотя логичнее было бы там увидеть «Любой». В списке «Сортировать по» по-умолчанию хочется увидеть «Весь список», «Все» или еще что-то. Хотя соглашусь, что в этом случае не все так однозначно как в случае с производителем, поэтому можно оставить и текущий вариант.

2. Далее список товаров.
Отличная новость – посмотреть увеличенную фотку можно, не заходя в карточку товара. Гут!
Жмем на HEINZ – читаем описание производителя. Гут!
Шрифт в графе «Цена» – возможно маловат.
Кнопка «добавить в корзину» – катастрофически ужасна:) Она огромная, иногда даже больше картинки самого товара. И их много подряд на странице. Не гут!
Кликаем на выбраный нами товар, чтобы узнать о нем подробнее. И понимаем, что ничего более подробного нам о нем не расскажут. Еще в списке товаров я могу посмотреть большую картинку, производителя, цену, и могу заказать. Все тоже самое могу сделать и в детальном. Ничего нового. Зачем тогда нужна карточка товара?

3. Попробуйте добавить в корзину товар. Что мы видим? Да, окно с надписью «чЩВЕТЕФЕ ЛПМЙЮЕУФЧП», и две кнопки, на одной написано «пФНЕОБ», на другой «ОК».

4. Левое меню на вторых страницах.
Оно не читается. Пункты сливаются.
Чтобы увидеть подпункты мне надо нажать и подождать пока перезагрузится страница. Это возможно, когда разделов в левом меню не так много. Но когда их 20 и более это уже совсем не удобно. Вы скажете, что у нас есть выпадающий список в верхней части страницы, где представлены подгруппы. Верно! Но левое меню тогда просто не нужно. Либо нужно раскрыть все разделы по-умолчанию, либо сделать его на AJAX.

5. Копирайты.
На сайте только в разделе «О компании» можно узнать, что он принадлежит ООО «Контакт-центр «ТЕЛЕМОСТ», там же указан и адрес. Логично было бы вынести эту информацию в футер сайта, который кстати абсолютно никакой. Многие именно там ищут копирайты, телефоны, майлы и тд.

Этот сайт неплохо раскручен. Например он находится на 1 месте в Яндексе по запросу «товары для детей» и имеет больше 3000 посетителей в день.

Не сложно представить, насколько могут увеличиться продажи этого сайта, если его привести в порядок.

Пройдемся по детским товарам :)

Cайт магазина «Нафаня Экспресс-служба».
Про графику ничего говорить не стану. Это вещь субъективная. Что касается удобства.
Давайте прямо сверху и начнем.

Главная страница.

1. Телефону в логотипе очень тесно, поэтому он с ним сливается и его не заметно. Сразу я его не увидел, даже когда специально стал искать.

2. Голубой шрифт меню на голубой градиентной плашке. Плохо читается. Приходится напрягаться.

2.1. Жаль что меню сделано картинками. К тому же при наведении не подсвечивается и не подчеркивается. Неудобно. То что это ссылка должно быть понятно при наведении.

Почему обычно несмотря на все попытки переубедить заказчики просят дизайнеров сделать меню в виде плашек, кнопочек и картиночек? Видимо, для больше выразительности и яркости. Это очень сомнительно, особенно в данном случае. Меню на этом сайте – яркий пример, как делать не стоит.

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

4. Блок «Акции». Он пустой. Зачем тогда выводится на сайте?

5. Справа блок «ТОП Брендов». Во-первых TOP-10 Брендов. Во-вторых, зачем так много на главной?

6. Центральный каталог на главной. Иконки наверное нужны, чтобы визуально разделить большое количество монотонных столбиков ссылок. Но не такие. Они не узнаваемы, не запоминаются. Лучше сделать их более четкими, либо вообще убрать – хоть воздуха больше будет.

7. Табы – «Товары недели» | «Скидки» | «Новинки» – сделаны текстом, это радует:)
Переключаются очень долго.
Сетка из линий разделяющих блоки – мешает.
Названия ни о чем не говорят. Вместо «Step-2″, «MOROZCO», «KHW» и тд. заголовком должны быть человеческие названия «Детская площадка», «Рождественская ель», «Деревянные санки» и тд.
Старая цена и новая – сливаются. Старую нужно сделать другим цветом.

8. Текст в футере сайта – ужасен. Ясно, что он сделан для поисковых роботов. а не для человека.

9. Зачем три счетчика?

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

Чуть позже – о вторых страницах.

Привет!

Многие скорее всего видели сайт www.actis.ru.
Студия крупная, занимает второе место в рейтинге TOP-100 ведущих студий за 2007 год, конечно ей в достаточной мере все равно, что думают окружающие:)

Стилизация под журнал понятна. Получилось красиво и качественно.
Удобно ли? Сомневаюсь.

Главная страница

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

На самой главной странице достаточно тускло видны названия разделов. Все элементы настолько одинаково яркие, что вычленить взглядом какой-то один довольно сложно. Найдите-ка ссылку на карту сайта!:)

Когда сложно что-то найти на сайте – нам поможет карта сайта, так ведь?:)
Нашли? Нажимайте!
Боюсь, что легче не стало.

На вторых страницах такая же пестрота, что и на главной. Очень мешает воспринимать информацию.

С другой стороны, если это работает и это временно, то почему бы и нет:) Actis может себе такое позволить. Но скажу честно, я ушел с этого сайта довольно быстро, так и не узнав всего, что искал.

Вывод хочется сделать один.
Все должно быть просто. Юзабильность не должна страдать за идею. Да и не стоит сильно уходить от привычных правил.