Веб-дизайн и юзабилити – это два важных звена в создании качественного интерактивного проекта. Известный английский программист Энди Бут много лет проработал в сфере онлайн торговли, благодаря чему ему удалось выработать 20 полезных советов для стартапов. Идеи, которые предлагает разработчик, будут актуальны для желающих запустить свой сайт или тех, кто стремится улучшить уже готовый проект. Позиции, о которых говорит специалист, востребованы для B2C направлений бизнеса, то есть с ориентацией на конечного покупателя. Материал создан из основных 20 тезисов автора, которые мы комментируем и разъясняем.
1. Сложные фильтры.
Товар имеет различные характеристики – цвет, размер, упаковку. Ресурс должен содержать простые фильтры, что обеспечат пользователя удобством в выборе параметров. Тогда самый настороженный клиент будет понимать, как это делается. Сравните фильтры, веб-дизайн и юзабилити, что используются крупными интернет-магазинами.
2. Держите поисковую строку в поле зрения.
Сайт Amazon.com включает строку поиска, что находится на видном месте. Такое решение обусловлено многолетней работой. В то время как пользователь не находит продукт, вероятно, он станет искать его с помощью поиска по сайту. Поэтому не следует скрывать поле поиска. Важно также, чтобы поиск функционировал правильно.
3. В наличии/на складе.
Автор говорит о том, что со стороны SEO убирать позицию товара на сайте не верно, однако неправильным будет и тот факт, что пользователь выберет товар, наполнит корзину, а потом окажется, что такого товара нет сейчас в наличии. В этом случае, следует думать о покупателях, а не об индексации, а в поле необходимо добавить опцию уведомления о появлении товара на складе.
4. Фотография товара.
Пожалуй, нет такого эксперта в онлайн-продажах, который не учел бы ценность фото товара. По факту, клиенты выбирают, основываясь на визуальном восприятии. Веб-дизайн и юзабилити должны учитывать качество изображений. Не стоит применять одно изображение, прекрасно, если есть возможность запустить 3D-графику или видео о продукции.
5. Корзина.
Неважно, как показана корзина на сайте, важно поместить ее туда, где покупатель сможет ее увидеть. Есть проекты, где пользователи видят корзину во время прокрутки страницы вниз. Важно не заставлять посетителя искать и долго думать, как приобрести товар на сайте. Внутри корзины следует поместить мини-изображения выбранных клиентами товаров.
6. «Хлебные крошки».
Под этим понятием автор понимает меню с навигацией – удобный, полезный и эффективный инструмент навигации. С помощью него посетители быстро перемещаются по сайту, переходят на несколько шагов назад, лучше адаптируются к структуре проекта.
7. Мега-меню.
Представляет собой большое интерактивное меню с разделами и подразделами, которое занимает большую часть страницы. Легко наблюдать, как функционируют такие меню на крупных порталах, где продаются все виды продукции, например, eBay. Такой подход значительно упрощает навигацию, даже в том случае, когда иерархия сложная. Следует задуматься над созданием мега-меню, если на сайте есть большое число подразделов.
8. Конечная стоимость.
Важное правило – это показать окончательную цену на товар, как на странице продукта, так и в корзине. Возмутительно, когда о дополнительных расходах на доставку посетитель узнает на последнем этапе. Он непременно откажется от заказа. Решение задачи есть. Необходимо установить правильную схему расчета. Если вы не можете себе позволить бесплатную доставку, включите ее в стоимость, но уведомите покупателя об этом. Веб-дизайн и юзабилити, должны включать эти опции.
9. Каждый пиксель.
Разработчик нашел отличный пример того, как каждый пиксель работает для успеха сайта. Abel&Cole – интернет-магазин продуктов питания. Стремясь улучшить свой проект, следует спрашивать себя: почему этот раздел должен выглядеть так, лучше ли это других вариантов, но в первую очередь – насколько это поспособствовует удовлетворению потребностей клиента и моему успеху.
10. SEO.
Веб-дизайн и юзабилити невозможно представить без поддержки SEO. Автор говорит о том, что SEO является ключом к успешному проекту, даже в условиях конкуренции и развития онлайн-продаж. Грамотная оптимизация сыграет свою роль.
11. «Выделяться из толпы».
Проекту обязательно нужно выделяться из сотен тысяч других. Ресурс должен обладать новизной и оригинальностью, пусть это будут отдельные элементы. Конечно, создать что-то уникальное трудно, но если ваш ресурс ничем не запоминается, он сразу же потеряется среди конкурентов.
12. Социальные медиа.
В этом пункте разработчик делает акцент на том, что интернет-магазины, к примеру, садовых товаров, вряд ли привлекут множество сторонников в социальных медиа. Тем не менее, не стоит упускать такой вариант из-за оптимизации. Иконка медиа порталов не должна особо выделяться, но все-таки стоит оставить ее на виду у клиента. Тогда он сможет постить, лайкать фото, делится комментариями.
13. Быстрый обзор продукта.
Удобная опция, что позволит пользователю активно просматривать страницы каталога в поисках позиций, что ему интересны. Это дает возможность поближе ознакомиться с продукцией, не выходя за страницы раздела. Правильным решением станет быстрый обзор в качестве среднего просмотра по типу карточки товара в разделе и отдельной страницы изделия. Веб-дизайн и юзабилити смогут поправить данную опцию.
14. Подписка на новости.
Никто не отменил e-mail-рассылку, так как она создает базу покупателей. Разместите подписку на события сайта в той категории, где ее проще всего найдут пользователи: раздел новостей, категория новинок. В случае, когда публикаций много, запустите несколько рассылок. Например, о скидках, новинках, распродажах.
15. Чистые страницы.
В повседневных покупках никому не понравится приобретать продукцию в грязном магазине, это напрямую связано и с онлайн-продажами. Не следует захламлять страницы и разделы кучей ненужных деталей, применяйте только блоки, что имеют значение. Мыслите о каждой странице, как о едином целом, а не множестве ее составляющих.
16. Отзывы.
Пользовательские отзывы являются важнейшим критерием в онлайн-продажах. Чаще всего они размещены на странице самого продукта. А если вам необходимы комментарии о самом проекте, автор рекомендует поместить такой блок в слайдере или в боковой части страницы. Специально созданная страница не привлечет комментарии. Веб-дизайн и юзабилити легко справятся с этой задачей.
17. Варианты товара.
Создание и продвижение коммерческих сайтов – задача не из легких, вот почему так важно предложить клиентам варианты. Автор приводит пример магазина «Victoria’s Secret», где пользователям просто и понятно предоставляются варианты продукции по размеру, цвету и иным характеристикам. Информация о вариантах изделия должна быть максимально раскрыта для клиентов. Картинка в этом случае превосходит текст. Наличие продукции других цветов удачно обозначать иконками.
18. Простой заказ.
Блок оформления заказа – это цель, которую должен преследовать покупатель. Если он направился туда, нельзя допустить, чтобы он ее покинул. Следует прибрать множественные блоки, и не предлагать посетителю другие товары. Чем меньше в разделе заказа лишних блоков, тем больше шансов, что покупка осуществится.
19. «Добавить в корзину».
Главное правило юзабилити интернет-магазина – это кнопка «добавить в корзину». Так как это призыв к осуществлению покупки, ее следует выделить на фоне других элементов. Она должна отчетливо выделяться на фоне кнопок социальных медиа.
20. Контакты.
Автор статьи говорит о значимости понятных и доступных контактов. Помимо телефона, следует добавить e-mail, Skype. Предложите онлайн-форму для общения либо чат с консультантом. Это станет отличным дополнением проекта.
Таким образом, веб-дизайн и юзабилити, играют важную роль на пути покупателя от желания приобрести товар до его заказа. Разработка и создание сайтов всегда включают эти два звена в работу, так как без них просто невозможно создать качественный популярный ресурс.
