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

посмотреть можно тут

Просьба к Вам, о великие, пройтись по:
- usability
- дизайн
- высказать личное мнение
- подсказать как быть, если все плохо

просьба учитывать, что:
- оптимизация под 'нетрадиционные' броузеры еще не проводилась
- кардинально концепт менять не будем
- некоторые детали не прорисованы набело или просто отсутсвуют (дно к примеру)
- страница вытянется вниз за счет добавления товара

с уважением, kos

- линии сетки очень навязчивы
- меню все как-то разбросано и теряется
- Непонятные псевдотени в самых неожиданных местах
Оценка 3- по пятибальной системе.

Для поиска выделено довольно много места, но сама поисковая строка имхо могла быть и подлиннее
"Сегодня в продаже" я бы поменял местами с меню "Помощь", "Контакты" и "Корзина".
Про "добрый день, уважаем.." вам тут ещё наверняка скажут.. место под фразу уходит, а ЗАЧЕМ??? Юзабилити страдает.
Ну, с юзабилити закончили, дизайн пропустим, ибо тут его почти нет, личное мнение: убого и слишком по-детски, леповато выглядит.
Все эти градиенты нелепые..
нет, определённо я бы на вашем месте сделал редизайн. Хотя бы профессионалам заказал.. или ЭТО делал профессионал???

мда, какие-то профессионалы у вас хреновенькие...

хорошо:
зеленая плашка с названием компании;
"поиск" на сомом видном месте.

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

может это проблоемы верстки, но они есть. просматривалось в Опера7.23
кстати, кодировка сразу не определилась :((

нда, никак, а эти ломаные и сетка просто отстой полный, с цветастостью переборщили.

господа, можете ли подсказать пути устранения недостатков?
к сожалению, вариант 'закажите редизайн у меня' в данном случае не поможет

есть вариант - не продолжать
Ты в аське бываешь?

бываю
сейчас я там:)

шапка никакая

Цитата:

Просьба к Вам, о великие, пройтись по:

средненький такой... но жить будет...

добавить пару промо - блоков бестселлеров
линку … -как сделать заказ - поднять выше линии сгиба

переборщили с тенями-вырезами... лучше половину убрать

убрать слово уважаемый(ая)… - нелепо и серо звучит...

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

понравился только цвет - салатовый.

сайт на помойку, т.е. в корзину!

оно не поможет магазину продавать.

В стартовую.

1. Убогие тени и обкусанные углы.
2. Неудачно скомпонованный блок "Новинки".
3. Чрезвычайно неудачная иконка для "корзины".
4. Навязчивые линии.
5. Печальное качество верстки.

Сюдаhttp://www.ozon.ru/context/book/ добавлены цветные плашки и ломанные линии.
По навигации мне больше импонирует стиль http://www.bolero.ru

kos, значица дело такое...
1. говорить о сайте магазина если не сказано что мы продаем - пустое дело. Книги, диски это конечно описание, но недостаточное. Диски какие? Софт? Музыку? Книги какие? Это очень важно все для шопа.

2. говорить об этой странице вообще сложно, так как на ней у вас абы что. Как морда она плохо подходит. Ибо...
2.1. под блоки новинок товара отведено по 1/16 экрана и на самом распространенном размере-разрешении нормально войдет 4-8 новинок. Но …. ассортимент хорошего книжного+дисокв тянет под 30000. У вас просто новинки туда не влезут.
2.2. Но зато новинки занимают прлично места и навигации на морде оного места стало мало. Если я пришел купить у вас диск Джима Морисона, то куда мне ломиться? В левом меню искать путь к счастью? Но эта... оно у вас какого ращмера то будет?
2.3. Поиск в книжком магазине это вообще отдельная тема. Сильно отдельная. Скажем я хочу купить книгу Роберта Пенна Уоррена "Вся королевская рать" Проблема в том что я видел два издания на русском языке. В одном автор Воррен, а во втором - Уоррен. И я еще знаю как это пишется по-английски. А как искать тому кто только слышал название? Или вернемся к Моррисону. Кто сходу сможет написать его фамилию по-английски? По-русски? И вообще что искать? Doors может быть? так что окошко поиска просто строчкой это решение не для книжного. Сильно не для книжного. То есть такое допустимо, но вам потребуется что-то вроде такого: http://www.ozon.ru/?context=advsearch_book

3. вообще то что вывешено у вас - просто клон Озона. Сами посмотрите http://www.ozon.ru/context/book/ Если не считать того что в правой колнке у Озона блок с бестселлерами, а у вас с какими-тио непонятно кому нужными новостями (покупатель к вам пришел новости читать или покупать?) в остальном лейаут мягко говоря похож. Недостатки Озона сохранены (их совсем немного) , однакож добавлены свои (типа этих самых новостей)

4. не совсем понятно назначение ссылки "помощь" что справа-вверзу, тем паче что снизу-справа есть тоже "Помощь" Это разные помощи?

5. вообще показывать у шопа надо не морду, а страницы с товаром. Причем в версиях для ДО логина и После логина.

6. 13% экрана занято названием шопа, корзиной и предложением зарегестрироваться. Тут вопрос. Ибо следующие 13% заняты поиском, количеством всего товаров в шопе (думаете это правда так важно что надо сунуть на самый верх?) и.… ссылками на корзину опять(прямо рядом с той), этой таинственной Помощью и, почему-то, Контакты. (о них позже). Причем сам поиск куда уже этих 13%. Получается четверь экарана занята продублированными дважды вещами. Может сложить их покомпактнее высвободив столь ценое пространство инет-магазина?

7. О контактах. У вас инетмагазин. Вы не хотите видеть у себя в дверях толпы кастомеров, но обойтись без телеыфона будет затруднительно. Тогда почему бы не дать номер телефона сверху в открытую, а вот уже все прочие контакты спрятать внизу за ссылкой контакты. Кому надо - найдет. Кому не надо - не будет мучаться. А кастомер сможет легко позвонить. Не хотите звонков тоже? Тем паче уберите Контакты вниз.

8. В приведенном рисуночке система поприветствовала меня как Иван Ивановича. И там меленько предлагает мне из системы вйти. Однако.… справа вверху она меня же приглашает залогиниться. Выберите что-нибудь одно. Я или ИН или АУТ. Предлагать мне и то и то одновременно как-то нелогично.

9. Под предлажением залогиниться висит удивительного виду надпись. "Забыли пароль? Зарегестрироваться." По разноцветию судя у меня сложилось впечатление что "Забыли пароль" ссылкой не является. Тут или разнобой в цветах служебных или какое-то предложение: "забыл пароль? Ну забей и по новой регистрируйся." Тоже вариант, но немного странноватый. Тогда можно просто убрать слова "Забыли пароль?"

10. Левое меню хорошо, но... а де я находжусь? Повидимому раскрыт пункт меню Каталог, но это никак не выделено зрительно. Судя по голубой надписи сверху я в блоке Новинок. Или.. я все же на морде сайта куда вывалены новинки? Не понять...

11. Диски-Музыка-Кассический Джаз-Джордж Гершвин - Summertime. 5 уровней вложений. Вы как это планируете вписать в левое меню? Или с другого конца. Если у вас 34338 единиц товара и будем считать что кастомер умрет ждать загрузки страницы с более чем 15 товарами, пункт меню содержит не более 20 единиц подменю, то у нас получится влоденность как минимум в 4 уровня. А на прведенном примере меню слева всего два. Как вы туда впишете еще два? Модет быть вписывать его не туда? Но что-то надо думать.

12. Немного сомнительно выглядит совпадение иконки самой корзины с кнопкой "Купить". Да и сам иконка несколько сомнительна. "Купить" это самое важное. Оно долждно быть а) недвусмысленно, б) четко, но не раздражающе выделено из общего фона. Попросту говоря кнопка "Купить" не должна быть похожа НИ НА ЧТО ИНОЕ на сайте.

13. ну и традиционные грубости при показывании магазина на оценку уже зае... замучавшие в общем. Надо показывать страницу товара. Надо четко показывать страницу категории. В конце концов надо как минимум пояснить что за страница показанная (логин - не логин, категория, морда...)

14. А хде рубрика Бестселлеры? (наиболее ходовой товар надо что бы кастомер непременно увидел) А как будут реализованы апсейлы? А кастомеры которым интересен этот товар так же интерсуются тем-то?

вот.… покритиковали. Перейдем к конструктивной части.

Первое что вам надо - брать руль в свои руки. Ваш исполнитель ни уха ни рыла в шопах. По пунктам:
1. Плюйте жирной слюной на рунет и дуйте в шопы кножно-дисковые на западе. Они тоже нередко дерьмо, но уже обкатаное временем. Там-сям побегаете, нахватаетесь мыслей.
2. Попокупайте что-то в шопах этих. Следите за проблемами. Если вы зависли более чем на секунду - отмечайте что вызвало зависание. Покупая идите несколькими путями. "Вот я пришел прикупить кногу по цветоводству, о разведении гладиолусов..." или "Вот я пришел купить книгу "Детская болезнь левизны в коммунизме" некоего В.И. Ленина." и так далее.
3. вернитесь на ваш макет и повыкидывайте все лишнее из него вниз. И все чего нехватает - добавьте наверх.
4. А потом как с мебелью. Двигайте Думайте как расположить. В разных ситуациях.

Ряд простых правил ставших традициоными.
1. Корзина и чекаут - сверху справа.
2. Телефон сверху, если страница большая можно дублировать снизу.
3. на экране ВСЕГДА должна быть кнопка "купить" кроме тех слачаев когда логически товара на страице быть не должно (поиск, служебная информация...)

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

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

Pgprint, ну и разбор...

УХ ТЫ!
p.s. это я pgprint ^)

Pgprint, это было круто!
мой респект. Вы единственный человек, который сказал что-то аргументированное.
обязательно приму во внимание Ваши слова.

Pgprint, вау =)

kos, мое видение решения проблеиы:
перво-наперво убрать все тени и градиенты. Полоску с лого сделать просто зеленой, без градиентов, без непонятных белых вырезов. Так же сделать и со всеми полосками в новостныз оглавления и названиях товаров. Т.е. деать только основный цвета. блин... как-то криво объясняется...

ну типа этого http://www.cdsell.ru/sprint.gif - это чисто мое ИМХО, может большинство не согласится.