Пользователь
0,0
рейтинг
12 октября 2008 в 13:16

Юзабилити Интернет Магазина

В пятницу 10 октября 2008 года я выступал на конференции Электронная Торговля 2008. С 17 до 19 часов был представлен доклад «Страница товара в интернет-магазинах», и мастер-класс по повышению usability на примере сайтов участников конференции.

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

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

Фрагмент видеозаписи доклада
Дмитрий Сатин @dmitrysatin
карма
41,0
рейтинг 0,0
Реклама помогает поддерживать и развивать наши сервисы

Подробнее
Реклама

Самое читаемое

Комментарии (70)

  • +2
    Да, действительно, порой удивляет насколько часто игнорируются вполне себе очевидные вещи. Конечно, вряд ли это связано с «замыливанием» глаза, чаще встречается просто недостаточно тщательная проработка деталей, вызваная желанием охватить все и сразу при ограниченных сроках разработки.
    • 0
      Да, это все сеошники! Долой толерантность, только массовые расстрелы спасут родину, выжечь эту чернь каленым железом!*

      *немалая доля иронии и сарказма
    • 0
      Почуму-то многие дизайнеры забывают, что основным назначением дизайна является увеличение продаж и то, чтобы сделать продукт более удобным в эксплуатации, при этом удобство довольно часто приносят в жертву внешнему виду.
  • +3
    ну а есть возможность почитать/посмотреть полный доклад? уж больно интересно…
    • +2
      К сожалению, посмотреть — это всё, что записалось. Использованная презентация же целиком состоит из экранов (скриншотов страниц). Текст в ней отсутствует, читать нечего. Магия возникала в общении с залом.

      Хорошая новость состоит в том, что будем проводить большой мастер-класс на нашей конференции User Experience Russia 2008 (Москва, 29 октября по 1 ноября 2008)

      Если Вы досмотрели этот ролик до конца, то увидели, что организаторы предоставляют скидку для друзей UsabilityLab.
      • –1
        Про книгу речь шла в начале… Не вышла еще? Есть ли где главы из нее, для затравки?
        Интересуюсь.
  • 0
    Интересный доклад, да конференция в целом жаль не успел зарегиться. Если у кого то есть еще видео- и текстовая информация по данной конференции, не скупитесь, выкладывайте в соответствующий блог.
  • 0
    Очень жаль, конечно что не полностью К сожалению у нас в Сибири нет возможности приехать, даже со свкидкой, приходится вот так урывать кусочками. Жаль, действительно хочется полный вариант.
    • +1
      На конференции, судя по визиткам, было много людей из Новосибирска. Но я понимаю, дорога не близкая.

      С недавнего времени мы стали рассматривать возможность проведения online семинаров. Успешный опыт участия в подобном мероприятии состоялся не далее как в пятницу утром.

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

      Сейчас мы планируем группы. Если интерес есть, то напишите на адрес — edu@usabilitylab.net письмо. В теме укажите «Юзабилити Интернет Магазинов»
      • 0
        Новосибирск — не вся сибирь :-)
        Мне вот еще и от Новосибрска ехать сутки на восток.
        Да и качество связи желает много лучшего — при 64кб/сек не сильно поучавствуешь, к сожалению.
        Поэтому и есть интересн в материалах, которые можно именно скачать, либо прочесть.
        • 0
          Запись семинаров можно будет скачивать.
      • 0
        а вот за ссылку спасибо.
  • 0
    если на затруднит, не могли бы вы дать ссылки на те три магазина, которые анализируются в ролике?
    • 0
      На первом слайде три магазина, торгующие GPS-приемниками. Адреса вспомнить трудно, но я могу показать презентацию, по экранам сами поймете, что это за магазины.
      • +1
        спасибо, не совсем уверен каким образом пройти аутентификацию на странице по ссылке?
        • 0
          Вот и пример плохого юзабилити. Пользователь растерялся. А вроде гугл.
        • 0
          Никаким, кажется, на надо. Ссылка публичная. Откажитесь от авторизации. Сейчас сам проверю.
          • 0
            возможно, что я чего-то недопонимаю, но как добратья до презентации не знаю)
        • +3
          Моя ошибка — поторопился прислать ссылку.
          Правильная ссылка эта docs.google.com/Present?docid=dfrzwnk2_242d74wgdgg&skipauth=true
    • 0
      последний — gpscar.ru
  • 0
    А есть у вас примеры грамотно построенной страницы товаров? У нас получилось вот так. От шапки решили не избавляться (уж очень она нам нравится). Что думаете про основные кнопки?
    • +2
      От 450руб сразу бросается в глаза. Из-за этого трудно найти кнопку добавить в корзину. И вообще зачем писать добавить в корзину, если можно написать «Купить!»
      • 0
        Мне кажется, «добавить в корзину» логичнее, потому что я его еще не покупаю, а только собираюсь. Это как в супермаркете — выбрал товал, положил в корзину, а потом передумал его покупать и выложил обратно.
        • +1
          Вы хотите, что бы товар выложили обратно или все таки что бы купили?
          • 0
            Если нажать на кнопку «Купить», то клиента следует сразу отправить на страницу с формой заказа, правильно?
            Т. е. вы выбрали в магазине товар и сразу на кассу, оплатили (оформили), затем направились выбирать следующий? :)
            • 0
              Нда. По вашей логике: я захожу на страницу чтобы купить товар, а не положить его в корзину. Кнопки купить там нет. Прощай магазин. Так?
            • 0
              Вообще очень большая доля покупок в интернет-магазинах составляют заказы из одной позиции. Выводы напрашиваются сами собой. Интернет магазин не стоит сравнивать с продуктовым супермаркетом. Предположим, вы пришли в магазин дорогой обуви выбрать себе туфли, а вам на входе впарили тележку для покупок, для вашего «удобства». Вы бы что им на это сказали? :)
              В инет магазинах нужно отправлять или оформлять заказ, или на отдельной странице проинформировать, что товар добавлен в корзину и тут же предложить аксессуары, похожие товары, «так же покупают» и т. д.

              Потом опять же по предложенному примеру.

              При добавлении в корзину выводится всплывающее окно. В нем товары, которые мы заказали, а также 2 кнопки «оформить заказ» и «продолжить покупки».

              Если нажимаем на «оформить заказ» то попадаем сразу на страницу с выбором доставки, а в углу мелким шрифтом перечислены товары нашего заказа. Ссылок из этого перечня на страницу с товаром нету, это уже плохо. Так же если я по ошибке добавил 2 штуки, то изменить это я уже не могу.

              Если мы нажмем «продолжить покупки», то мы вернемся на страницу с этим же товаром. Это тоже неудобно. Не буду я покупать ещё раз то, что и так уже купил.

              Вот как это я вижу, мнение достаточно «субъективно», но основано на опыте :)
              • 0
                Если ориентироваться на схему «один покупатель — один продукт», то может так оно и есть. Но эта изначально спорная схема, ведь магазин заинтересован в больших объемах продаж.

                Вообще это на уровне восприятия, я думаю. Если я нажимаю «Купить», это должно привести к следующему действию, после выполнения которого товар становится моим, осталось дождаться доставки.

                Про магазин обуви-одежды и тп. Вариантом корзины в данном случае является то, что выбрав обувь, продавец-консультант относит её на кассу. Я в это время могу посмотреть носки, крема для обуви, шнурки и т. д. Вряд ли он попросит вас сразу пройти на кассу и оплатить товар :)
                • 0
                  Абсолютно согласен, в нашем интернет-магазине канцелярских товаров была надпись «Купить» на кнопке, что приводило к дополнительным звонкам в службу технической поддержки от неопытных пользователниц ;), которые боялись нажать на кнопку с такой надписью, ведь в среднем заказ состоит из 20-30 товарных наименований.
          • +2
            Поддерживаю jordan, на мой взгляд надпись «Купить!» будет отталкивать, особенно малоопытных юзеров. Они будут думать, что после нажатия на эту кнопку откуда-то у них снимутся деньги.
            «добавить в корзину» не столь пугающая надпись.
          • +2
            Поддерживаю jordan, на мой взгляд надпись «Купить!» будет отталкивать, особенно малоопытных юзеров. Они будут думать, что после нажатия на эту кнопку откуда-то у них снимутся деньги. «добавить в корзину» не столь пугающая надпись.
    • 0
      по-моему, зеленая плашка «от 450 рублей» должна быть кнопкой «в корзину»
      • 0
        похоже есть ощущение, что это зеленая кнопка? Но это всего лишь цена. Вероятно ее стоит сделать менее навязчивой.
    • 0
      а меня сразу описание привлекло, а на правую колонку вообще внимания не обратил))
    • 0
      шапка шапкой, но меня сразу же смутил вертикальный разделитель отделяющий описание от интерактива, таким образом правый блок с кнопками покупки не воспринимается единым целым с товаром.
      • 0
        На левом блоке табы аяксовые. Хочется, чтобы блок добавления в корзину и цена остались независимым.
        • НЛО прилетело и опубликовало эту надпись здесь
    • 0
      Добавить в корзину сделайте больше и ярче, а шапку сделайте меньше, она у меня чуть меньше половины экрана съедает. Ну и конечно сделайте описание более информативным.
    • –2
      Шапка — отстой.
      • –2
        я минусану коммент. А потом уж, думаю, вы проаргументируете.
        • 0
          colormondays.ru/images/illustration_cat.jpg
          Эта картинка — и то лучше.
          • 0
            А мне обе нравятся.
            • 0
              Та, что в шапке — не совсем подходит к магазину по продаже красок и т. п. И на сайте есть еще несколько явных ошибок (даже при моем беглом осмотре). Привлеките человека со стороны (маму, жену, кошку) — пусть посмотрит и скажет, что не так, потому что, как я вижу, вам сайт уже приелся и нравится все т. е. вы к нему привыкли.
      • 0
        Потому что ну никак не ассоциируется с магазином. Вы продаете понедельники?
        • 0
          именно :) Вы такой догадливый.
          • 0
            Вы продаете носки в вафельных стаканчиках, потому что это уникально и никто так не придумал, потому что никто не ассоциировал до вас носки и вафельные стаканчики, а вы — крутой ассоциатор? Не нужно такого делать, люди глупые (в большинстве своем) и поэтому такие новаторские идеи есть излишек.
    • +1
      А если я хочу заказать и маленький и большой мне прийдется еще раз возвращаться на страницу товара.
      • +1
        Предлагаете чекбоксы? А если два маленьких и один большой Тогда у каждого товара придется делать текстбокс для ввода количества. Я за разумные жертвы, чтобы не делать мешанины.
        • 0
          Я этого не предлагал, я лишь указал на возникшую у меня проблему.
    • НЛО прилетело и опубликовало эту надпись здесь
    • 0
      Не хочу никого обидеть, не все дается с первого раза, но ваш вариант как раз как слайд к выступлению Дмитрия Сатина «Как делать плохо», как то, о чем он говорил.
      • 0
        Никто пока не пожелал дать ссылку или просто скриншот действующего магазина с «правильной» страницей товара.
        • 0
          … и это значит будем делать так пока не будет примера получше? :)
    • +1
      1. Слишком высокая шапка, можно в два раза уменьшить — хуже не станет.
      2. В поле «Поиск товаров» буква «Р» не читается (Firefox). Плюс нет кнопки «Искать» или чего-то похожего. Иногда лень жать ентер.
      3. Объясните, что такое вишлист… По-вашему, все учат английский или успели обрасти жаргонами? Неужели нет адекватной русскоязычной замены?
      4. По-моему, блок с ценами и кнопками слишком самостоятелен. Он не увязан логически с товаром. А пунктир только усиливает ощущение обособленности.
      5. Для выбора количества блокнотов можно ещё стрелочки к полю ввода присобачить.
      6. Неудобно сделан выбор варианта. Может, стоит там иконки товаров ставить? Нарисован большой блокнот, под ним написано 550 руб., под маленьким — 450 руб.
      7. Добавить в корзину товар несложно, но сама корзина неприметная и сразу не видно, есть ли в ней хоть что-то.
      8. И подчеркните, пожалуйста, ссылки.
      • 0
        Коль вы затронули, интересен ваш нормальный вариант замены «вишлисту». Сам как-то думал. Короткой, понятной и однозначной замены как-то и не нашел.
        А то что его вот таким вот транслитным способом использовать не нужно — это правильно.
        • 0
          Честно говоря, не думал об этом. Скорее всего, кнопку можно назвать «Запомнить товар», «Проявить интерес к товару», «Отобрать», «Отложить», «Отслеживать», «Сравнить», «Над этой покупкой стоит подумать» или что-то в этом духе. Сам же список назвать «Интересные товары», «Запланированные покупки», «Думаю купить» или, допустим, «Мой выбор»… Всё зависит от аудитории сайта и того, на каком языке интерфейс с покупателями общается. Если магазин продаёт всякую хрень для гиков, то и «вишлист» подойдёт. Вряд ли здесь возможно выработать универсальный рецепт.
  • 0
    А выложите слайды которые на экране.
  • НЛО прилетело и опубликовало эту надпись здесь
  • +3
    Разговор о каких-то слишком очевидных вещах.
    • 0
      И тем не менее, не каждый эти вещи готов озвучить для того, чтобы остальные над этим задумались.
  • +1
    Чувак на 6:35 минуте рассмешил и разозлил в одно время.
  • 0
    > Юзабилити Интернет Магазина
    Через дифис.
  • 0
    Буду груб — Я бы назвал это скорее «нытьем по мелочам» нежели системным подходом к проблеме юзабилити.

    Конечно, большой респект Дмитрию и юзабилити-лаб за то, что вообще начали заниматься в России этой темой и проводить подобные семинары…
    Но пока, по сравнению с иностранными докладчиками, наши выглядят уж очень скучно (если судить по прошлой конференции, посмотрим что будет на этой).

    Извиняюсь за прямоту…

    • 0
      >Буду груб — Я бы назвал это скорее «нытьем по мелочам» нежели системным подходом к проблеме юзабилити.

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

      Хотя бы строить статистические модели переходов на сайте и выносить суждения не из головы, а на основе мат. моделей. А то это ремесло так и останется на этапе алхимии, с ее тщетными попытками отыскать философский камень, не имея адекватного аналитического аппарата.
  • 0
    Залез на сайт автора (usabilitylab.net)

    1. Косяк с версткой. Опера, масштаб 120% — ломает шапку.

    2. Навигация неудобная. Банальный кейс — хочу заказать проектирование интерфейса. Заканчивается он на третьем экране чтения непонятной простыни, откуда не предлагается перейти ни на форму заказа (осталась на первом экране), ни к контактным данным.

    В общем, классика, сапожник без сапог. Наверное, стоит это как-то исправить?
  • 0
    спасибо, достаточно интересно

    неплохо бы добавить ссылку на данный ролик на Youtube:
    www.youtube.com/watch?v=m6bAwnSaALE
  • 0
    Конференция платная? Если бы организаторы хотели сделать информацию доступной общественности, они бы это сделали и не ссылались на технические проблемы. А так больше похоже на демо-версию с целью рекламы более крупного мероприятия. Извините за занудство.

    Кстати, цен на usabilitylab.net при беглом просмотре найти не смог.
  • 0
    Эх, юзабилити… Что ж руками то всё показываете? Указка это неудобно? :)
  • 0
    Понравилось. А продолжение будет?

Только зарегистрированные пользователи могут оставлять комментарии. Войдите, пожалуйста.