Подпишитесь на RSS, чтобы всегда быть в курсе событий.
Комментарии
Twitter станет платным
Уже в этом году сервис микроблогов Twitter планирует брать плату с пользователей за специальные коммерческие аккаунты. Об этом сообщил CNews со ссылкой на одного из основателей сервиса, биза Стоуна (@ biz). По его словам, компания сейчас находится на первом этапе внедрения коммерческих аккаунтов. В первую очередь они будут ориентированы на компании, которые захотят иметь больше [...]
“Шоу-бизнес – это люди, которые в душе друг друга ненавидят»
«Шоу-бизнес – это люди, которые в душе друг друга ненавидят» Потап с Настей Каменских поедут на «Евровидение» только тогда, когда государство оплатит им выступление. А еще после завершения всеукраинского тура артисты сделают творческий перерыв, чтобы поработать над новым альбомом. Об этом и не только они рассказали на пресс-конференции перед концертом в Черновцах, который организовала концертное [...]
Метки
Увеличение онлайновых продаж: решаем проблемы юзабилити
Автор статьи: Кевин Голешове (Kevin Holesh)
При разработке интернет-магазина вам придется учитывать множество различных типов клиентов: постоянные клиенты, посетители, которые приехали к вам впервые, или просто случайные гости. Одна вещь, которая поможет им всем – это оптимальное удобство. Вы можете достичь этого разными путями, начиная с наиболее общих проблем. Решение восьми наиболее распространенных проблем юзабилити поможет стать вам на путь идеального user-experience и увеличить продажи.
1. Скрытый поиск
Жесткая информационная структура может делать чудеса для людей, которые любят интернет-серфинг, но некоторые клиенты просто хотят найти продукт, купить его и выйти. Эти люди являются поисково доминирующими: как только они придут на ваш сайт, то начнут искать. И если они не найдут поисковой строки, то уйдут. Как все просто.
Хорошим примером заметного поисковой строки является тот, что используется на сайте Overstock.com. Это второе, что я заметил на главной странице, за своего размера, размещение и доминирующую красную рамку.
Представьте себе, что, возвращаясь домой с работы, вы пришли в магазин купить немного кедровых орехов, чтобы приготовить всемирно известный соус песто. Орешки могут быть где угодно, поэтому вам стоит спросить у персонала, где их можно найти. Но, оглянувшись вокруг, вы не видите продавцов. Разочарованные и с пустыми руками, вы идете. Потенциальные клиенты, которые не смогут найти средства для поиска на своем сайте, будут чувствовать себя так же.
Как это исправить
Сделайте ваш поиск более заметным и держите его в определенном месте. Не обязательно, чтобы он был такой же большой, как на Overstock, но посетители, скорее всего, будут искать его в верхнем правом углу. Также убедитесь в том, что элементы дизайна, размещенные возле поиска, не нарушают его функциональность. Это касается и страниц с результатами поиска.
2. Напрасные результаты поиска
Это возникает как следствие вышеуказанных мнений. Посетители, которые используют поиск, хотят найти, что они ищут, быстро. Скорее всего, они ищут специфический продукт или особенность продукта, которая не указана в главных категориях сайта.
Когда я ищу "blue", ModCloth делает прекрасную работу, показывая мне позиции, которые … ну, blue! Это звучит просто, пока вы не заметите, что слово blue не указано в названиях или описаниях продуктов. Похоже, что сайт использует какую магию, чтобы показать мне только голубые товары (в действительности, скорее всего используется система пометка, и когда вы ищете голубое, все товары с этим тэгом находятся … но все равно!).
Как это исправить
Поддерживайте исправления опечаток. Посмотрите, как это делает Google:
Сделайте страницу с "нулевыми результатами" понятной и добавьте альтернативные поисковые запросы. Пример: eBay не только допускает, чтобы я перефразировал запрос, но и подает мне похожие примеры.
Нежелательные результаты поиска обычно отсеиваются на стороне сервера. Это может быть сложной работой, и потребует отдельного подхода. Вы можете начать с поиска в ваших логах, чтобы увидеть, что люди ищут. Объекты, требующие улучшения, следует повысить в выдаче.
3. Мало продуктов на каждой странице
Целью любого интернет-магазина является продать как можно больше товаров, и хороший способ увеличить продажи – это увеличить количество продуктов, которые просматривает каждый посетитель при каждом визите. Когда вы находитесь в продуктовом магазине, вы имеете свободу выбора относительно стольких товаров, сколько захотите.
Мы теряем эту свободу, когда покупаем онлайн. Мы сталкиваемся с этой чужой концепцией "страниц". Мы можем пересмотреть одновременно только одну страницу, а чтобы перейти к следующей, нужно щелкнуть на ссылку. Это означает больше действий для ваших пользователей, а поэтому лучше дать им возможность просматривать больше товаров одновременно. Это уменьшает барьер "следующей страницы" и побуждает их серфиты больше.
Вместе вы же не хотите перегрузить посетителей слишком большим количеством продуктов. Добавление большего количества товаров это вроде увеличения длины прохода в магазине. Вы же не хотите превратить путешествие магазином в переход через футбольное поле?
Как это исправить
Добавьте больше т
оваров к каждой странице, но предварительно установите их природу. Ваши продукты визуальные? Или технического характера?
Когда вы ищете на iStockPhoto "beach", то результаты почти на 100% визуальные, что сокращает паузу между просмотром и покупкой. Не так много идут сравнивать продукцию как только вы просмотрели изображения. Если ваши товары скорее всего визуальные, то чем больше их будет на странице, тем лучше. Приблизительно от 50 до 100 будет нормальным.
С другой стороны, если ваши товары требуют технических пояснений, то уменьшение их количества на странице до 15-20 будет лучшим решением. На Best Buy покупатели могут сравнить камеры, не чувствуя себя перегруженными или потерянными в море мегапикселей и размеров LCD-дисплеев.
4. Мали навигационные ссылки
Сделайте ссылки на ваши страницы более юзабельнимы путем увеличения области, где можно кликнуть. Это снижает барьер между страницами, о котором я говорил и побуждает посетителей просматривать больше продуктов.
Кажется, что область клике на изображении выше велика, но на самом деле ссылки содержится лишь по самой цифрой. Это путает посетителей и делает навигацию более сложной. Таким образом, они вынуждены думать о том, как попасть курсором на линк, что является очень негативным моментом в пользовательском опыте.
Лучшим примером навигационных ссылок, я считаю, обладает Flickr. Хотя это и не интернет-магазин, но он использует ту же концепцию. Эти ссылки имеют большую активную область, которая обведена серым цветом. Они также укрепляют бренд Фликра, поскольку используют фирменные цвета, чтобы посетители знали, на какой странице они сейчас, и на какую страницу можно перейти.
Как это исправить.
Увеличить область клику в ваших ссылках можно при помощи только одной строки в стилях CSS:
.pagination a {padding: 4px;}
В качестве полевого теста, откройте свой сайт на iPhone и попробуйте нажать на эти ссылки пальцем. Если вам это не удается, то нужно добавить немного пространства вокруг ссылок.
5. Неинформативные страницы продуктов
Когда ваши клиенты посылают друг другу ссылки на страницы вашего сайта, то они должны знать, что это за продукт, еще до того, как нажмут ссылки.
Я имею в виду такие ссылки, как http://www.ecrater.com/product.php?pid=5540041; если вы получите такого линка почте, вы представления не будет, на что он ссылается. Гораздо более user-friendly выглядят ссылки типа http://www.ecrater.com/products/kodak-slide-projector, когда клиенты имеют возможность видеть название продукта, то это стимулирует их к клику.
Дружественные URL улучшают ваш рейтинг в глазах поисковиков, поскольку они дают поисковым ботам больше информации о том, что находится на конкретной странице. Если покупатель ищет хромированный смеситель для кухни (chrome faucet), то при правильных URL вы имеете больше шансов, что клиент придет к вам:
Amazon делает прекрасную работу в этом направлении. Взять хотя бы для примера следующую ссылку: http://www.amazon.com/Crush-Time-Cash-Your-Passion/dp/0061914177/
Название книги идет сразу после amazon.com. Это позволяет посетителям подтвердить, что они на верном пути, всего лишь один раз взглянув на линк. Ссылки на Амазон могли бы быть еще более дружественными к пользователям, если бы не содержали набор цифр в конце. Но компания по-прежнему делает прекрасную работу, учитывая, что в их каталоге – тысячи продуктов.
Как это исправить
Добавляйте названия товаров в начале ваших ссылок, используя user-friendly схемы по примеру Crush-Time-Cash-Your-Passion.
6. Принудительная регистрация для совершения покупок
Когда клиент хочет купить у вас товар, идите прочь с дороги, во всех смыслах этого слова. Люди хотят потратить заработанные ими деньги!
Одним из путей препятствование этом есть требование регистрации прежде чем клиент сможет что-то купить. Это обычно используется, чтобы отслеживать детали покупок и делать все более удобным для будущих продаж. Это все хорошо, пока вы не поймете, что это – существенный барьер между покупателем и страницей для подтверждения продажи. Финишная прямая – это худшее место, где вы можете помешать вашим клиентам.
Не верите? Почитайте как Амазон увеличил свои продажи на $ 300 млн (так, 300 000 000 долларов), просто изменив одну кнопку в процессе покупки.
Как это исправить.
Вместо того чтобы заст
авлять ваших клиентов регистрироваться в процессе покупки, расскажите им об удобствах регистрации. Подчеркните преимущества, повышенную безопасность и возможность выявления мошенничества при регистрации на сайте. И они смогут сделать собственный выбор.
7. Реклама в магазине
Показывая рекламу в вашем интернет-магазине указывает посетителям на то, что вы пытаетесь выжать из них все до последней копейки. Реклама отвлекает от основной цели магазина – продавать товары, которые нравятся посетителям.
Когда я впервые зашел на страницу с фотоаппаратами на Buy.com, первая вещь, которую я увидел – это был не перечень камер, а флэш-анимированный баннер от Sidekick. Игнорирование рекламы и концентрация внимания на цифровиках – нелегкий процесс. Я пришел сюда, чтобы купить камеру, но это мешает мне.
Оказывается, некоторые магазины даже ссылаются в рекламе на своих главных конкурентов. Представьте себе, что вы являетесь владельцем настоящего оффлайнового магазина. Ли позволили бы вы вашим конкурентам рекламироваться рядом с местом, где вы продаете свои камеры? Размещение рекламных объявлений на сайте выглядит так же.
Не путайте это с промо ваших собственных продуктов, когда показываются товары похожие на тот, который просматривает посетитель. Реклама не продвигает ваши собственные продажи, зато раскручивает ваших конкурентов, давая вам вместо 5 или 10 центов.
8. Маркировка отсутствующих товаров
Если клиент платит за товар только потому, чтобы забрать его позже, то он не будет рад этому. Он либо отменит заказ, или обратится к сервисной поддержки, чтобы пожаловаться. Пренебрегая жалобами пользователей, вы ухудшает общее впечатление от своего проекта.
Как это исправить
Будьте впереди посетителей. Сообщите им о наличии или Отсутствие товаров, чтобы они могли принять решение о покупке.
ModCloth сразу показывает посетителям на странице с перечнем товаров об их доступность. Если товар заканчивается, дружеским оранжевым цветом (а не лихорадочно красным) выводится информация о количестве товаров, осталась. Это позволяет пользователям быстрее принимать решение о покупке, но одновременно не раздражает их. Если бы в сообщении говорилось: "Наши запасы иссякнут за 19 минут", то я бы чувствовал себя специалистом по обезвреживанию бомбы в фильме Миссия невыполнима. У вас нет причин, чтобы сеять панику среди ваших клиентов.
ModCloth также сообщает мне, если товар уже продан. Это первая вещь, которую я вижу при просмотре страницы с продуктом. Кроме того, я могу подписаться на обновления, и узнать первым, когда товар появится в продаже.
Выводы
Целью пользовательского дизайна (UI Design) есть потребность сделать сайт более простым для использования. Для интернет-магазинов, исправления этих проблем приносит больше посетителей, которые делают больше просмотров для большего количества товаров и на более долгий период. Даже простые поправки, например, отмена регистрации на сайте, может оказать огромное влияние. Имейте в виду эти самые распространенные проблемы, когда будете разрабатывать дизайн магазина в следующий раз. Ваши клиенты отблагодарят вас за это.
Источник статьи: Increasing Online Sales: Simple Usability Problems To Avoid, Smashing Magazine
Перевод и оптимизация украинском языке: Сергей Пишковций, Blogoreader