Хабр Курсы для всех
РЕКЛАМА
Большая витрина: от крупнейших школ до частных авторов. Сравнивайте по цене, длительности, формату и выбирайте самый подходящий курс!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 97
Неплохо. Но:
— Что будет, если товаров слишком много?
— Как убрать товар из корзины?
— Как перейти к полнуму описанию, чтобы развеять свои сомнения в правильности выбора?
— Что будет, если товаров слишком много?
— Как убрать товар из корзины?
— Как перейти к полнуму описанию, чтобы развеять свои сомнения в правильности выбора?
Ответил тут
— Что будет, если товаров слишком много?
Можно разделить отображать товар по частям со ссылкой еще, ведь товар который постоянно нужен перед глазами можно поднять наверх. Либо сделать группы товара и открывать определенную группу.
— Как убрать товар из корзины?
Либо «перетянуть» с панели, либо нажать X около тавара (про него забыл, поправлю).
— Как перейти к полнуму описанию, чтобы развеять свои сомнения в правильности выбора?
Об этом как-то не подумал сразу :)) Можно текст сделать ссылкой… но стоит еще подумать.
Можно разделить отображать товар по частям со ссылкой еще, ведь товар который постоянно нужен перед глазами можно поднять наверх. Либо сделать группы товара и открывать определенную группу.
— Как убрать товар из корзины?
Либо «перетянуть» с панели, либо нажать X около тавара (про него забыл, поправлю).
— Как перейти к полнуму описанию, чтобы развеять свои сомнения в правильности выбора?
Об этом как-то не подумал сразу :)) Можно текст сделать ссылкой… но стоит еще подумать.
Всяческое разделение, постраничная навигация и др. просто убьёт всю прелесть решения. Тут нужно не скрывать, а сделать что-то иное.
Обещаю подумать на этим :)
А скроллинг?
Про скроллинг двумя сообщениями ниже написано.
Появилась идея, но все же реальное решение можно найти только использовав эту систему.
Допустим у нас магазин а-ля «Ашан». У нас есть иерархия: отделы — ряды — полки. Так вот если товаров становится слишком много можно отображать товары отдела в котором я нахожусь… если товаров все равно много, то отображать товары только этого ряда… и т.д.
Либо сделать группировку в корзине — типа «Еда», «Техника», «Посуда».
Хотя все что не сделаешь немного портят главную идею, но, тем не менее, набирая еды я смогу убрать с виду стиральную машинку и телевизор, а выбирая тумбу под телевизор — еду.
Допустим у нас магазин а-ля «Ашан». У нас есть иерархия: отделы — ряды — полки. Так вот если товаров становится слишком много можно отображать товары отдела в котором я нахожусь… если товаров все равно много, то отображать товары только этого ряда… и т.д.
Либо сделать группировку в корзине — типа «Еда», «Техника», «Посуда».
Хотя все что не сделаешь немного портят главную идею, но, тем не менее, набирая еды я смогу убрать с виду стиральную машинку и телевизор, а выбирая тумбу под телевизор — еду.
По-моему «перетягивание» каких-либо элементов не самый интуитивный (да и не самый удобный) способ работы в вебе.
— Что будет, если товаров слишком много?
Или простейший скролл
Или простейший скролл
Идея хорош, но не нова, а ее использование может пригодиться только для мелко оптовых магазинов где кол-во покупок не привышает 5-10.
Я бы посоветовал избавиться от блока «Ваша корзина пуста» считаю его бысмысленым.
Корзина должна появляться только когда в ней что то есть, а от пустой корзины толку нету.
Я бы посоветовал избавиться от блока «Ваша корзина пуста» считаю его бысмысленым.
Корзина должна появляться только когда в ней что то есть, а от пустой корзины толку нету.
Толку нет если на неё нельзя перетаскивать товары.
Мне кажется, корзина, как один из основных элементов магазина, должна быть видна постоянно. А вот что написать рядом с ней — уже проблема дизайнера :)
Можно разместить ссылку на инструкцию и т.д., можно просто сделать неактивной.
Можно разместить ссылку на инструкцию и т.д., можно просто сделать неактивной.
А панель — это да, ей незачем светиться когда корзины пуста.
а как вам корзина на eurodom.ru?
Лично мне всегда нравилась такая корзина boomboomroom.ru/
Обычный юзер не всегда нормально ориентируется по кажется элементарным интерфейсам. В приведенном примере я бы заменил кнопку «В корзину» на «Купить», т.к. фиг знает что такое корзина, может это как в винде — удалить в корзину :). Юзер приходит купить, так дайте ему «Купить».
Интерфейс симпатичный и товары занятные :)
Позабавло, однако, на странице самой корзины вот что:
Позабавло, однако, на странице самой корзины вот что:
<title>
Untitled Page
</title>
А не могли бы вы подсказать ещё таких интересных интернет магазинов? Выбираю подарочек для женщины :)
Да, приятно реализованно, iPhone Style :-)
Кода я нажал, что бы посмотреть товары в корзине — я не нашел, как закрыть этот попап. Что, нужно было Esc нажать? Я ушел с сайта.
И еще — если корзина пуста — то на рисунке — пустая корзина. Если есть один товар — полупрозрачный пузырь. Если больше товара — все равно один полупрозрачный пузырь.
Не полностью мне ваша корзина понравилась, но ничего так.
И еще — если корзина пуста — то на рисунке — пустая корзина. Если есть один товар — полупрозрачный пузырь. Если больше товара — все равно один полупрозрачный пузырь.
Не полностью мне ваша корзина понравилась, но ничего так.
Зря вы так остро реагируете на конструктивную критику. :( Она только способствует совершенствованию.
Что касатеся корзины, соглашусь с koliasoft: корзина прелестная (особенно попап симпатичный), но не без недостатков. Пузырь не очень понятен, лучше бы нарисовать что-нибудь иное (кстати, я считаю, что необязательно разделять 1 товар и 10 — главное, что что-то есть); закрыть попап можно кнопкой Cancel, но это не очевидно; почему исчезает кнопка «In Cart», если я на неё нажимаю, разве я не могу купить 2 одинаковых товара?
В любом случае удачи :-)
Что касатеся корзины, соглашусь с koliasoft: корзина прелестная (особенно попап симпатичный), но не без недостатков. Пузырь не очень понятен, лучше бы нарисовать что-нибудь иное (кстати, я считаю, что необязательно разделять 1 товар и 10 — главное, что что-то есть); закрыть попап можно кнопкой Cancel, но это не очевидно; почему исчезает кнопка «In Cart», если я на неё нажимаю, разве я не могу купить 2 одинаковых товара?
В любом случае удачи :-)
Я не должен быть внимательным настолько, что бы полчаса всматриваться в экран в поисках кнопок.
Хорошая корзина. Не очень понравилось, что она заслоняет все окно, но видимо это просто привычка.
Еще очень нравится корзина www.martinandosa.com
Еще очень нравится корзина www.martinandosa.com
Статью плюсанул за идеи, а по существу покритикую.
Основная проблема для современного пользователя — неудобный интерфейс. Причина понятна: для разработчиков интерфейса все функции равноценны, потому все они предоставляются вместе. Поскольку для всех функций места не хватает, появляются закладки, мастера, разветвлённые меню и т.д.
Однако поставьте себя на место пользователя: откуда он знает, где искать нужную ему функцию? Ниоткуда. Пользователь вынужден читать документацию, чтобы понять логику разработчиков. Слава богу, веб-интерфейсы очень демократичны в этом отношении, но и их легко испортить.
Попробуйте провести эксперимент: возьмите стандартный интернет-магазин и посмотрите, сколько товаров в заказе в среднем. Если не догадались, я подскажу: подавляющее большинство покупателей берёт 1 позицию. Сделайте интерфейс для этих бедолаг, и вы навсегда войдёте в историю, как разработчик простого и понятного интерфейса.
Затем посмотрите, что изменится, если позиций будет 2 или 5. Нужно ли покупателю показывать, что у него в корзине, если он эти 3 предмета выбрал за последние 2 минуты? Нужны ли ему фото позиций?
В общем, над идеальной корзиной ещё работать и работать. :)
Основная проблема для современного пользователя — неудобный интерфейс. Причина понятна: для разработчиков интерфейса все функции равноценны, потому все они предоставляются вместе. Поскольку для всех функций места не хватает, появляются закладки, мастера, разветвлённые меню и т.д.
Однако поставьте себя на место пользователя: откуда он знает, где искать нужную ему функцию? Ниоткуда. Пользователь вынужден читать документацию, чтобы понять логику разработчиков. Слава богу, веб-интерфейсы очень демократичны в этом отношении, но и их легко испортить.
Попробуйте провести эксперимент: возьмите стандартный интернет-магазин и посмотрите, сколько товаров в заказе в среднем. Если не догадались, я подскажу: подавляющее большинство покупателей берёт 1 позицию. Сделайте интерфейс для этих бедолаг, и вы навсегда войдёте в историю, как разработчик простого и понятного интерфейса.
Затем посмотрите, что изменится, если позиций будет 2 или 5. Нужно ли покупателю показывать, что у него в корзине, если он эти 3 предмета выбрал за последние 2 минуты? Нужны ли ему фото позиций?
В общем, над идеальной корзиной ещё работать и работать. :)
Разумно. Однако давайте посмотрим на вопрос с другой стороны.
Слишком категорично. Да, большинство; но подавляющее ли? Во многих магазинах приобретают сразу несколько товаров (книги — иной раз пачками заказывают; диски, e-goods и т.п.).
Второй момент: сравните не соотношение количества покупателей-«однотоварников» и покупателей-«многотоварников», а отношение полученной выручки с клиентов каждого типа. Уже не так однозначно, да? А если теперь учесть, что «многотоварники» скорее всего окажутся еще и постоянными покупателями, то может статься, что удобство для «многотоварника» выйдет существенно более важным, чем удобство для однократных покупателей, берущих мелочевку.
подавляющее большинство покупателей берёт 1 позицию
Слишком категорично. Да, большинство; но подавляющее ли? Во многих магазинах приобретают сразу несколько товаров (книги — иной раз пачками заказывают; диски, e-goods и т.п.).
Второй момент: сравните не соотношение количества покупателей-«однотоварников» и покупателей-«многотоварников», а отношение полученной выручки с клиентов каждого типа. Уже не так однозначно, да? А если теперь учесть, что «многотоварники» скорее всего окажутся еще и постоянными покупателями, то может статься, что удобство для «многотоварника» выйдет существенно более важным, чем удобство для однократных покупателей, берущих мелочевку.
> Слишком категорично. Да, большинство; но подавляющее ли?
Если есть готовый интернет-магазин, можно проверить по истории заказов. Мои данные: от 60 до 80% заказов в разных случаях.
> А если теперь учесть, что «многотоварники» скорее всего окажутся еще и постоянными покупателями, то может статься, что
> удобство для «многотоварника» выйдет существенно более важным, чем удобство для однократных покупателей, берущих
> мелочевку.
Вот это и есть самый страшный бич: желание удовлетворить всех. Я понимаю, что владельцу магазина хотелось бы, чтобы у него были постоянные покупатели, которые покупают много позиций. Но реально таких магазинов единицы. Основной алгоритм поиска совершенно другой: price.ru (market.yandex.ru), и далее по ценам от нижних к верхим. Зашли, попытались заказать. Если не вышло, идём в следующий магазин, не разбираясь.
Удачный интерфейс строится по шагам: 1) понять, кто клиент; 2) выяснить основные сценарии.
Из сценариев сразу становиться понятно, что нужно клиенту, а что нет.
Собственно, всё вышесказанное не означает, что надо делать одну корзину для покупок из одной позиции. Но означает, что однозначно идеальной корзины не бывает.
Если есть готовый интернет-магазин, можно проверить по истории заказов. Мои данные: от 60 до 80% заказов в разных случаях.
> А если теперь учесть, что «многотоварники» скорее всего окажутся еще и постоянными покупателями, то может статься, что
> удобство для «многотоварника» выйдет существенно более важным, чем удобство для однократных покупателей, берущих
> мелочевку.
Вот это и есть самый страшный бич: желание удовлетворить всех. Я понимаю, что владельцу магазина хотелось бы, чтобы у него были постоянные покупатели, которые покупают много позиций. Но реально таких магазинов единицы. Основной алгоритм поиска совершенно другой: price.ru (market.yandex.ru), и далее по ценам от нижних к верхим. Зашли, попытались заказать. Если не вышло, идём в следующий магазин, не разбираясь.
Удачный интерфейс строится по шагам: 1) понять, кто клиент; 2) выяснить основные сценарии.
Из сценариев сразу становиться понятно, что нужно клиенту, а что нет.
Собственно, всё вышесказанное не означает, что надо делать одну корзину для покупок из одной позиции. Но означает, что однозначно идеальной корзины не бывает.
Мои данные: от 60 до 80% заказов в разных случаях.
И я о том же: большинство, но далеко не подавляющее.
Вот это и есть самый страшный бич: желание удовлетворить всех.
Увы, это невозможно. Но стремиться к этому — нужно. Из такого страмления как раз получаются магазины вроде Amazon'а.
реально таких магазинов единицы. Основной алгоритм поиска совершенно другой: price.ru (market.yandex.ru), и далее по ценам от нижних к верхим. Зашли, попытались заказать. Если не вышло, идём в следующий магазин, не разбираясь.
Не буду спорить — видимо, мы просто подразумеваем разные сферы торговли, в которых разные покупатели. :)
> Увы, это невозможно. Но стремиться к этому — нужно.
Очень спорно. У нас уже такие интерфейсы, где к этому стремяться. Ниже я привёл примеры с Nero и ICQ.
> Из такого страмления как раз получаются магазины вроде Amazon'а.
Амазон очень долго бился над интерфейсами. И знаете, для постоянных покупателей, которые делают много покупок, у них есть интерфейс вообще без корзины. Так и называется — 1-click. Человек просто выбирает то, что ему нужно щелчком мыши, и всё. :)
Очень спорно. У нас уже такие интерфейсы, где к этому стремяться. Ниже я привёл примеры с Nero и ICQ.
> Из такого страмления как раз получаются магазины вроде Amazon'а.
Амазон очень долго бился над интерфейсами. И знаете, для постоянных покупателей, которые делают много покупок, у них есть интерфейс вообще без корзины. Так и называется — 1-click. Человек просто выбирает то, что ему нужно щелчком мыши, и всё. :)
Если я не позабочусь о клиенте в первый его визит, он врятли ко мне вернеться в будущем.
Например, в оффлайновых магазинах есть и тележки и корзинки. Соответсвенно для мелких и крупных покупателей. Мы же, как разработчики, можем «подкатить» к покупателю тележку, если он вошел с корзинкой и увлекся покупками — пусть наслаждается… =)
Например, в оффлайновых магазинах есть и тележки и корзинки. Соответсвенно для мелких и крупных покупателей. Мы же, как разработчики, можем «подкатить» к покупателю тележку, если он вошел с корзинкой и увлекся покупками — пусть наслаждается… =)
Не сказал бы, что ориентация на одну позицию выигрышна. Когда я продавал пиратские диски — их брали пачками по 5-7 штук. Продавал торговое оборудование — опять по несколку модулей брали. И только складское оборудование — частенько по одному… погрузчику, за 30к$, разумеется, не через корзину, а через звонок и пару часов утрясания комплектации с менеджером.
Конечно, зависит от специфики.
Как владелец магазинов: насколько положительно/отрицательно оцениваете удобство пользования магазинами? Сами заказываете что-нибудь? Интересуют личные мысли: что кажется нужным, что не нужным.
Я в какой-то момент понял, что, хотя сам программист, перестал справляться с бытовой техникой. Из 20-ти функций микроволновки знаю 3-4. На телефоне не пользуюсь ничем, кроме телефона. Вместо аськи ставлю кип, и не перехожу на инфиум, потому что он самый простой. Для записи болванок нашёл что-то такое простое (на другой машине стоит, лень включать, смотреть название) вместо Nero.
Натурально надоел сложный интерфейс. Мне не нужно все 20 функций одновременно, мне нужна одна, причём основная. :)
Как владелец магазинов: насколько положительно/отрицательно оцениваете удобство пользования магазинами? Сами заказываете что-нибудь? Интересуют личные мысли: что кажется нужным, что не нужным.
Я в какой-то момент понял, что, хотя сам программист, перестал справляться с бытовой техникой. Из 20-ти функций микроволновки знаю 3-4. На телефоне не пользуюсь ничем, кроме телефона. Вместо аськи ставлю кип, и не перехожу на инфиум, потому что он самый простой. Для записи болванок нашёл что-то такое простое (на другой машине стоит, лень включать, смотреть название) вместо Nero.
Натурально надоел сложный интерфейс. Мне не нужно все 20 функций одновременно, мне нужна одна, причём основная. :)
Вы знаете, никаких проблем с использованием телефона и микроволновки не имею, поскольку микроволновки у меня нет, а при смене телефонов виндоус мобайл меняется не сильно — с неё так же точно можно читать, использовать её как будильник, плеер и часы. Наверное, единственный бытовой прибор, функции которого я пока пользовал в малом объёме — швейцарский ножик.
А в магазинах всё сложнее. Понятно, что корзина сверху, понятно, что ссылка «положить в корзину» близко к фотографии товара (иначе — в топку магазин). Главная проблема — понять, где лежит искомое. Вот ищем клавиатуру — она может быть в периферии? Должна быть. А она — в устройствах ввода. И в периферии её нет. Если бы я на сто процентов не был уверен, что на сайте клавиатуры есть — ушёл бы. Значит, из периферии хотя бы ссылка нужна на устройства ввода. И с другой стороны, это может привести к путанице ссылок, когда всё ссылается на всё.
А в магазинах всё сложнее. Понятно, что корзина сверху, понятно, что ссылка «положить в корзину» близко к фотографии товара (иначе — в топку магазин). Главная проблема — понять, где лежит искомое. Вот ищем клавиатуру — она может быть в периферии? Должна быть. А она — в устройствах ввода. И в периферии её нет. Если бы я на сто процентов не был уверен, что на сайте клавиатуры есть — ушёл бы. Значит, из периферии хотя бы ссылка нужна на устройства ввода. И с другой стороны, это может привести к путанице ссылок, когда всё ссылается на всё.
А стремление к нестандартности порождает вот такое: mdata.yandex.ru/i?ctype=1&path=b0409105119__TaurusBravissimo28-XL1.jpg
(угадайте, что это)
(угадайте, что это)
А я-то думал, почему фото.ру не отвечает :)
очень понравилась статья. уже хочется попробовать сделать себе такую корзину, думаю директору понравится :) еще раз спасибо
Тележка — это корзина 2.0, с колёсиками и блэкджеком!
Потому что для нашей предметной области это одно и то же.
Как известно, настоящий расцвет супермаркетов в Америке начался после того, как с 1936 году была изобретена и пущена в оборот вместо ручной корзинки тележка для покупок :)
Даешь сегвей-тележку в 2010 :)
Я уже как-то думал над этим.
Что, на мой взгляд, ограничивает в количестве покупок праздношатающегося покупателя с бездонной кредиткой? Все-таки вид этой горы товаров, которые он уже насовал в тележку. Ведь платить-то все равно придется.
В супермаркете будущего, возможно, товары за собой таскать не придется. Идешь мимо полки, хочешь что-то купить — бац, бросаешь товар в (условно) спецкишку, и он потихоньку уезжает на кассу. К тому времени, как ты закончишь шоппинг, все покупки уже будут упакованы/разложены (а может, даже и отвезены домой), и сумма посчитана — останется только сунуть-вынуть кредитку :)
Что, на мой взгляд, ограничивает в количестве покупок праздношатающегося покупателя с бездонной кредиткой? Все-таки вид этой горы товаров, которые он уже насовал в тележку. Ведь платить-то все равно придется.
В супермаркете будущего, возможно, товары за собой таскать не придется. Идешь мимо полки, хочешь что-то купить — бац, бросаешь товар в (условно) спецкишку, и он потихоньку уезжает на кассу. К тому времени, как ты закончишь шоппинг, все покупки уже будут упакованы/разложены (а может, даже и отвезены домой), и сумма посчитана — останется только сунуть-вынуть кредитку :)
Я жуткий критик и параноик. Почему параноик? Просто когда указывают что нашли что то на хабре, я сразу начинаю включать поиск «Дары Камчатки» я так и не нашел, возможно, это вообще первое его упоминание на хабре. Могу ошибаться.
Вообще, не «корзина» красит корзину, собственно, она может и не выглядеть как корзина, и совсем не важно что в ней изображено.
Куда важнее что этот раздел несет функцию информирования о заказанных товарах. И вот тут то как раз важно сказать что не важно как именно будет это решено, может быть, список товаров собирается в виде иконок прямо на странице (где нибудь в углу). И правильно тут писали, что в большинстве случаев, покупается 1-2 товара, а значит и большая корзина не требуется… Я вот частенько от лени затариваюсь в «Утконосе», и не по-наслышке знаком с проблемами корзины при покупки продуктов на неделю… Кароче, корзины универсальной не бывает.
Доступ к просмотру товара из корзины, это безусловно хорошо.
P.S....«Дары Камчатки» наконец загрузился, вот как раз продуктовая корзина требует частенько больших пространств, это вам не наушники покупать. да и вообще, внизу, даже на 22 дюймовом не помещается страница, и после покупки постоянно дергается вниз… бееее.
Вообще, не «корзина» красит корзину, собственно, она может и не выглядеть как корзина, и совсем не важно что в ней изображено.
Куда важнее что этот раздел несет функцию информирования о заказанных товарах. И вот тут то как раз важно сказать что не важно как именно будет это решено, может быть, список товаров собирается в виде иконок прямо на странице (где нибудь в углу). И правильно тут писали, что в большинстве случаев, покупается 1-2 товара, а значит и большая корзина не требуется… Я вот частенько от лени затариваюсь в «Утконосе», и не по-наслышке знаком с проблемами корзины при покупки продуктов на неделю… Кароче, корзины универсальной не бывает.
Доступ к просмотру товара из корзины, это безусловно хорошо.
P.S....«Дары Камчатки» наконец загрузился, вот как раз продуктовая корзина требует частенько больших пространств, это вам не наушники покупать. да и вообще, внизу, даже на 22 дюймовом не помещается страница, и после покупки постоянно дергается вниз… бееее.
Почему все хотят привести всё к единому шаблону?
Для разных интернет магазинов разные корзины.
Необходимо учесть предметы продажи, затем количество предметов в одном заказе. Так же частота покупок и ещё много чего. И вот определив показатели и их значения для конкретного магазина можно проектировать корзину.
Для разных интернет магазинов разные корзины.
Необходимо учесть предметы продажи, затем количество предметов в одном заказе. Так же частота покупок и ещё много чего. И вот определив показатели и их значения для конкретного магазина можно проектировать корзину.
НУ, так проще делать :) Опять же, обычно аргументируют тем, что пользователь привыкает к единой схеме… впринципе, люди действительно учатся чему угодно, даже плохая схема будет работать если она стоит везде и все ее знают :)
а она и так везде одна — принцип один. а вот в мелочах всё по разному.
а установить единую на все магазины не получится из соображений теех же потребностей покупателей в зависимости от товара, а так же от желания заказчика или исполнителя выпендриться и сделать что-то свой лищь бы не делать как «вон у тех».
а установить единую на все магазины не получится из соображений теех же потребностей покупателей в зависимости от товара, а так же от желания заказчика или исполнителя выпендриться и сделать что-то свой лищь бы не делать как «вон у тех».
В некоторых интернет-магазинах цену-то на странице тяжело найти (недавний опыт поиска видеокамеры и аксессуаров). Скажите, кто в таких магазинах будет покупать?
Если товар очень редкий — да, можно даже и в сам магазин позвонить и узнать цену, а если у меня открыто 5 страниц с одним товаром и приблизительно одинаковой ценой — я не буду долго искать цену в этом магазине. Закрою окно и перейду к другой странице.
Если товар очень редкий — да, можно даже и в сам магазин позвонить и узнать цену, а если у меня открыто 5 страниц с одним товаром и приблизительно одинаковой ценой — я не буду долго искать цену в этом магазине. Закрою окно и перейду к другой странице.
Согласен, что для каждого конкретного сайта нужен свой подход (об этом написал в нюансах), я сам в ближайшем проекте буду использовать без панели, т.к. товаров много не будет.
Как правильно тут заметил кто-то — слабовато как для «идеальной». Идеальная еще:
— будет храниться несколько месяцев, а не очищаться при закрытии браузера,
— позволит отправить себя на емэйл (гарантированное сохранение, на случай частых одинаковых заказов)
— выведет сумму доставки (в зависимости от общего веса и ориентировочного города),
— посоветует товары часто покупаемые с уже добавленными,
— намекнет что можно сэкономить 10% если докупить еще парочку
— спросит сколько штук удалить если добавил несколько штук чего-либо
Да много еще чего не было продумано.
— будет храниться несколько месяцев, а не очищаться при закрытии браузера,
— позволит отправить себя на емэйл (гарантированное сохранение, на случай частых одинаковых заказов)
— выведет сумму доставки (в зависимости от общего веса и ориентировочного города),
— посоветует товары часто покупаемые с уже добавленными,
— намекнет что можно сэкономить 10% если докупить еще парочку
— спросит сколько штук удалить если добавил несколько штук чего-либо
Да много еще чего не было продумано.
— будет храниться несколько месяцев, а не очищаться при закрытии браузера,
Зачем хранить корзину несколько месяцев? Для этого удобнее делать «отложенные товары». Собрал корзину — сохранил на память.
— позволит отправить себя на емэйл (гарантированное сохранение, на случай частых одинаковых заказов)
За это зачет! :)
— выведет сумму доставки (в зависимости от общего веса и ориентировочного города),
Это нюанс конкретного магазина, но в общую стоимость полезно будет включить. Знаю по себе что неудобно когда считаешь товар и отдельно ищешь стоимость доставки.
— посоветует товары часто покупаемые с уже добавленными,
Это по моему мнения «корзина изнутри», об этом хочу поговорить в следующей статье. Намекать надо тоже уметь, у многих магазинов с этим проблемы :))
— намекнет что можно сэкономить 10% если докупить еще парочку
Это возможно, но тоже не обязательно это должно относиться к корзине…
— спросит сколько штук удалить если добавил несколько штук чего-либо
Этого не понял. Про удаление лучше не намекать… мы же продать хотим :)
Зачем хранить корзину несколько месяцев? Для этого удобнее делать «отложенные товары». Собрал корзину — сохранил на память.
— позволит отправить себя на емэйл (гарантированное сохранение, на случай частых одинаковых заказов)
За это зачет! :)
— выведет сумму доставки (в зависимости от общего веса и ориентировочного города),
Это нюанс конкретного магазина, но в общую стоимость полезно будет включить. Знаю по себе что неудобно когда считаешь товар и отдельно ищешь стоимость доставки.
— посоветует товары часто покупаемые с уже добавленными,
Это по моему мнения «корзина изнутри», об этом хочу поговорить в следующей статье. Намекать надо тоже уметь, у многих магазинов с этим проблемы :))
— намекнет что можно сэкономить 10% если докупить еще парочку
Это возможно, но тоже не обязательно это должно относиться к корзине…
— спросит сколько штук удалить если добавил несколько штук чего-либо
Этого не понял. Про удаление лучше не намекать… мы же продать хотим :)
— спросит сколько штук удалить если добавил несколько штук чего-либо
Забыл добавить «при удалении» :) Удаление, как ни печально, тоже должно быть, в конце концов количество влияет на цену, которую пользователь подбирает. А бывает случайно добавил что-то. А бывает нашел альтернативу и хочешь поменять.
Драг-н-дроп пока не так распространен да и не так удобен все же (а на тач скринах не заработает вообще).
Забыл добавить «при удалении» :) Удаление, как ни печально, тоже должно быть, в конце концов количество влияет на цену, которую пользователь подбирает. А бывает случайно добавил что-то. А бывает нашел альтернативу и хочешь поменять.
Драг-н-дроп пока не так распространен да и не так удобен все же (а на тач скринах не заработает вообще).
По-моему, «привычным» расположением корзины является справа, а не слева. Именно справа корзины расположены на tigerdirect.com, amazon.com, bestbuy.com и многих других ведущих интернет-магазинах. Потом собственно сама идея далеко не нова.
Я использую нечто подобное. В интернет-магазине есть два блока с корзиной. Первый блок привычный — просто иконка, количество товаров в корзине и общая сумма. Вторая корзина расположена справа ниже шапки в виде блока и в ней показывается последние 2 добавленные товара, количество наименований и количество товаров, общая сумма. Практика показывает, что в большинстве интернет-магазинов очень редко в корзину добавляется более 1 или 2 товаров. Как вариант, если товаров больше 2, то можно показывать остальные товары только в виде названий, но при наведении на них через полсекунды подгружается более подробная информация о товаре. Вариантов расширения такого блока с товарами масса — может быть всплывающее окно, может быть подгрузка инфы, может быть прокрутка списка стрелками и т.д.
Я использую нечто подобное. В интернет-магазине есть два блока с корзиной. Первый блок привычный — просто иконка, количество товаров в корзине и общая сумма. Вторая корзина расположена справа ниже шапки в виде блока и в ней показывается последние 2 добавленные товара, количество наименований и количество товаров, общая сумма. Практика показывает, что в большинстве интернет-магазинов очень редко в корзину добавляется более 1 или 2 товаров. Как вариант, если товаров больше 2, то можно показывать остальные товары только в виде названий, но при наведении на них через полсекунды подгружается более подробная информация о товаре. Вариантов расширения такого блока с товарами масса — может быть всплывающее окно, может быть подгрузка инфы, может быть прокрутка списка стрелками и т.д.
" «выглядеть как корзина» — иконка не должна быть ведром или ящиком, чем привычнее она, тем проще ее найти; "
вы не поверите, но иконки большинству фиолетовы.
" «пустая корзина или полная» — меняйте иконку в зависимости от количества товара, это очень удобно; " ага, клиент особо обрадуется. Вообще, чем меньше пугаете клиента, тем лучше для количества денег.
«а картинке видно, что идеальная корзина стала еще идеальнее — теперь в любой момент мы можем видеть весь список товара с его изображением и кратким описанием.»
Не верно. Клиенты любят стабильность. Их раздражает, когда они в любой момент могут увидеть то, что они покупают. У них очень редко бывает склероз.
Олди — видим сайт фиксированной ширины, а справа зловещая пустота…
Фото.ru — опять же фиксированный сайт и опять пустота на большом разрешении.
Offo.ru — видим резиновый сайт, но удобно ли читать описание товара?
Критиковать очень больших игроков рынка всегда некорректно. Просто потому, что глупо.
" товар в нее не очень удобно,… но как же приятно!"
ну о чем можно еще писать. Товарищ, вы простую вещь поймите: деньги важнее приятно. А деньги получаются только из удобно. Это, кстати, «секрет» успеха всех мелкософтовых программ: они удобны.
вы не поверите, но иконки большинству фиолетовы.
" «пустая корзина или полная» — меняйте иконку в зависимости от количества товара, это очень удобно; " ага, клиент особо обрадуется. Вообще, чем меньше пугаете клиента, тем лучше для количества денег.
«а картинке видно, что идеальная корзина стала еще идеальнее — теперь в любой момент мы можем видеть весь список товара с его изображением и кратким описанием.»
Не верно. Клиенты любят стабильность. Их раздражает, когда они в любой момент могут увидеть то, что они покупают. У них очень редко бывает склероз.
Олди — видим сайт фиксированной ширины, а справа зловещая пустота…
Фото.ru — опять же фиксированный сайт и опять пустота на большом разрешении.
Offo.ru — видим резиновый сайт, но удобно ли читать описание товара?
Критиковать очень больших игроков рынка всегда некорректно. Просто потому, что глупо.
" товар в нее не очень удобно,… но как же приятно!"
ну о чем можно еще писать. Товарищ, вы простую вещь поймите: деньги важнее приятно. А деньги получаются только из удобно. Это, кстати, «секрет» успеха всех мелкософтовых программ: они удобны.
Почему-то Вам не ответил :) Исправлюсь.
1. Иконки фиолетовы как таковые, но вот глазу они помогают находить информацию, и если Вы нарисуете вместо корзинки самолет не думаю что человек сразу поймет где корзина.
2. Не думаю что клиент испугается, а вот внимание опять же привлечет.
3. Спорный вопрос, что клиента раздражает. Если мне не нужно видеть — я просто скрою. Когда покупаешь в интернете продукты, лекарства или технику «по запчастям» довольно удобно видеть что уже купил а что еще нет.
4. Я не капли не критиковал сайты «игроков», я просто привел примеры где можно было бы применить такую корзину.
5. Мне понравилась корзина именно тем что она прикольная, я не где ни писал что она удобная и что рекомендую ее как эталон. Просто необычная реализация.
1. Иконки фиолетовы как таковые, но вот глазу они помогают находить информацию, и если Вы нарисуете вместо корзинки самолет не думаю что человек сразу поймет где корзина.
2. Не думаю что клиент испугается, а вот внимание опять же привлечет.
3. Спорный вопрос, что клиента раздражает. Если мне не нужно видеть — я просто скрою. Когда покупаешь в интернете продукты, лекарства или технику «по запчастям» довольно удобно видеть что уже купил а что еще нет.
4. Я не капли не критиковал сайты «игроков», я просто привел примеры где можно было бы применить такую корзину.
5. Мне понравилась корзина именно тем что она прикольная, я не где ни писал что она удобная и что рекомендую ее как эталон. Просто необычная реализация.
А еще я б вообще не показывал корзину покупателю до нажатия кнопки «купить»
Неправильно. Исчезающая корзина затруднит ее розыски. Да и вроде нет никакой веской причины так делать.
Корзина должна быть на экране всегда.
Что вы скажете о том, как сделана корзина в нашем интернет-магазине детских товаров: ursik.com.ua/?
(Просьба не ругать сильно за глюки верстки и т. д., сайт еще на стадии разработки, если что — пишите в личку)
(Просьба не ругать сильно за глюки верстки и т. д., сайт еще на стадии разработки, если что — пишите в личку)
Сначала попробуйте что-то купить, потом увидите корзину(надеюсь :) )
1. Алерт затрудняет добавление двух и более продуктов.
2. Плохо когда сообщение появляется в центре, а уж затем прозрачная корзина в углу. Корзину можно незаметить (усугубляется следующим пунктом)
3. Читаешь «Товар был добавлен» но пока не согласишься не увидишь его в корзине. То же и когда «товар удален». Сообщение врет ;)
4. Было несколько разных продуктов. Нажимаю «мусорный ящик» — удаляется всё. Без всяких подтверждений. АААААААА!!!
5. Корзина бело-прозрачная, на белом фоне незаметная. Было бы неплохо выделить ее контуром. Или сделать серо-прозрачной (желто-прозрачной).
6. Место у корзины неудачное, возможно будет перекрыта ICQ, например.
7. Для удаления в «инфо» корзины используются крестики, что отличается от «мусорного ведра», оставьте что-то одно. (Мусорное ведро по сути та же «корзина» — может лучше отказатся от него).
8. Ни корзина, ни даже кнопки «купить» (!) у продуктов не работают при отключенном яваскрипте.
9. Товары в «инфо» корзины не сортируются. Мелочь, а такое.
Бонус. Добавляем товары, жмем купить, на странице покупки удаляем все товары, заполняем обязательные поля мусором (а капчу верно), жмем купить и получаем «Благодарим вас за совершенную покупку! Наш менеджер свяжется с вами по телефону для уточнения деталей доставки». (И по ходу, раз уж я попал на эту страницу — не хватает номера моего заказа)
Попробуйте вместо (!) алерта делать jquery transfer эффект — уйдут 1) и 2).
ЗЫ. В главная левая навигация сайта схлопывается когда кликаешь на подкатегорию — очень дезориентирует. Лучше оставалась бы раскрытой пока я в данной подкатегории.
2. Плохо когда сообщение появляется в центре, а уж затем прозрачная корзина в углу. Корзину можно незаметить (усугубляется следующим пунктом)
3. Читаешь «Товар был добавлен» но пока не согласишься не увидишь его в корзине. То же и когда «товар удален». Сообщение врет ;)
4. Было несколько разных продуктов. Нажимаю «мусорный ящик» — удаляется всё. Без всяких подтверждений. АААААААА!!!
5. Корзина бело-прозрачная, на белом фоне незаметная. Было бы неплохо выделить ее контуром. Или сделать серо-прозрачной (желто-прозрачной).
6. Место у корзины неудачное, возможно будет перекрыта ICQ, например.
7. Для удаления в «инфо» корзины используются крестики, что отличается от «мусорного ведра», оставьте что-то одно. (Мусорное ведро по сути та же «корзина» — может лучше отказатся от него).
8. Ни корзина, ни даже кнопки «купить» (!) у продуктов не работают при отключенном яваскрипте.
9. Товары в «инфо» корзины не сортируются. Мелочь, а такое.
Бонус. Добавляем товары, жмем купить, на странице покупки удаляем все товары, заполняем обязательные поля мусором (а капчу верно), жмем купить и получаем «Благодарим вас за совершенную покупку! Наш менеджер свяжется с вами по телефону для уточнения деталей доставки». (И по ходу, раз уж я попал на эту страницу — не хватает номера моего заказа)
Попробуйте вместо (!) алерта делать jquery transfer эффект — уйдут 1) и 2).
ЗЫ. В главная левая навигация сайта схлопывается когда кликаешь на подкатегорию — очень дезориентирует. Лучше оставалась бы раскрытой пока я в данной подкатегории.
Спасибо!
Много действительно важных моментов, о некоторых я раньше даже не задумывалась.
jquery transfer — замечательная штука!
100% теперь будем применять :)
Сразу же вопрос: Что лучше переносить в корзину с помощью jquery transfer, если товар был добавлен через страницу товара, где по сути основная часть страницы — информация об этом товаре. Вот тут совсем неоднозначно ) Можно например всю область с инфой о товаре (довольно большая), можно блок, где расположена цена и кнопка «купить», можно плашку с заголовком(названием товара). Даже не знаю, какой вариант лучше.
Много действительно важных моментов, о некоторых я раньше даже не задумывалась.
jquery transfer — замечательная штука!
100% теперь будем применять :)
Сразу же вопрос: Что лучше переносить в корзину с помощью jquery transfer, если товар был добавлен через страницу товара, где по сути основная часть страницы — информация об этом товаре. Вот тут совсем неоднозначно ) Можно например всю область с инфой о товаре (довольно большая), можно блок, где расположена цена и кнопка «купить», можно плашку с заголовком(названием товара). Даже не знаю, какой вариант лучше.
> Сначала попробуйте что-то купить, потом увидите корзину(надеюсь :) )
Ах, да. Это был пункт номер 0, кстати :)
Ах, да. Это был пункт номер 0, кстати :)
Конкретно в случае интернет-магазина, о котором идет речь, не соглашусь.
Если мы еще выделим корзину более ярким цветом, то проблемы обнаружения корзины точно не будет, потому что ее позиция зафиксирована на странице независимо от прокрутки и она всегда на глазах, когда нужно.
А без товаров она там мешала бы, почти как некоторые назойливые баннеры :)
Если мы еще выделим корзину более ярким цветом, то проблемы обнаружения корзины точно не будет, потому что ее позиция зафиксирована на странице независимо от прокрутки и она всегда на глазах, когда нужно.
А без товаров она там мешала бы, почти как некоторые назойливые баннеры :)
Корзину не нашел только с третьей покупку — это не хорошо… Сделайте рамочку либо какой-то эффект, чтобы глаз ее замечал.
Зачем кнопка «Очистить»? Это не столь важная кнопка, чтобы ее постоянно показывать, лучше сделать эту функцию в самой корзине.
Зачем кнопка «Очистить»? Это не столь важная кнопка, чтобы ее постоянно показывать, лучше сделать эту функцию в самой корзине.
P.S. чуть выше написано остально.
По поводу рамочки согласна.
По поводу кнопки «Очистить». Это и есть «в самой корзине» :)
Вы видите на сайте где-то отдельную страницу для корзины? Можно конечно оставить возможность удаления товаров только через список товаров в корзине(кнопочка «инфо»), но это может быть не самым очевидным решением.
А теперь представьте ситуацию: Человек, который наконец-то решился приобрести товар именно в нашем магазине, случайно кликнул по соседнему товару. Он в панике, ему нужно купить только один товар, но он не знает, как удалить лишний. Фактически мы теряем покупателя.
По поводу кнопки «Очистить». Это и есть «в самой корзине» :)
Вы видите на сайте где-то отдельную страницу для корзины? Можно конечно оставить возможность удаления товаров только через список товаров в корзине(кнопочка «инфо»), но это может быть не самым очевидным решением.
А теперь представьте ситуацию: Человек, который наконец-то решился приобрести товар именно в нашем магазине, случайно кликнул по соседнему товару. Он в панике, ему нужно купить только один товар, но он не знает, как удалить лишний. Фактически мы теряем покупателя.
Еще один момент, раз уж такое обсуждаете.
Вопрос к специалистам по юзабилити:
Мы думали создать в нашем интернет-магазине на страницах товаров возле кнопки «добавить в корзину» еще кнопку «купить», которая вела бы сразу на страницу оформления заказа с данным товаром.
Но есть некая неоднозначность в логике работы, смотрим, что должно происходить при нажатии на кнопку «купить»
Если корзина пуста — товар добавляется в корзину и пользователь перенаправляется к оформлению заказа
Если в корзине уже есть товары — текущий товар добавляется в корзину и пользователь перенаправляется к оформлению заказа
Если в корзине уже есть данный товар — непонятно, добавлять ли этот товар еще раз. Лично я считаю, что следует выводить диалог «В вашей корзине уже есть такой товар, добавить еще один? Y/N/С». После чего осуществляется переход к оформлению заказа. (при нажатии на кнопку «добавить в корзину» товар всегда добавляется, без вопросов)
Проблема в том, что пользователю непонятно — нужно сначала нажать кнопку «добавить в корзину», а потом еще и «купить», или же сразу нужно жать «купить».
Если пользователь нажал обе соответственно. системе непонятно, хотят купить один экземпляр товара или два.
Очень интересно послушать мысли специалистов по этому поводу!
Вопрос к специалистам по юзабилити:
Мы думали создать в нашем интернет-магазине на страницах товаров возле кнопки «добавить в корзину» еще кнопку «купить», которая вела бы сразу на страницу оформления заказа с данным товаром.
Но есть некая неоднозначность в логике работы, смотрим, что должно происходить при нажатии на кнопку «купить»
Если корзина пуста — товар добавляется в корзину и пользователь перенаправляется к оформлению заказа
Если в корзине уже есть товары — текущий товар добавляется в корзину и пользователь перенаправляется к оформлению заказа
Если в корзине уже есть данный товар — непонятно, добавлять ли этот товар еще раз. Лично я считаю, что следует выводить диалог «В вашей корзине уже есть такой товар, добавить еще один? Y/N/С». После чего осуществляется переход к оформлению заказа. (при нажатии на кнопку «добавить в корзину» товар всегда добавляется, без вопросов)
Проблема в том, что пользователю непонятно — нужно сначала нажать кнопку «добавить в корзину», а потом еще и «купить», или же сразу нужно жать «купить».
Если пользователь нажал обе соответственно. системе непонятно, хотят купить один экземпляр товара или два.
Очень интересно послушать мысли специалистов по этому поводу!
> пользователю непонятно — нужно сначала нажать кнопку «добавить в корзину», а потом еще и «купить», или же сразу нужно жать «купить».
Это точно. Оставьте кнопку «Купить», а при первом добавлении (в большинстве случаев и последнем) сразу после нажатия спрашивайте «Оформить покупку?». Если нет, то поморгать кнопкой «Оформить» в корзине и больше такое не спрашивать.
Это точно. Оставьте кнопку «Купить», а при первом добавлении (в большинстве случаев и последнем) сразу после нажатия спрашивайте «Оформить покупку?». Если нет, то поморгать кнопкой «Оформить» в корзине и больше такое не спрашивать.
Я не специалист, но много слышал по поводу двух кнопок. Я считаю что кнопка должна быть одна, дабы у покупателя не возникало лишних вопросов.
Если в Вашем магазине покупают больше 2-х вещей, то кнопка должна быть «Добавить в корзину», а в низу страницы можно продублировать «Перейти к оформлению» и при нажатие на нее ничего не добавляется в корзину.
Если в Вашем магазине покупают по 1-му товару (vip-подаки), то ссылка должна быть купить, а на страницы с оформлением, куда нас перекинет, должна быть кнопка «Продолжить покупки».
Если в Вашем магазине покупают больше 2-х вещей, то кнопка должна быть «Добавить в корзину», а в низу страницы можно продублировать «Перейти к оформлению» и при нажатие на нее ничего не добавляется в корзину.
Если в Вашем магазине покупают по 1-му товару (vip-подаки), то ссылка должна быть купить, а на страницы с оформлением, куда нас перекинет, должна быть кнопка «Продолжить покупки».
У foto.ru — Хабраэффект:
…
Warning: pg_connect() [function.pg-connect]: Unable to connect to PostgreSQL server: FATAL: connection limit exceeded for non-superusers in /var/www/foto/lib/db.inc on line 53
Cannot connect to PostgreSQL
…
В именно Вашей корзине, крестик возле цены, будет выглядеть непонятно — (4 x 11 000,00 руб X), лкчше сделать его вверху строчки корзины.
Ну и конечно, идеальная корзина должна помнить мой выбор.
Еще, как раз думаю над этим — возможность отправить ссылку на корзину.
В оптовом магазе, такая корзина работает плохо, гораздо понятнее — список товаров, в том же виде что и обычный список товаров.
Ну и конечно, идеальная корзина должна помнить мой выбор.
Еще, как раз думаю над этим — возможность отправить ссылку на корзину.
В оптовом магазе, такая корзина работает плохо, гораздо понятнее — список товаров, в том же виде что и обычный список товаров.
Молодец! Все классно! Спасибо за хорошую статью ;)
Огромное спасибо за материал!
Юзабилити, это то, чего так не хватает нашим интернет-магазинам.
Юзабилити, это то, чего так не хватает нашим интернет-магазинам.
«педставьте»
Статья больше похожа на: «давайте из корзины сделаем транформера». Вы когда-нибудь забывали что покупаете в среднестатистическом интернет-магазине?
И вот уже статистика — в большинстве (ПОДАВЛЯЮЩЕМ!) покупают один-два товара. И вы думаете, эти люди забыли, что положили в корзину 2 минуты назад?
А еще в статье забыли совершенно о взаимодействии клик по кнопке «купить» и отправлением товар в корзину. Я считаю, что это тоже относится к пиктограмме «корзина», а не целевой странице
И вот уже статистика — в большинстве (ПОДАВЛЯЮЩЕМ!) покупают один-два товара. И вы думаете, эти люди забыли, что положили в корзину 2 минуты назад?
А еще в статье забыли совершенно о взаимодействии клик по кнопке «купить» и отправлением товар в корзину. Я считаю, что это тоже относится к пиктограмме «корзина», а не целевой странице
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Корзина в современном интернет-магазине