Способы 3 для обеспечения интуитивно понятной и удобной навигации для вашего интернет-магазина

Мы знаем, о чем вы думаете: насколько сложно сделать сайт удобным для пользователя и интуитивно понятным? В конце концов, просто вставьте панель поиска где-нибудь вверху и несколько интерактивных вкладок где-нибудь на главной странице, и вы готовы идти, верно? Неправильно.

Знаете ли вы, что строки поиска не являются более понятным инструментом навигации, чем хорошо организованные категории? На самом деле, если ваши товарные группы четко названы, а ваш сайт действительно интуитивно понятен, вам не нужна строка поиска. Что многие люди не понимают, когда думают о том, как настроить свой веб-сайт электронной коммерции, так это то, что поисковые бары эффективны только для тех, кто приходит в ваш магазин, зная, что они ищут; Строки поиска напрямую не побуждают людей просматривать больше или просматривать ваши категории.

Следовательно, конечная цель интуитивной навигации - это хорошо организованные вкладки и категории, которые ведут к четко установленным страницам продуктов. Хорошо продуманный, удобный для пользователя интернет-магазин без труда проведет покупателя через весь процесс покупки, от поиска до покупки. Ни в коем случае клиенты не должны быть смущены или не знать, каков их следующий шаг. Извилистый путь к покупке ведет к заброшенные тележки и низкие показатели конверсии. Итак, в этом посте мы более подробно расскажем о том, что вы можете сделать, чтобы ваш интернет-магазин был интуитивно понятным и удобным для пользователя, а также направлял ваших клиентов в магазин.

1. «Предвзятые знания»

Интуитивно понятный дизайн для сайта электронной коммерции невидим и не имеет кривой обучения. Что означают эти большие, общие, всеобъемлющие слова? По сути, любой человек - будь то ваш преждевременный семилетний племянник или гериатрическая, но бодрая бабушка - может открыть ваш интернет-магазин и мгновенно купить ваши продукты.

Чтобы добиться такого плавного пользовательского интерфейса и навигации, вы должны рассмотреть то, что мы будем называть «предвзятым знанием». Предвзятые знания - это информация и привычки, которые посетители вашего сайта привносят с собой в свой интернет-магазин. Это может быть информация, полученная с других веб-сайтов конкурентов, из реального мира и виртуального опыта, или просто из интуиции. По сути, это все разные способы, по которым посетитель вашего сайта считает, что ваш сайт должен работать, основываясь на прошлом опыте.

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

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

Для любителей приключений, если вы так настаиваете на том, чтобы выделиться из толпы, вы можете исправить неясный дизайн, добавив указания или объяснения, действующие как мост между посетителями, предвзятыми знаниями и инновационной функцией. Возвращаясь к примеру нашей компании по недвижимости сверху, если вы особенно привязаны к тому, чтобы горячая точка была крышей дома, то обязательно сделайте это; но общаться через всплывающее окно или «нажмите здесь» текст. Используйте дополнительный элемент, чтобы объяснить своим потребителям свою концепцию; ведите своих клиентов через операции и к их цели: делать покупки.

2. Единая навигация по всем страницам

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

Процесс навигации должен быть стандартизирован, как и значки, изображения и кнопки. Чтобы избежать путаницы и заброшенных тележек, убедитесь, что перемещение по вашему интернет-магазину не меняется со страницы на страницу. Как это было бы неприятно, если бы меню категорий на главной странице вашего магазина было заподлицо с левой стороны, но после того, как вы вошли на одну из страниц категорий, меню внезапно переместилось на правую сторону. Хотя это может показаться смешным в этом изолированном примере, с точки зрения клиентов это может быть довольно неприятным опытом покупок - не только не знать, где найти функцию, но и никогда не быть в состоянии определить, где она будет дальше.

Изображения, включая кнопки, также должны быть стандартизированы. Например, когда клиент использует кнопку «Просмотреть корзину», она никогда не должна быть изменена или отличаться на других страницах вообще по многим причинам:

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

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

(3) Откладывание: и аналогичным образом, если одна и та же кнопка постоянно перемещается со страницы на страницу, клиенты не будут знать, где нажимать при просмотре различных категорий. Если ваша кнопка «Просмотреть корзину» находится в верхнем правом углу одной страницы, убедитесь, что она есть для всех остальных; в противном случае, как посетитель узнает, где нажать на свою корзину, если это зависит от того, на какой странице он находится.

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

3. Панировочные сухари

Возможно, самый эффективный способ обеспечить интуитивно понятную и организованную навигацию по всему интернет-магазину - это использовать систему, называемую панировочными сухарями. «Хлебные крошки» - это текстовая навигационная система, которая отслеживает ваше перемещение по веб-сайту, ведет хронику посещаемых вами страниц и показывает, где в различных категориях находится ваша текущая страница.

Он не только дает вашим потребителям ощущение направления на сайте, но и предоставляет вашим посетителям ярлыки для мгновенной навигации по категориям. Например, хлебная крошка - обычно находящаяся в верхней части веб-сайта - для страницы продуктов в интернет-магазине универмагов выглядела бы так: Главная> Одежда> Обувь> Ботинки. А клиенты могут щелкать по различным категориям и выполнять поиск на этих страницах, не обращаясь к исходному меню.

Хотя хлебные крошки в значительной степени повышают удобство использования вашего веб-сайта электронной коммерции, это только в том случае, если они сделаны хорошо. Потратьте время, чтобы действительно подумать о своих категориях и организации, стоящей за ними. Навигация в виде хлебных крошек на вашем веб-сайте сводит на нет его преимущества, если ваши группировки не имеют смысла или не ведут клиента туда, куда он рассчитывает. Можете ли вы представить себе разочарование и определенное отключение этого пути крошки: Главная> Одежда> Мебель> Книги> Макияж. На этом пути нет логического потока, и он наверняка не доставит того, кто ищет ботинки, в нужное место.

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

Богдан Рэнца

Богдан является одним из основателей Inspired Mag, накопив за этот период почти 6-летний опыт. В свободное время он любит изучать классическую музыку и изучать изобразительное искусство. Он тоже одержим исправлениями. У него уже есть 5.