Otkryvaem_internet_magazin_-_bez_znany_vremen
.pdfОткрываем интернет магазин без– денег, знаний 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 |