�ݺ�ߣ

Editor's Notes

• #5: Лаборатория: 2 комнаты Проведение ЮТ: Приглашаем пользователей из целевой группы (пылесосы – заинтересованных в покупке пылесосов, платья - платий) Даем им задание найти, выбрать и купить платье, которое понравится Найти, выбрать и купить пылесос той ценовой категории и с теми хар-ками, которые им нужны Все записываем на видео
• #6: Лаборатория: 2 комнаты Проведение ЮТ: Приглашаем пользователей из целевой группы (пылесосы – заинтересованных в покупке пылесосов, платья - платий) Даем им задание найти, выбрать и купить платье, которое понравится Найти, выбрать и купить пылесос той ценовой категории и с теми хар-ками, которые им нужны Все записываем на видео
• #7: Таким образом было протестировано несколько сотен человек (в США и РФ) Разные категории магазинов: одежда, спорттовары, бытовая техника, часы, гаджеты, электроника, обувь, ювелирные изделия и т.п. Найдены общие закономерности, которые работают для любого магазина
• #10: Sportall.ru – менее известный сайт. Выводит основные группы товаров на главную: Каталог слева Популярные товары – снизу Промоутируемые сейчас товары – на главном графическом элементе
• #11: Gap.com – известный бренд – все и так знают, чем он торгует Сейчас популярны крупные визуальные образы, как на этой картинке Есть совет избегать слишком сильно выделять промоутируемые товары – это может исказить представление пользователей, зачем нужен ИМ Не прячьте каталог Другие советы: На главной должны быть ссылки на правила покупки (доставка, оплата, порядок возврата и т.п.) Также важно дать ссылки на информацию о службе поддержки, информацию о компании, важные для покупателя
• #15: Bonprix.com Большие выпадающие меню каталога – это ок. Есть исследования Якоба Нильсена, доказывающие это Но должны соблюдаться требования (как и в любых других местах на сайте): Предсказуемость – понятно, как себя ведет это меню Управляемость – меню не должно непредсказуемо для пользователя прыгать и дрыгаться. Можно включить задержку убирания на неск.секунд
• #16: http://www.shop.philips.ru/appliances/vacuum-and-access/vacuum-cleaner.html На этой странице я уже могу начать подбирать пылесос по своим потребностям Но есть проблема – я совсем не могу по названиям серий определить, какие мне выбирать
• #17: bosch-home.com/ru/малая-бытовая-техника/пылесосы.html Пример неудачной страницы раздела каталога Реклама одной модели из многих занимает много места Но непонятно пока, насколько эта модель подходит мне – ее описание не дает понять Другие серии пылесосов внизу – только картинка и название серии. Никак нельзя понять особенности этих серий: функции, размеры, ценовая категория А начиная с этой страницы каталог должен выполнять главную функцию – помочь подобрать товар, максимально подходящий покупателю
• #18: Сортировка не меняет набор товаров, а меняет очередность их показа Позволяйте пользователям сортировать товары по важным для данных пользователей параметрам Вопрос: какие параметры важны для покупателей пылесосов? Цена Название – не особенно (только если знаешь название конкретной модели. Большинство людей вряд ли знают, они ищут по параметрам наиб.подх.вариант) Мощность (причем не потребление энергии, а всасывания) По умолчанию – это что за вид сортировки такой? Есть ли товар в наличии – очень важно
• #19: http://www.samsung.com/ru/consumer/home-appliances/vacuum-cleaners/viewall Та же страница с раскрытым списком сортировки По умолчанию – непонятен принцип сортировки По дате выпуска – а зачем? Если только нет в каталоге пылесосов 20летней давности – устаревших морально. Тут их нет Популярности – а кто и как определяет популярность? Только если популярность = количество продаж данной модели Цена – да, правильно Название – тоже правильно, но люди и не особо разбираются в названиях пылесосов, как мы уже сказали
• #20: http://www.digital.ru/catalog-selection/noutbuki/p88/3696 Производитель – одновременно можно выбрать только один вариант Но чаще всего мне нужно несколько: хочу Асус, ХП, Самсунг. Не хочу Эппл, ХП, Тошиба.
• #21: Набор фильтров для пылесосов Все возможные варианты – Яндекс.Маркет
• #22: 3 варианта фильтров по пылесосам А какой набор фильтров должен быть для пылесосов? Все возможные варианты – не расположишь в каталоге. А какие должны быть сверху, основные? Задача: женщина 55 лет с аллергией покупает себе мощный пылесос с мешком для маленькой квартиры. В квартире ковры и диваны Легко катать (вес, компактность) Не застревает Не цепляется за углы Не оббивает мебель – резиновый бортик Должны быть насадки для чистки мягкой мебели Конечно, цена Мощность – не энергопотребление, а мощность всасывания Параметры зависят от характеристик а) товара и б) целевой аудитории
• #23: Market.yandex.ru Яндекс.Гуру – самый яркий пример Пылесосов несколько тысяч моделей. Если я в них не разбираюсь – как мне выбрать тот, который подходит лучше всего?
• #24: Market.yandex.ru Если я разбираюсь в пылесосах, причем, считаю, что делаю это лучше Яндекс.Гуру, то буду подбирать их по техническим параметрам. Я знаю, какие есть важные параметры. Какие значения этих параметров нужны мне. Эти 2 принципа подбора – под ситуацию и по техническим характеристикам – дополняют друг друга и покрывают потребности опытных и неопытных пользователей
• #26: Поисковые системы рассчитаны на самую широкую аудиторию. Поэтому кнопка выглядит как кнопка. Только Бинг исключение
• #27: Americanapparel.com Форма поиска плохо заметна Кнопка «искать» не очень понятна нам (хотя молодежной аудитории США, может быть, по-другому)
• #28: Amazon.com Форма поиска там, где ее будут искать – в шапке сайта, над основным контентом Четко видна кнопка Надпись на кнопке – не уверен, что их вообще читают, т.к. все привыкли к тому, как выглядит и работает форма поиска
• #29: Ozon.ru Известно, что Озон задумывался как российский Амазон Для сайтов с огромным ассортиментом хороший поиск очень важен. Форма поиска должна быть легко заметна, как на Озоне и Амазоне
• #30: Ozon.ru (старый вариант 4-летней давности) Результаты поиска делятся на категории: Джонни Депп найден в книгах, видео, музыке, персонах и т.п.
• #31: Ozon.ru Телефон – находится много
• #32: Ozon.ru Не переключен язык – выпадающие подсказки реагируют правильно
• #33: Ozon.ru Не переключен язык – Но в результатах поиска ничего нет (искали «телефон»)
• #34: Sportall.ru Плохо отрабатывает поиск синонимов
• #35: Sportall.ru Плохо отрабатывает поиск синонимов
• #36: Sportall.ru Плохо отрабатывает поиск синонимов
• #38: Параметров товара несколько Пользователь хочет сравнивать по ним и сделать лучший выбор Сравнение – часть каталога, выполняет ту же функцию: выбрать наилучшим образом подходящий условиям пользователя товар Лучше сравнение – лучше пользователь выберет – будет более уверен, что сделать правильный выбор – выше вероятность покупки
• #39: Пользователь тыкается в один товар, другой, третий Открывает множество вкладок Рисует себе таблицу сравнения в экселе или на бумаге Тратит время, чтоб удобно сравнить по важным параметрам Сделайте это за него
• #40: http://www.samsung.com/ru/consumer/home-appliances/vacuum-cleaners/viewall Самсунг не дает сравнивать более 4 пылесосов – зачем это сделано?
• #42: Sportall.ru Схематичное изображение не дает представление, как реально выглядит куртка Кстати, фото с надетым капюшоном важно для куртки
• #43: Sportall.ru Показаны швы на изнанке изделия
• #44: Mneteplo.ru Текстура ткани показана достаточно крупно, и можно представить ощущение от прикосновения Женщинам заранее представить ощущения еще важнее
• #45: Mneteplo.ru Фото преимущества товара сопровождается поясняющим описанием
• #46: Копирайтинг – есть соотв. книжки Изучение пользователей проводится юзабилити-тестирование на какую информацию о товарах ориентируются пользователи какой информации им не хватает Эти знания систематизируются. На их основе составляются требования к описанию Требования даются копирайтеру Копирайтер должен держать товар в руках, пощупать. Не работать удаленно! Копирайтер должен знать, что важно покупателям данного товара!
• #47: Для пользователей существуют как бы невидимые силовые линии, связывающие эти элементы: Фото товара Название товара Цена товара Кнопка «Купить" Books.ru Цена и кнопка «В корзину» слишком далеко от изображения товара. Некоторые пользователи не сразу находят эту кнопку, хотя она хорошо заметная и яркая
• #48: Ozon.ru Все расположено близко друг к другу
• #49: Baskcompany.ru Плашка «Рейтинг» более заметна, чем кнопка «Купить» Большое количество линий, они отвлекают, функционал виден нечетко
• #50: Underarmour.com Хороший пример: какие элементы на странице выделены ярче всего: Логотип сверху в центре Ссылка на корзину сверху справа И кнопка «Купить»
• #51: Ozon.ru Состояние кнопки показывает, есть ли этот товар в вашей корзине или нет Если в каталоге есть кнопка «Купить» у каждого товара, то это еще удобнее
• #52: Ozon.ru Состояние кнопки показывает, есть ли этот товар в вашей корзине или нет Если в каталоге есть кнопка «Купить» у каждого товара, то это еще удобнее
• #53: Baskcompany.ru Выбран размер по умолчанию. Можно сразу положить не свой размер в корзину
• #54: Bonprix.ru Выбран размер по умолчанию. Можно сразу положить не свой размер в корзину
• #55: Bananarepublic.com Кнопка «Купить» здесь не очень хороша Размер по умолчанию не выбран Всплывающие подсказки хороши: Хорошо заметны Объясняют, что и в какой последовательности делать
• #56: Bananarepublic.com Кнопка «Купить» здесь не очень хороша Размер по умолчанию не выбран Всплывающие подсказки хороши: Хорошо заметны Объясняют, что и в какой последовательности делать
• #57: Americanapparel.com Пока не выбран размер – кнопка «Купить» задизейблена (неактивна, нельзя ее нажать) Недостаток этого магазина: если сразу нажать на «Купить», он кидает на страницу 404 Выбрал размер – кнопка стала активной (черной)
• #58: Americanapparel.com Пока не выбран размер – кнопка «Купить» задизейблена (неактивна, нельзя ее нажать) Недостаток этого магазина: если сразу нажать на «Купить», он кидает на страницу 404 Выбрал размер – кнопка стала активной (черной)
• #59: Скорее да, вот почему: На страницу есть трафик Можно предложить подписаться на оповещение, когда товар появится в продаже: магазин пришлет письмо Можно предложить товар-заменитель Пользователь может заинтересоваться другими товарами (Озон) Если ИМ гигант, то может допечатать книгу (Амазон, Озон) – голосование «Хочу этот товар»
• #62: В моей корзине в Озоне 400 товаров (больше озон не дает, иначе было бы больше) Несколько раз в год покупаю по несколько книг Храню книги там, чтоб не забыть
• #63: http://www.shop.philips.ru/checkout/cart/ - ничего лишнего в корзине Главная кнопка выделена визуально Пользователь уже идет на кассу – вы ему впихиваете еще В оффлайне работает (у кассы стоит стенд со жвачкой, шоколадками и т.п.) В онлайне – запросто можно испортить. Удачных примеров крайне мало Общая рекомендация такая – предлагайте доп.товары на странице товара, в каталоге. Но не в корзине
• #64: http://dom.utinet.ru/basket/ Дополнительные товары есть – неплохой способ реализации Не отвлекают от покупки Уместны Правда, для не искушенных в мультиварках пользователей нужно лучше пояснить связь основного и доп.товаров
• #65: http://www.underarmour.com/shop/us/en/checkout-cart Тоже неплохой вариант предложить доп.товары
• #66: http://shop.oreilly.com/basket.do?nav=%2Fproduct%2Fid%2F127074&from=detail&gc=1 Здесь тоже доп.товары сбоку
• #67: http://www.brilliance.com/cart Корзина сайта ювелирных украшений Очень заметный элемент – про формирование доверия. Находится даже над товаром А товар – маленькая строчка
• #68: Sportall.ru/cart Галочки – выбрать товар, чтобы удалить их из корзины Или выбрать товары, чтобы купить их Еще запутывает галочка про скидку снизу
• #70: Спуск с горы Крутой склон Много камней, на любом можно упасть Камни – это неожиданности и непредсказуемо ведущие себя элементы интерфейса Что-нибудь не то потребовали или спросили
• #71: Как должно быть: Детская горка При этом за руку ребенка держите вы Ребенку приятно, но не страшно Даже, возможно, скучновато – но не страшно Настолько безопасно, что любая бабушка разрешит внукам кататься по этой горке Не должно быть камней, препятствий – отличие от реальных горных лыж Любые приколы и сомнительные штуки здесь применять крайне осторожно Без неожиданностей Без непонятных вещей Без сомнительных, подрывающих доверие
• #73: Сложность: адрес нужен, чтоб определить стоимость Спрашивайте населенный пункт. В США спрашивают зип-код
• #74: http://www.eldorado.ru/personal/basket.php Эльдорадо – стоимость доставки показывается от города за МКАД А некоторые магазины предлагают рассчитать стоимость по тарифам, выглядит примерно так: По товарам до 30 кг – 300 рублей + 17 руб/км По товарам от 30 до 60 – 400 рублей + 24 руб/км И так далее – проверял арифметические способности пользователей
• #75: http://www.enter.ru/orders/new Вся процедура заказа на одной длинной странице-простыне (разделено на 2 скриншота)
• #76: https://www.ozon.ru/order/region.aspx Озон – процедура оформления разделена на несколько шагов-страниц
• #77: https://www.ozon.ru/order/region.aspx Озон – процедура оформления разделена на несколько шагов-страниц
• #78: https://www.ozon.ru/order/region.aspx Озон – процедура оформления разделена на несколько шагов-страниц
• #79: https://www.ozon.ru/order/region.aspx Озон – процедура оформления разделена на несколько шагов-страниц
• #80: https://www.ozon.ru/order/region.aspx Озон – процедура оформления разделена на несколько шагов-страниц