Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:

Otkryvaem_internet_magazin_-_bez_znany_vremen

.pdf
Скачиваний:
14
Добавлен:
16.03.2015
Размер:
7 Mб
Скачать

Открываем интернет магазин без– денег, знаний 2012 и времени

рис. 14

Как мы видим, на рисунке 14 расположилась категория с товарами Microsoft, а вот на рисунке 15, уже подкатегория «Операционные системы»

рис. 15

5.Выберите схему классификации каталога:

- Как выбирают пользователи? Многое зависит от специфики товара и подготовленности пользователя. Ведь если ваши покупатели профессионалы, то они более подготовлены, чем обычные пользователи и каталог придется строить по-другому. Вспомните, кто ваш клиент?

www.Bystroff.com

Страница51

Открываем интернет магазин без– денег, знаний 2012 и времени

-Множественные схемы классификации товара (оснований для поиска товара может быть несколько):

-Бренд;

-Назначение;

-Особенности использования;

-Кросс-ссылки – один товар или категория в различных категориях.

Главное, чтобы все эти двери вели пользователя туда, куда ему надо.

www.Bystroff.com

Страница52

Открываем интернет магазин без– денег, знаний 2012 и времени

Список товаров

Старайтесь делать список, как можно более коротким.

1.Список не должен разбиваться более чем на две-три страницы. Если товаров в категории много, то старайтесь разбить его на подкатегории.

2.Прокрутка страницы (иными словами вертикальный скроллинг) списка товаров допустима, но в этом случае:

-Необходимо указывать числом размер списка (показано на странице товаров

«100»);

-Описание в списке товара должно быть таким, чтобы в одной строке должно помещалось два-три товара;

-Экономно расходовать вертикально пространство страницы;

-Субъективное время загрузки страницы не должно превышать максимальный порог десяти секунд;

Хороший пример, который наглядно показывает, как список должен выглядеть изображен на рисунке 16. Однако и данный список можно было бы разделить на подкатегории. Например, «Полусапоги» и «Угги», тем самым, мы бы могли вовсе избежать дополнительных страниц. Что явно увеличило бы конверсию магазина. Ведь пользователю, которому нужны именно «Угги», не пришлось бы их искать среди «Полусапог» и им подобных.

рис.16

3.Сортировка товара должна происходить по самым важным для пользователя критериям. Минимальные критерии:

-Бренд;

-Цена;

-Название;

www.Bystroff.com

Страница53

Открываем интернет магазин без– денег, знаний 2012 и времени

Требования к сортировке:

Доступные товары должны быть в верхней части списка;

Визуально похожие товары, должны располагаться рядом;

При алфавитной сортировке нужно использовать алфавит, как способ навигации, а не цифры с номерами страниц;

Использовать цифры (буквы) наряду со ссылками назад и далее;

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

рис. 17

4.Обязательно должно быть изображение товара в каталоге и списке.

Требования:

Изображение должно быть узнаваемым;

Изображение должно демонстрировать наиболее важные для пользователя характеристики;

www.Bystroff.com

Страница54

Открываем интернет магазин без– денег, знаний 2012 и времени

Изображением не надо пытаться ответить на все вопросы, ведь пользователи итак легко кликают по ним, в ожидании получить подробности;

Не допускайте похожих ситуаций, которая показана на рисунке 18. Даже если у вас только в данный момент только одно маленькое фотография, обязательно используйте ее.

рис. 18

У маленькой картинки всего одно предназначение – это замотивировать пользователя кликнуть на нее.

Предположим, что у вас нет изображения к товару, что тогда может произойти!

Постарайтесь ответить на этот вопрос сами:

Купите ли вы товар, если у него нет изображения? – НЕТ!

Купите ли вы товар, если вместо его изображения находится стандартная заглушка, пусть и очень красивая? – НЕТ!

Вам необходимо увидеть товар лицом, ведь вы же не кота в мешке покупаете!

Если вы продаете один и тот же товар, в разных цветовых решениях по отдельности, тогда изображение должно быть в каждом из них своего цвета, а не общее на всю цветовую гамму!

Пользователь при покупке, например, платья, должен видеть цвет именно того платья, которое он покупает. Предположим, если он покупает зеленое платье, то и изображение должно быть зеленое, а не синее, белое или красное.

www.Bystroff.com

Страница55

Открываем интернет магазин без– денег, знаний 2012 и времени

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

Избегайте этого.

5.Отбор товара. Важно помнить, что это не сортировка, а фильтр!

Требования:

Параметры должны быть значимыми для пользователя;

Параметры должны быть понятными;

Параметры не должны быть противоречимыми;

Например, мы ищем стиральную машину определенного класса стирки. И когда мы выбрали класс, форма должна перестроиться только под этот класс и показывать только те параметры, которые присущи именно тому классу, который мы выбрали!

6.Сравнение товара.

Требования:

Предоставьте способ сравнения товаров;

Оформляйте таблицу сравнения так, чтобы подчеркнуть различия;

Предоставьте пользователю возможность самому выбрать товар для сравнения;

Из всего вышеизложенного можно сделать вывод о том, как же, в конце концов, должен выглядеть наш каталог товаров:

Пользователи не могут купить товар, который не могут найти;

Хороший интернет магазин строится на прозрачно организованном каталоге, и позволяет начать процесс покупки прямо с главной страницы;

Хороший интернет магазин позволяет пользователям пропустить неинтересные ему товары и сосредоточиться на сравнении того товара, который его интересует;

www.Bystroff.com

Страница56

Открываем интернет магазин без– денег, знаний 2012 и времени

Поиск

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

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

Старайтесь не показывать пользователю страницу: «По вашему запросу ничего не найдено»!

Как показали исследования: «Пользователи становятся все более нетерпимыми, они как можно быстрее хотят получить то, что у них на уме»!

Модель поведения пользователя при поиске:

1.Пользователь заметил возможность поиска. Старайтесь делать поиск наиболее видимым, часто случается так, что он слабо заметен.

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

3.Пользователь вводит текст и отправляет запрос. И в этот момент,

пользователь хочет видеть наиболее простую форму поиска: одно текстовое поле и кнопка найти! Так пользователя «избаловали» поисковые системы: «Яндекс», «Google» и им подобные. Расширенный поиск не всегда хорош. Старайтесь копировать поисковые системы.

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

5.Пользователь хочет видеть свой запрос в форме поиска. Введенный пользователем запрос должен оставаться на экране.

Модель поиска, если ничего не найдено:

1.Пользователь однозначно должен понять, что по его запросу ничего не найдено: бывают случаи, когда этого сообщения нет или выглядит оно как результат поиска.

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

3.У пользователя должна быть возможность быстро исправить проблему:

Помогите ему это сделать. Выводите на экран описание правильных действий, в этом случае пользователь последует вашим подсказкам и постарается сделать все правильно. Если вы этого не сделаете, то пользователь сдастся. Все, мы его потеряли.

www.Bystroff.com

Страница57

Открываем интернет магазин без– денег, знаний 2012 и времени

Советы:

-Форма поиска должна быть в интернет магазине, но только одна, дублировать ее не стоит, это вводит в заблуждение пользователя.

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

На рисунке 19 наглядно показан пример двух первых советов.

рис. 19

Черным цветом закрашена область сайта, которая разделяет форму поиска с его результатами. Пользователь вводил запрос в форме, которая расположена в шапке, а результат ему выдал поиск совершенно в другом месте. Даже на уменьшенном изображении прекрасно видно, что расстояние между ними более чем 100 пикселей.

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

-Изучайте статистику вашего поиска, интересуйтесь, что ваши пользователи ищут. Пользователи по-разному ищут и вводят запросы.

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

-Поддерживайте синонимы.

-Будьте терпимы к ошибкам ввода, предлагайте исправления. На рисунке 21 показан результат, когда вы пренебрегаете данным советом.

www.Bystroff.com

Страница58

Открываем интернет магазин без– денег, знаний 2012 и времени

- Область поиска. Не допускайте неявного ограничения поиска текущей категорией каталога. Здесь может случиться следующее:

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

2.Пользователь ожидает, что поиск будет только внутри категории (раздела), если они находятся в «правильной» категории (разделе).

Поэтому дайте ему возможность выбора, где искать!

-Результаты поиска по каталогу, должны выглядеть, как сам каталог. Вернитесь вновь к рисунку 19. Посмотрите, как выдается результат поиска пользователю. Вы каталог делаете таким же образом? Или список товаров выглядит точно также? Уверен, что нет. Тогда и результаты поиска делайте абсолютно таким же. Рисунок 20, наглядно показывает, как должны показываться товары.

-Всегда включайте в результаты поиска:

1.Критерии поиска;

2.Область поиска;

3.Количество найденных элементов;

4.Возможность сортировки;

На рисунке 20 изображено, как это должно выглядеть.

-Избегайте длинных результатов поиска. Вряд ли у вас 1000 единиц схожих товаров. Старайтесь сделать поисковую систему магазина таким же способом, как и каталог. Делайте его точным. Помните, мы говорили про то, что необходимо разбивать товары на как можно более точные категории? С поиском необходимо поступать точно так же.

-Избегайте списков из одного элемента, вместо этого выдавайте сразу карточку товара.

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

Стоп! Разве в моем запросе есть слово пленка? Нет! Тогда почему мне ее показывают?

Но потом все же поисковая система одумалась и предлагает мне посмотреть результаты, которые мне подходят больше. И этих результатов… О, ужас, аж, на 48 страниц. Помните предыдущие советы. Там ясно сказано, что нам необходимо избегать длинных списков. Но все же мы их получаем.

www.Bystroff.com

Страница59

Открываем интернет магазин без– денег, знаний 2012 и времени

рис. 20

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

-Избегайте страниц с нулевыми результатами поиска. Давайте посмотрим на рисунок 21. По моему запросу ничего не было найдено и что случилось?

Мне показали абсолютно пустую страницу. Никаких объяснений, что случилось, я так и не получил. А мне бы этого очень хотелось.

www.Bystroff.com

Страница60