я не являюсь дизайнером, а представляю Заказчика (курирую проект)
в настоящее время моя контора ведет разработку интернет-магазина, где планируем продавать книги, диски... короче как всегда.
после долгих споров, мозговых осад и варварских набегов на сайты конкурентов мы родили прототип дизайна главной страницы (не сами конечно, а путем упорного издевательства над дизайнерами).
Просьба к Вам пройтись по:
- usability
- дизайн
- высказать личное мнение
- подсказать как быть, если все плохо
просьба учитывать, что:
- оптимизация под 'нетрадиционные' броузеры еще не проводилась
- кардинально концепт менять не будем
- некоторые детали не прорисованы набело или просто отсутсвуют (дно к примеру)
- страница вытянется вниз за счет добавления товара
с уважением, kos
Последний раз редактировалось: NewsThief (Вт Июн 22, 2004 11:00 pm), всего редактировалось 1 раз
значица дело такое...
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 раз переделывать и доделывать пропущенные моменты типа пропущеного выделения активного пункта меню... это вызовет конфликты.
Забыл еще пункт. Не идите на поводу у рисовальщика. Не смотрите макеты с одинаковым товаром и одинаковыми описаниями. В жизно они разные. Сделайте куклу будущего наполнения шопа достаточно большую по количеству единиц товара что бы составить впечатление цельное. Разные картинки, разные описания. Что бы ваш макет не только с серой и синей обложкой смотрелся, но и с малиновым экземплярчиком. И с болеее квадратной картинкой диска...
!! не обращаем внимание на правый верхний угол "пользователь..."
!! не обращаем внимание на отсутствие дна
!! не обращаем внимание 3 ссылки "помощь, контакты, корзина" в шапке (там будут телефоны, icq)
!! не обращаем внимание на лишние кнопки в подробном описании
!! не обращаем внимание дурацкую красную кнопку (что она значит никто не знает)
Добавлено: Пн Июл 05, 2004 9:20 am Заголовок сообщения:
Ну-с, поехали.
Морда
1. Кнопочка "отправить в корзину" мерзенькая. Я о ней давно хотел пофилософствовать. Отдельно напишу. Но суть кратко в том, что она похожа на кнопку информации (если я правильно понял эту квадратную кнопку с I) Зачем вообще нужна эта I? Если человек хочет посмотреть на товар поближе, то он в него просто тычет. Если есть желание сделать уме отдельную кнопку/ссылку насчет посмотреть товар поближе, то уберите это в сторону от кнопки КУПИТЬ. Под картинкой у вас как раз место осталось. Вкатать туда ссылоку "подробнее"
2. не видно в каком мы разделе находимся сейчас. меню не подсвечено. но для морды это простительно
на остальные недостатки описаные выше как сказано внимания не обращаем
Категория ака список товаров
1. вот кто мне объяснит чем кнопка "взять" отличается от кнопки "отложить"? То есть я понимаю, но так ли она, эта "отложить" необходима? Тут надо вдумчиво, от товара зависит. Я с книгами дела не имел, но на глаз мне кажется это ерунда.
2. не вредно делать сортировку и то чего нет в продаже убирать вниз.
3. каегория заняла много страниц, а полоса прокрутки по страницам убрана вниз. С одной стороны это разумно, так как пусть кастомерсперва почитает все что нашлось прежде чем идти на следующую страницу, но сдругой стороны при беглом взгляде он может просто н заметить чоесть еще сраницы. Стоит повторрить ее сверху или хотя бы нписатьтам что это сраницы №Х из У имеющихся.
4. есть коментарий "всегда в наличии" и есть " в продаже отсутствует". То есть подразумевается что существует еще градация "в продаже случается, сейчас есть?"
Карточка товара
1. Раньше мне казалось чо я понимаю что означаеткнопка I. Но судя по тому что она сидит внизу на карточке товара мне так уже не кажется.
2. кнопки бай две. Внизу и вверху. Это правильно. Но почему они разные? Что бы я угадывал чем они отличаются?
...про красную кнопку ни слова...
3. внизу есть окошко "оставить отзыв" Это хорошо, если не считать того что кастомеры ленятся оставлять отзывы и их придется писать самому. Но... а где посмотреть на оставленые отзывы? Что-то там нет ссылки нигде.
Текст
1. с ним всегда все хорошо ибо его никто никогда не читает. Но с ним есть одна деталь. Порой целесообразнее делать его на отдельной странице вообще без меню и открываь по клику в новом окне. Маленьким. Что бы не загораживало то, что нам надо. Сам магазин. Посмотрите как это сделано у macys.com, попробуйте в процессе покупки ткнуться в правила возврата товара.
ну и общее замечание: ценное место в магазине разбазаривается за счет шапки.
Добавлено: Пн Июл 05, 2004 10:04 am Заголовок сообщения:
отбиваюсь как могу:
морда
1. неужель "купить" так ужасна. это субъектив или основано на секретных знаниях о том как форма и цвет пиктограммы влияет на покупательскую способность I добили, уберу сейчас
2. как в каком? мы только зашли, зничит мы на главной
список товаров aka категория
1. поверьте это надо
2. сортировка будет (По цене, по рейтингу, по алфавиту, по дате, по бестселлерам) будет переключатель показывать товары, отсутствующие на складе да/нет
3. хм... наверное добалю индикацию наверх
4. ну это же макет
Карточка товара
1. об этом было не внятно сказано
Цитата:
!! не обращаем внимание на лишние кнопки в подробном описании
случайно затесались
3. отзывы (если вдруг они будут) будут отображаться в теле страницы
текста будет много, я против того, чтоб его в поп ап запихивать.
Добавлено: Пн Июл 05, 2004 10:52 am Заголовок сообщения:
Kos, это если по тайп-ину зашли, то очевидно сразу на морде. ГНо вот смотри, я хочу купить никгу "вся королевская рать". Я ищу ее на Яндексе И сколько там морд среди ссылок?
С сортировкой я имел ввиду по умолчанию что будет выставлено - имеет значение.
А "купить" да, ужасна.
Понимаешь, кнопка КУПИТЬ это самая важная кнопка на странице. Она должна с одной стороны выделяться, а с другой все же вписываться в дизайн. Хорошим приемом служит в частности использование овальной кнопки если весь остальной сайт сделан квадратиками.
И еще. Забудьте пиктограмы. Они нужны когда места мало, а показать надо много. Или используйте общепринятые. Совсем общепринятые, ставшие стандартом. Выдорождные знаки видели? Вы себе представляете какой бардак наступит если знак пешеходного перехода каждый будет рисовать по своему, посвоим разумениям о дизайне. Нет, у всех будет изображена типа зебра, но у каждого своя... Очевидно что бред? Так почему вы считаете допустимым изобретать свои пиктограммы для обозначения покупки? Берите что-то общеприняое или уже вообще отходите от картнок и используйте надпись КУПИТЬ.
Конечно все это ерунда. Если кто-то хочет купить, то он в ваших кнопках разберется. Но тут тонкая грань. Быстрее щелкнет, завтра вернется... все это мелочи, каждая из них на полпроцента, но в сумме набегает.
А про попап - это смотря какой текст. Вы уверены что хотите облегчить кастомеру чтение того, как вернуть товар?
Добавлено: Вт Июл 06, 2004 4:10 am Заголовок сообщения:
про "купить" все понял - буду менять...
еще встает вопрос про поиск. планируется 2 поиска: везде и атрибутный (поиск по определенному параметру или их набору типа того http://www.ozon.ru/?context=advsearch_book). со вторым все понятно, а вот как быть с поиском в одну строку не понятно, толи пусть ищет ваще везде и выдает ссылки, либо его зарезать только на товары, либо делать смешанный шаблон для текста и товаров в одну кучу. как разумнее организовать поиск в шопе?
Зарегистрирован: 03.07.2004 Сообщения: 144 Откуда: Russia
Добавлено: Пт Июл 09, 2004 4:55 am Заголовок сообщения:
Mauser писал(а):
Кнопочка "отправить в корзину" мерзенькая. Я о ней давно хотел пофилософствовать. Отдельно напишу
Ну и где?
Я давно хотел спросить - почему на наших шопах кнопка "Buy" сделана картинкой, а не текстовым линком через css?
Ответ будет наверное типа такой шаблон, тогда как лучше и почему _________________ Куда слить экзитный трафик Сigarettes & beer is a poison! ~ пиво и сигареты – это ЯД'ъ!
Вы не можете начинать темы Вы не можете отвечать на сообщения Вы не можете редактировать свои сообщения Вы не можете удалять свои сообщения Вы не можете голосовать в опросах
FAQ
Поиск
Пользователи
Группы
Реклама
Регистрация
Профиль
Войти и проверить личные сообщения
Вход
)) это не сайт. Это макет! 