Интернет-магазин ВК от Пятого измерения

В Пятом измерении сделали интернет-магазин для компании ВК.

Интернет-магазин ВК Кемерово

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

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

Интернет-магазин ВК Кемерово

Не совсем понятно, почему сделали сортировку только по цене, платформа-то точно позволяет делать множественные фильтры. А еще, хочется ругаться из-за того, что ссылки с пунктирным подчеркиванием переносят нас на другую страницу. Но это я уже придираюсь, правда? ;)

Раз магазин, надо брать!

Интернет-магазин ВК Кемерово корзина

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

Поделиться

Интернет-магазин ВК от Пятого измерения: 35 комментариев

  1. Константин

    Еще круче. Кнопки «Купить» вообще нет. Надо догадаться, что вот эта тележка — это то, что нужно. По ней еще попасть надо. И опять ничего не происходит после нажатия. И корзина тут за тобой не бегает прикрепленная к верху экрана, а значит, ее еще сложнее найти (сам факт того, что ее в принципе надо искать, уже понижает конверсию). Такое ощущение, что ребята делают магазины, в которых продавать не планируется в принципе. Есть каталог — и слава Будде.

    Thumb up 0 Thumb down 0

  2. Ёжик

    Константин, где именно нет кнопки «Купить» и где именно ничего не происходит после нажатия?

    Thumb up 0 Thumb down 0

  3. Илья Горбаров Автор записи

    2Ежик, не происходит ничего визуального, чтобы у пользователя не возникало вопросов. «А положилось ли в корзину?», «а может еще разок нажать?» и т.п.

    Thumb up 0 Thumb down 0

  4. Константин

    2Ёжик. Напротив товаров нет большой, яркой и внятной кнопки с надписью «Купить». Вместо нее всплывающая иконка с тележкой. Поди догадайся. Про визуальное подтверждение уже Илья написал.

    Thumb up 0 Thumb down 0

  5. Карабас-барабас, никакой не контрабас

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

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

    Thumb up 0 Thumb down 0

  6. Константин

    Откройте любую книгу или статью по интернет-магазинам (или юзабилити в принципе) от любого известного и уважаемого вами лично автора.

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

    Thumb up 0 Thumb down 0

  7. Алексей Викторович

    «Откройте любую книгу или статью по интернет-магазинам (или юзабилити в принципе) от любого известного и уважаемого вами лично автора.»

    Каким бы известным и уважаемым не был автор, это не значит, что любое его мнение, основанное на непонятно чём, является правильным.

    Есть очень хорошая книга за авторством Стивена Круга «Как сделать сайт удобным: юзабилити по методу Стивена Круга», которая говорит о том, что является сайт хорошим в плане юзабилити или плохим, можно определить только в результате тестирования продукта на случайных пользователях. То есть берём, к примеру, 10 случайных человек, и предлагаем им сделать несколько заданий, связанных с теми целями и задачами, для которых предназначался сайт. И на основании этого тестирования делать выводы.

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

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

    Я рад принять эту точку зрения. Но если это мнение высосано из пальца по типа «Вот я так думаю, значит это правильно», а не было протестировано на людях, то зачем этому верить? Я тоже могу много чего понапридумывать и выкладывать на всяких сайтах типа «Ловим сетью» или lifehacker. Только это не будет проверено практикой, а значит практической ценности не будет иметь.

    Thumb up 0 Thumb down 0

  8. Анонимный эксперт по сайтам

    Во-первых, полностью с Константином. Сайт абсолютно не «продающий» и не соответствует общепринятым мировым стандартам интернет-маркетинга.
    Что еще можно добавить по «косякам»: кнопка «Купить» находится под товаров, а по делу должна быть над товаром, так как это значительно повышает конверсию (пользователь сразу видит функциональную возможность покупки и уже обдумывать возможность). Также на фотографии при наведении я бы добавил также кнопку «Купить», так как блок занимает значительную и при этом не несет никакой функциональной нагрузки.
    По верхнему меню и корзине: я примерно накидал как я вижу функционал, чтоб длинно не писать — http://imglink.ru/show-image.php?id=65aad87787b450ece7500edf4bfb3a4a.
    По страницам вообще: телефоны мелковаты, я не знаю вообще куда заказчик смотрел. Логотип компании тоже можно побольше (все же бренд, он есть бренд).
    Вообще по дизайну: унылое градиентная серость, не хватает цветовых пятен, которые бы привлекали внимание пользователей. На сайте недостаточно анимации, как бы 2012 год на дворе.
    При беглом осмотре пока все.
    И если позволит автор блога, небольшой пиар — провожу аудит сайта с рекомендацией к улучшению, пишите — webexpert42@mail.ru.

    Thumb up 0 Thumb down 0

  9. Константин

    «В качестве одного из средств вы предлагаете использовать двигающуюся корзину…»

    Ничего подобного. Я говорю о том, что если после нажатия кнопки «Купить» на сайте ничего не происходит, то моя мама, например, будет считать, что сайт не работает и купить ничего нельзя.

    Проверять надо не на случайных людях, а на представителях целевой аудитории. Причем не на продвинутых пользователях (которые при желании справятся с любым корявым интерфейсом), а на людях далеких от этих ваших интернетов. Которые покупают что-то в сети в первый раз. Если справятся они, значит, за остальных можно не переживать.

    Посмотрите на отработанные и протестированные интерфейсы интернет-магазинов: Ozon, например. Кнопка «Купить» после нажатия превращается в кнопку «Открыть корзину». Все просто и наглядно. Положили в Корзину, теперь можно ее открыть и оформить заказ. или дальше ходить по магазину.

    Мне странно, что приходится объяснять такие очевидные вещи. Любой механизм должен давать пользователю понять, что действие совершенно. Представьте себе, что ваш чайник никак не реагирует на нажатие кнопки Вкл. Вот поди разберись — включился он или нет. Через пять минут пришел на кухню заварить чая, а он гад такой холодный стоит. Удобно разве?

    Thumb up 0 Thumb down 0

  10. Алексей Викторович

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

    Я сейчас про это говорю, а не про действия после нажатия кнопки.

    Thumb up 0 Thumb down 0

  11. Tiger-off

    Стивена Круга не знаю. Знаю только Михаила Круга. Владимирский централ, ветер северный, Этапом из Твери, зла немерено…

    Thumb up 0 Thumb down 0

  12. Tiger-off

    Константин, можно сунуть палец в чайник!!!
    Анонимный эксперт по сайтам, ты сам то чьих будешь? Дизайнер иль программист?

    Thumb up 0 Thumb down 0

  13. Rustam Shadjalilov

    1 — как ни странно у меня кнопочка купить в каталоге реагирует. И даже надпись меняется, что уже добавлено в корзину. Вот только цвет надписи блеклый и анимация уж больно неприметная. Сделать бы поярче надпись, и анимацию кнопки побольше — было бы всё вообще замечательно. Так что тут мне кажется зря на разработчиков грешите.
    2 — а вот катающаяся за мной корзина — это и правду было бы хорошо. Ну и желательно не просто количество товаров и сумма, а что конкретно я туда положил.
    3 — очень жалко что производители сделанны просто списком, а не чекбоксами, что бы можно было сравнивать и выбирать из нескольких производителей. ну и не логично они как то из общего фильтра внешне выделяются. Хотя выполняют часть того же функционала. Разместить их красиво в общем фильтре, и тогда слева бы няшно могла кататься за мной корзина.
    4 — Блок Автомобиль Марка Модель Год выпуска Модификация у меня вообще не работает. :(
    5 — ну и не хватает вилки цен. Ну вот я жмот мне не нужны шины дорожи 2,5 тысяч. Зачем мне в общем ворохе поиска на них смотреть?
    6 — текст на текстовых страницах ацки мелкий. И вообще тёмно серый шрифт на светло сером фоне не особо контрастен и читать не приятно
    7 — Ссылка «Продолжить покупки» сделана ссылкой на предыдущую страницу в истории. Не логично, лучше сделать ссылкой на каталог, с запомненным последним фильтром.
    8 — удаление позиций из корзины проходит с перезагрузкой страницы, а можно было и аяксом сделать. смотрелось бы и юзалось приятнее.
    9 — при изменении количества объектов в заказе стрелочками красиво пересчитывается цена, но это нифига не сохраняется если снова уйти на каталог. Возвращаясь в корзину снова вижу пятую шину, которую я убирал.
    10 — нет страницы контактов. Как-то непривычно прям. Вроде все её функции разнесены понятным образом по другим пунктам меню, но всё же чувствую себя не уютно, если нет страницы, где можно посмотреть скопом все адреса телефоны и прочее.
    11 — ну и названия жутко бледных мелко серых пунктов основного меню выбраны не очень:
    Каталог товаров — логичнее написать Каталог шин, так как кроме них там всё равно ничего нет и судя по фильтру не предвидится.
    О Магазине, Наши магазины — Так магазин 1 или несколько? Лучше было назвать — «О нас» и уж тогда дальше «Наши магазины» на первой странице разместить общую информацию и основные контакты, а на второй контакты и схему проезда для каждого из филиалов
    12 — Голосовой поиск прям ахиренен — я прям ввосторге, что реально распознаёт всё!!! Хочу знать как такое делать!!!
    Но блин, не доработали косяк с плейсхолдером, к которому прилепляется результат распознования речи. :( И вообще можно сразу после распознавания уходить на поиск указанных параметров. если уж человек ищет голосом, ему явно впадлу лишние кнопки нажать.

    Thumb up 0 Thumb down 0

  14. Илья Горбаров Автор записи

    Какой голосовой поиск, ты о чем?

    Thumb up 0 Thumb down 0

  15. Альйоша Викторович

    «2 — а вот катающаяся за мной корзина — это и правду было бы хорошо. Ну и желательно не просто количество товаров и сумма, а что конкретно я туда положил.»
    Зачем? Если бы я шины покупал, то я вроде не настолько страдаю склерозом, чтобы забывать, что я купил.

    «10 — нет страницы контактов»
    Есть, просто называется не «Контакты»

    «12 — Голосовой поиск прям ахиренен — я прям ввосторге, что реально распознаёт всё!!! Хочу знать как такое делать!!!»
    Такая фича есть только в Google Chrome, и есть она, если мне память не изменяет, как минимум с начала 2011 года.

    Thumb up 0 Thumb down 0

  16. Rustam Shadjalilov

    Как какой? Вот этот http://clip2net.com/s/2zzgl
    Кстати, кнопочки я бы местами поменял. а то кнопка поиска стоящая до поля для ввода поискового запроса меня прям шокирует

    Thumb up 0 Thumb down 0

  17. Альйоша Викторович

    «кнопка поиска стоящая до поля для ввода поискового запроса меня прям шокирует»
    А меня вот этот дядя шокирует, но это лично мои проблемы http://s019.radikal.ru/i620/1212/25/596d7c2247fa.jpg

    Thumb up 0 Thumb down 0

  18. Rustam Shadjalilov

    2Альйоша Викторович
    «2 — а вот катающаяся за мной корзина — это и правду было бы хорошо. Ну и желательно не просто количество товаров и сумма, а что конкретно я туда положил.»
    Зачем? Если бы я шины покупал, то я вроде не настолько страдаю склерозом, чтобы забывать, что я купил.

    Если есть возможность сделать лучше, почему бы не сделать? Я склеротик и я пользователь сайта, мне это НУЖНО, остальным удобно, почему бы не сделать?

    «10 — нет страницы контактов»
    Есть, просто называется не «Контакты»

    Ну я о том и написал. Причём называется не удачно и нифига она не заполнена.

    «12 — Голосовой поиск прям ахиренен — я прям ввосторге, что реально распознаёт всё!!! Хочу знать как такое делать!!!»
    Такая фича есть только в Google Chrome, и есть она, если мне память не изменяет, как минимум с начала 2011 года.

    А можно ссылку и всё такое на инструкцию по созданию? Хочу у себя так же сделать. Просто я эту фичу заметил впервый раз на реальном сайте. Хотя ладно, не напрягайтесь, погуглю, как гугл делает голосовой поиск в гугл хроме.

    13 — «кнопка поиска стоящая до поля для ввода поискового запроса меня прям шокирует»
    А меня вот этот дядя шокирует, но это лично мои проблемы http://s019.radikal.ru/i620/1212/25/596d7c2247fa.jpg

    Проблемы пользователя сайта, это проблемы сайта. Им нужно что бы я купил, а не мне искать возможность как купить у них.
    Я вот искренне не вижу, что это кнопка, она не отделена хотя бы серенькой вертикальной чертой. Я её считаю частью плейсхолдера и без задней мысли щёлкаю по ней, и за коим то фигом вместо возможности ввода поискового запроса вижу как сайт мне зачем то ищет «Поиск по каталогу» на сайте. Я ведь не только браузером пользуюсь но и мобильными приложениями и десктопным софтом. И привык что так выглядит иконка поиска, но никак не сама кнопка «Найти»

    Thumb up 0 Thumb down 0

  19. Илья Горбаров Автор записи

    Альйошка, я бы рекомендовал вам воздерживаться от просмотра таких картинок. Это же еще надо найти такого отвратительного.

    А вот сайты все смотрят, это не гей-порно.

    Thumb up 0 Thumb down 0

  20. Альйоша Викторович

    «Если есть возможность сделать лучше, почему бы не сделать? Я склеротик и я пользователь сайта, мне это НУЖНО, остальным удобно, почему бы не сделать?»

    Потому что проблема высосана из пальца, не более.

    Thumb up 0 Thumb down 0

  21. Альйоша Викторович

    2Илья, я воздерживаюсь :)

    Thumb up 0 Thumb down 0

  22. Rustam Shadjalilov

    «Потому что проблема высосана из пальца, не более.»

    Я не говорю, что это обязательный вариант. Но так было бы удобнее.
    Ну или в надписи «добавлено в корзину» слово «корзину» сделать ссылкой на корзину.

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

    Ну и на моём 17 дюймовом мониторе с разрешением 1024*768 последняя позиция на странице каталога (выводится по 25 шин — 3 в ряд — итого 9 рядов) находится на 7 прокрутке. не имея кнопки вверх и прямой ссылки на корзину в зоне видимости, мне придётся снова крутить страницу на самый верх,а это утомительно и не пользователеориентированно.

    Thumb up 0 Thumb down 0

  23. nibo

    2эксперт по сайтам:

    > общепринятым мировым стандартам интернет-маркетинга
    Чему-чему?))

    > кнопка купить должна быть над товаром
    Они никому ничего не должна. Ей место под товаром.

    > Логотип компании тоже можно побольше
    А со шрифтами не поиграться?))

    > На сайте недостаточно анимации
    ))) Анимации? На сайте интернет-магазина?))

    Thumb up 0 Thumb down 0

  24. Tiger-off

    nibo, ты кто такой ваще? Эксперт сказал, что кнопка должна быть сверху!!! Какие у тебя могут быть основания не доверять мнению эксперта? Сначала сам стань экспертом, а потом пиши, эксперт!!!

    Thumb up 0 Thumb down 0

  25. Анонимный эксперт по сайтам

    2nibo:
    Если вы не понимаете суть дискуссии, о чем можно говорить. Почитайте статьи авторитетных авторов. Тогда у вас не будет никаких вопросов про положение кнопки «Купить».
    «А со шрифтами не поиграться?))» По шрифтам отдельный разговор, абсолютно визуально не отработанные сочетания: серые буквы на сером фоне — и это у современных разработчиков.
    По анимации: в чем проблема разбавить унылость достойной флеш-фнимацией, например http://www.shinansk.ru (тоже не идеальный сайт в плане продающей направленности, но в дизайне есть достойные вещи).

    Thumb up 0 Thumb down 0

  26. Rustam Shadjalilov

    2Анонимный эксперт
    Вы из ФСКН? Вы упрлс?
    «По анимации: в чем проблема разбавить унылость достойной флеш-фнимацией, например http://www.shinansk.ru » — достойная флеш анимация?????
    4 огроменных флешки абсолютно нихрена не делающих?
    90% площади первой прокрутки сайта — не кликабельная !!! Хоть бы рекламные флешки были бы, ну или вели на какие то страницы, рассказывали о новшествах, так они просто висят и крутятся. СКИДКИ — причём написано по английски и нихрена не понятно на что скидки, НОВИНКИ — тут уже по русски, а что за новинки? Где они? как на них посмотреть? Зачем вообще живёт тот человек, который решил их туда поместить? Столько и таких флешек, это знаете ли 3,14здец господа.
    Вверху должна быть удобная навигация, а не ФЛЕШКИ!!!!!

    Thumb up 0 Thumb down 0

  27. Васил Трaянов Боянов

    Вие не можете да пускате снимки на други хора без разрешение!

    Thumb up 0 Thumb down 0

  28. Alexey Nibo

    в чем проблема разбавить унылость достойной флеш-фнимацией

    Звонили из 2000 года, просили передать что они вас потеряли.

    Thumb up 0 Thumb down 0

  29. Анонимный эксперт по сайтам

    2Rustam Shadjalilov
    «Вы из ФСКН? Вы упрлс?» Даже не буду комментировать, просто нужно для себя решить, как вы ведете дискуссию — аргументируя свое мнение, либо уводя все в сторону перехода на личности. В любом случае это говорит о вашей профессиональности.
    По всему остальному, я не говорил что сайт идеален http://www.shinansk.ru, его я выбрал просто как случайный пример применения анимации дизайне интернет-магазина. Будь у меня время я бы мог найти более достойные примеры, но увы.

    2Alexey Nibo
    По вашему мнению «серые» и унылые статичные сайты — это современный путь развития?

    Thumb up 0 Thumb down 0

  30. Alexey Nibo

    По вашему мнению «серые» и унылые статичные сайты — это современный путь развития?

    Я вообще не вижу смысла продолжать с вами дискуссию после того, как вы показали «уровень» своей квалификации.

    Thumb up 0 Thumb down 0

  31. Rustam Shadjalilov

    2 Анонимный эксперт
    «его я выбрал просто как случайный пример применения анимации дизайне интернет-магазина»
    Как очень не удачный пример. Лучше совсем без анимации, чем с такой анимацией.

    Причем изначально вы написали «но в дизайне есть достойные вещи».

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

    Сайт должен продавать, и пока вы нифига не объяснили, чем такая анимация поможет повысить продажи?

    Кстати, хотите реальный пример хорошей анимации, которой есть смысл украшать сайт? Не захламлять его, а именно делать красивым и приятным, я бы даже сказал живым? Попробуйте на сайте http://www.vk42shop.ru/ попереключать параметры шины — Легковые/Внедорожные
    Вот это имеет смысл делать, а не те ужасно жуткие баннеры, которые вы прислали.

    Thumb up 0 Thumb down 0

  32. Спецназовец Альйоша Виктырыч восхищается и

    «Попробуйте на сайте http://www.vk42shop.ru/ попереключать параметры шины — Легковые/Внедорожные»

    Ага, согласен, верстала молодец. Красивенько.

    Thumb up 0 Thumb down 0

  33. eugene

    Ребята из 5 измерения молодцы. Качественный и вполне удобный магаз. Придирки Анонимного «эксперта» вообще ни о чем.

    Thumb up 0 Thumb down 0

Добавить комментарий

Войти с помощью: 

Ваш e-mail не будет опубликован. Обязательные поля помечены *