Дизайн и юзабилити интернет магазина

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

А вот и статья. ;)

***********************************************************************************************
Интернет магазин – это узелок коммерции во всемирной паутине, созданный исключительно для извлечения финансовой выгоды. Дизайн сайтов такого типа преимущественно заключается в правильной организации информации.

Однотипную информацию собирают в блоки (это задача контент менеджера, но чаще всего она падает на плечи многострадального дизайнера), и представляют ее в удобной и практичной форме с минимумом декора.

Количество декораций зависит только от тематики магазина, но, безусловно, украшательств на порядок меньше по сравнению с промо-сайтами. По-сути они будут больше отвлекать от основной задачи – от продажи товара.

Давайте рассмотрим основные блоки интернет магазина, и особенности их дизайна.

Каталог товаров

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

Каталог должен иметь конечное число категорий, желательно не более 7-10. Если возможно что-то объединить в одну категорию – смело делайте это, разобьете лучше в подкатегориях. Уровней вложенности должно быть не больше трех.

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

Корзина

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

Если в корзину что-то добавлено – необходимо продумать правильно отображение содержимого. Классический вариант это количество товаров и их суммарная стоимость, но нет придела совершенству. Вы можете сделать более умный и интерактивный элемент. Например, если товаров всего несколько, то можно их выводить коротким списком в области блока корзины, а если ваш сайт подразумевает «длинные чеки» (посетитель будет за раз приобретать более 10 товаров), можно показывать последний добавленный элемент (который будет символизировать, что процесс «добавления товара в корзину» прошел успешно).

Список товаров

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

Как показывать товар – «шахматкой», списком, по 5 штук, или по 50 – все зависит только от самого типа товара. Главное дайте возможность посетителю самостоятельно сортировать список по цене (а также в двух направлениях, по убыванию и по возрастанию), по дате добавления товара, возможно по некоторым техническим характеристикам.

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

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

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

Страница товара

Вот он, наш красивый фотоаппарат, или гламурный мп3-плеер, или может даже дрель с перфоратором украшенная стразами от Сваровски… Что на этой страничке? Красивая, качественная фотография товара, плюс возможность посмотреть его с разных ракурсов, и в увеличенном варианте тоже…

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

Описание товара. Тут должно быть не «все, что мы нашли в Гугле», и не стыренный текст с сайта ваших конкурентов. Текст должен продавать, все на вашем сайте должно продавать, и делать это на все 100% своего потенциала. Если это фотоаппарат – добавьте пару тестовых снимков сделанных этой камерой (найти их на соответствующих форумах – это плевое дело). Напишите для кого этот товар больше подходит, опишите все его достоинства.

Хороший текст может продать даже морозильную камеру жителям заполярья. Плохой текст (а такой на 99% всех е-магазинов) в лучшем случае не будет значительно мешать коммерции.

После описания товара, практически внизу страницы следует добавить блок «С этим товаром также приобретают» - и догадайтесь, что же там следует разместить? (;

Поиск по каталогу

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

Также на каждой странице следует разместить окошко поиска с кнопкой “Найти”, и рядом ссылочку на умный поиск о котором шла речь в предыдущем абзаце.

Контакты

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

Регистрация на сайте

Не самые позитивные эмоции вызывает необходимость регистрации на сайте перед покупкой. Сделайте эту функцию опциональной, и смотивируйте людей к регистрации (если в этом действительно есть необходимость). Например, можно организовать накопительную систему скидок, тогда объясните посетителю, что, пройдя простую процедуру, он в дальнейшем сможет экономить до 50% на своих покупках.

В этой статье мы рассмотрели основные блоковые элементы классического интернет магазина. Изобретать что-то новое в этом деле – себе вредить. Люди привыкают к некоторым вещам, а сервис должен быть удобным, так что не расстраивайте тех, кто хочет отдать вам свои деньги. (:

***********************************************************************************************

Собственно все. Большое спасибо Денису, который написал эту статью. Если Вы хотите сказать ему спасибо, то лучший способ сделать это - подписаться на его RSS ленту или оставьте спасибы в комментариях.
Или скажите спасибо мне, за то, что я уговорил его написать эту статью. Подписаться на мою ленту можно нажав на три буквы RSS или получайте новости сразу на e-mail.

Кстати, если бы я сравнивал Дениса и сами-знаете-кого, то я бы предпочел работать с Денисом, по ряду причин. ;)

Других ссылок на интересности сегодня не будет. :(

Узнайте секреты успешных предпринимателей

* Обязательно для заполнения
Вас интересуют

1873 человека уже получили доступ  к фишкам, секретам, кейсам и рекомендациям по увеличению прибыли из интернета.
Попробуйте, отказаться можно в любой момент!

Реально ли перенести оффлайновые идеи бизнеса в онлайн?

Немного отдохнув на морском побережье я готов вернуться к работе и к написанию статей. Всем привет!

Итак начнем.

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

Но для желающих заработать именно на переносе идей из оффлайна в онлайн пройдусь по этой теме поподробнее.

Для того что бы придумать онлайновую идею необходимо обладать тремя качествами, а именно:

  • Наблюдательностью
  • Умением мыслить комплексно
  • Умением ставить себя на место других людей

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

Наблюдать можно не только за окружающими Вас предметами, но и за людьми, а точнее за их поведением.
Если идея поможет людям, то они помогут идее материально. ;)

Продолжение.

А теперь ближе к делу. Расскажу Вам одну байку.

**************************************************************************************

Много, много лет назад один наблюдательный но ленивый Человек заметил, что из десяти новых бизнесов -
7 разоряются в течении года, 2 выживают, но остаются практически в нулях и еще 1 вырастает в полноценную компанию с очень высокой доходностью.
И задумался Человек о том как бы использовать свои наблюдения с максимальной пользой.
Для начала он решил открыть десять бизнесов, что бы один из них стал той самой прибыльной компанией и обеспечил бы ему спокойную старость. Потер Человек руки, вооружился карандашом и бумагой, и начал придумывать Идеи для бизнеса.
Долго сидел Человек, долго оставалась бумага чистой, а карандаш острым. И понял Человек, что не идут ему в голову Идеи и вообще не с его мозгами придумывать Идею. И пригорюнился Человек, потому как понял, что кроме Идеи нужно этими компаниями нужно еще и управлять, и руководить сотрудниками неумелыми, а 10 компаний это чересчур даже для деятельного бизнесмена, а мы ведь помним, что Человек был ленивый. Совсем приуныл Человек, и напала на него страшная Депрессия.
Лег Человек спать и приснился ему интересный сон, и вскочил Человек посреди ночи, схватил карандаш и бумагу, и начал писать, а когда остановился, то у видел, что карандаш затупился и места чистого на бумаге не осталось.
Прочитал Человек свои записи и дождавшись утра побежал в большой дом со странным названием - Биржа.
И взял он все свои сбережения, и отдал их Брокеру, и велел купить акции десяти молодых бизнесов.
Целый год прождал Человек и когда терпение его истощилось, а нервы превратились в натянутую струну, пошел он опять в дом под названием Биржа, и спросил дрожащим голосом у Брокера, ну как там мои сбережения? И отвечал ему Брокер:
- Вот акции семи компаний, они разорились Вы потеряли половину своих капиталов.
Приуныл человек, жалко ему стало своих денег.
А Брокер продолжал:
- Вот акции еще двух компаний, они стоят столько же сколько стоили, ничего Вы на них не заработали.
Еще больше приуныл Человек, жалко ему стало времени потраченного.
И тут Брокер говорит:
- А вот акции десятой компании, выросли в цене они безмерно, и увеличились Ваши капиталы многократно от первоначальных, и даже потери на первых семи компаниях перекрыли, и прибыли принесли большие.
И возрадовался Человек, и велел Брокеру купить еще акций, еще десяти компаний, но только с учетом диверсификации и грамотного “Управления капиталом”.
И стал человек через несколько лет мультимиллионером, и жил он долго и счастливо, и написал о деяниях своих умную книгу, которую я и взял за основу для рассказа.

**************************************************************************************

Вот такая вот байка. А теперь вернусь к онлайну.

Как применить мой небольшой рассказ к онлайновому воплощению?

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

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

Но что делать людям которые не могут придумывать идеи, у которых это просто не получается?

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

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

Вот и все на сегодня, всем спасибо за внимание.
Для оперативного получения статей подпишитесь на RSS или получайте статьи прямо на e-mail.

P.S. С сегодняшнего дня исчезают ссылки на блоги, кроме тех которые я читаю и считаю полезными для людей.
Например - Бизнес Дизайн от Дениса Судилковского
Ну или тот самый гуру дизайна с большим но вялым трафиком. ;)

Прости Блоговар ;)

© Поляков Валентин. Рынок оптимизации.

Узнайте секреты успешных предпринимателей

* Обязательно для заполнения
Вас интересуют

1873 человека уже получили доступ  к фишкам, секретам, кейсам и рекомендациям по увеличению прибыли из интернета.
Попробуйте, отказаться можно в любой момент!

Add to Technorati Favorites Add to Technorati Favorites