—»     —»   20 великолепных примеров того, как правильно вести электронный бизнес
  Раздел: eCommerce   Нет комментариев  

20 великолепных примеров того, как правильно вести электронный бизнес



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

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

Начнем с постановки проблемы

20 великолепных примеров того, как правильно вести электронный бизнес

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

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

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

Решения

Интернет-магазин Xtreme Mac

20 великолепных примеров того, как правильно вести электронный бизнес

Покупка в магазине Xtreme Mac стала моим самым интересным опытом в области интернет-торговли, в рамках которого я столкнулся со многими инновационными решениями (сайт Icon Dock, представленный ниже, проиграл в честной борьбе и занимает второе место). Вашему вниманию сразу предлагается сетка фотографий товаров с различными яркими и насыщенными динамическими эффектами. Когда вы «кликаете» на ту или иную картинку, не нужно переходить на новую страницу – вся сетка просто сдвигается таким образом, что выбранный элемент может увеличиться в 8 раз по отношению к исходному размеру. После этого вы можете увидеть и более крупные фото товара, его краткое описание и получаете возможность ознакомиться с дополнительной информацией либо приобрести изделие. Кликните на другом элементе сетки, и она опять сдвинется, продемонстрировав все преимущества нового товара.

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

Интернет-магазин Icon Dock

20 великолепных примеров того, как правильно вести электронный бизнес

С первого момента знакомства с сайтом Icon Dock вы можете убедиться, что он красив и наполнен множеством иллюстраций высокого качества. Тем не менее, больше всего мне нравится в этом ресурсе то, как на нем реализована покупательская корзина. На некоторых сайтах довольно сложно просматривать содержимое корзины и управлять им, но Icon Dock визуализирует выбранные предметы в виде иконок, которые располагаются поверх экрана. Если вы хотите отложить товар, вы просто можете перетащить его иконку в корзину. Если же вам нужно удалить тот или иной элемент, это очень легко сделать, просто нажав маленький крестик (х) на иконке.

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

Интернет-магазин Nike

20 великолепных примеров того, как правильно вести электронный бизнес

Заранее извиняюсь перед теми, кто не любит Flash, но мне действительно понравился этот сайт. Добавлю ложку дегтя: страницы грузятся довольно долго, что немного раздражает. Тем не менее, в целом ресурс – впечатляющее визуальное зрелище. Как и на Kmart.com, на этом сайте можно найти множество товаров (возможно, их здесь чуть меньше, но все равно ассортимент впечатляющий), однако Nike не стал наводнять страницы завалами несвязанной информации, а выстроил четкую иерархию информации в безупречной визуальной манере. Все данные были разделены на десять сегментов, которые, тем не менее, образуют единое целое. Давайте рассмотрим несколько приемов, с помощью которых создатели добились такого эффекта.

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

Еще одна мера, которую предпринял Nike – внедрил постоянный цветовой фон для основных элементов на странице, чтобы избежать рассеяния внимания, что случается при работе с Kmart.com. Такой прием дает ощущение, что веб-страница создавалась в одно время одним дизайнером. Это выглядит намного привлекательнее ситуации, когда на одну основу периодически добавляются разнородные элементы. Именно этот эффект называют синергией.

Интернет-магазин SkinBox

20 великолепных примеров того, как правильно вести электронный бизнес

Сайт SkinBox делает процесс поиска скинов для форумов небывало легким. На стартовой странице представлен преимущественно один раздел, в котором демонстрируются доступные темы. Разбиение на категории (светлые, темные и т.д.) намного упрощает задачу поиска нужного вам скина. Все темы представлены в рамках единой сетки, есть возможность ознакомиться с дополнительной информацией или приобрести товар. Безусловно, это важно. Часто сайты интернет-магазинов переполнены скучной информацией, что приводит к перенасыщению страниц текстом и попыткам продать то, о чем у покупателя не складывается визуального образа (в частности, в рассматриваемом случае происходит именно так). Если вы продаете дизайнерское решение, позаботьтесь о том, чтобы доступ к дополнительной информации осуществлялся с помощью кнопки «узнать больше». При этом организация веб-страницы должна быть таковой, чтобы заинтересованные пользователи с легкостью могли бы найти эти данные, а клиенты, просто осуществляющие поиск, не утомлялись от прочтения подробных описаний.

Интернет-магазин DropBags

20 великолепных примеров того, как правильно вести электронный бизнес

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

Фишка в том, что этот товар продается необычно. На сайте продают мешки, которые нужно класть в ведро. Отличное предложение, не правда ли? Тем не менее, сайт настолько привлекателен и так грамотно продвигает свой неказистый товар, что я уже был почти готов купить его. Будучи дизайнером, всегда идти по проторенной дорожке Nike не получится. Рано или поздно вы встречаетесь с клиентом, который хочет продавать «мульти-функциональный набор для экстракции», а по сути – дорогой мешок для мусора. В таком случае, вам придется приложить столько же усилий и напридумывать такое же количество маркетинговых решений, как если бы вы работали с широко известной компанией. Сделайте процесс покупки максимально линейным и простым, а интерфейс сайта – привлекательным и воодушевляющим.

Интернет-магазин IKEA

20 великолепных примеров того, как правильно вести электронный бизнес

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

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

Е-магазин Cellar Thief

20 великолепных примеров того, как правильно вести электронный бизнес

Cellar Thief – блестящий пример креативного веб-дизайна. Разработчики соединили последние тенденции интернет-дизайна с насыщенными текстурами и яркими цветами, характерными для винной индустрии, чтобы создать невероятно привлекательный е-магазин. Заметим, что компания продает лишь три вида вин, соответственно, продуктовый ряд намного уже, чем в среднем случае, однако на примере этого ресурса многому можно научиться.

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

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

Другие привлекательные сайты е-торговли

Baby Quasar

20 великолепных примеров того, как правильно вести электронный бизнес

Ooga Zone

20 великолепных примеров того, как правильно вести электронный бизнес

ShoeGuru

20 великолепных примеров того, как правильно вести электронный бизнес

Madsen Bicycles

20 великолепных примеров того, как правильно вести электронный бизнес

i/denti/tee

20 великолепных примеров того, как правильно вести электронный бизнес

Abercrombie & Fitch

20 великолепных примеров того, как правильно вести электронный бизнес

Sucré

20 великолепных примеров того, как правильно вести электронный бизнес

DNA11

20 великолепных примеров того, как правильно вести электронный бизнес

MacStylez

20 великолепных примеров того, как правильно вести электронный бизнес

One+Only

20 великолепных примеров того, как правильно вести электронный бизнес

Twelve South

20 великолепных примеров того, как правильно вести электронный бизнес

Sony

20 великолепных примеров того, как правильно вести электронный бизнес

Вывод

Итак, мы рассмотрели примеры того, что я называю правильным и неправильным подходом к созданию интерфейса сайта электронной торговли, мне было бы интересно узнать ваше мнение. Расскажите нам о своих мыслях касательно покупок в интернете, а также о том, что вам нравится и что отталкивает в рассмотренных выше примерах.
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Опубликовал Mysterious Master   Прочитано (раз): 10492   |   Нет комментариев
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Национальная денежная единица США
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Ноябрь 2017    »
ПнВтСрЧтПтСбВс
 12345
6789101112
13141516171819
20212223242526
27282930