Проектирование и функциональность

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

Подготовить сразу качественное ТЗ[8] очень сложно.

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

В технические подробности не будем вдаваться, остановимся на специальных функциях, которые приносят пользу с точки зрения продаж и поэтому обязательно должны закладываться в ТЗ. Сегодня особое место нужно отводить информации о продаваемых продуктах (по данным «ROMIR» такой информации не хватает 51% покупателей).

Можно выделить десять основных функций влияющих на продажи:

Первая такая функция – фильтры по разным параметрам (например, фильтр в интернет-магазине Oldicomputers –, позволяет отсортировать товары по производителю, цене и другим параметрам). Очень удобно для выбора нужного товара.

Вторая функция – сравнение однородных продуктов по параметрам (например, таблица сравнения программного продукта 1С-Битрикс). Очень удобно при выборе нужного продукта, а значит, помогает потенциальному клиенту стать реальным.(Табл 2.1)

Третья функция – функционал для демонстрации товаров. Важно дать клиенту возможность по максимуму оценить товар, для этого, в зависимости от товара, подойдут возможности посмотреть фотографии, видео (например, интернет-магазин по продаже аудио техники компании Creative предлагает просмотр товара в 3D) и многое другое.

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

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

Табл.2.1

Таблица сравнений редакций.

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

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

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

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

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

Девятая функция – рассылка по подписке. Важный элемент, особенно для постоянных покупателей, которые хотят быть в курсе новинок и акций или ожидают появления товара на складе. Безусловно, чтобы не попасть в папку спама, нужно продумать удобный функционал по настройке этой рассылки и дать простую возможность отписаться, а по стандарту она должна быть ненавязчивая (например, рассылка есть у интернет-магазинаOzon.ru).

Десятая функция – интеграция интернет-магазина со сторонними системами. Эта функция косвенно влияет на продажи, но при этом значительно помогает работе магазина. Не всегда, но довольно часто требуется интеграция с 1С, ERP, CRM и т.д. Это не сложно сделать, у многих коробочных CMS есть стандартный функционал для интеграции с некоторыми продуктами.

Дизайн

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

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

Огромный недостаток интернет-магазинов заключается в том, что нельзя повертеть товар в руках, открыть, пролистать, рассмотреть. Этот недостаток нельзя исправить, но можно сгладить.

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

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

Самое важное, что интернет-магазину нужно для продажи — это хорошая верстка, хорошо читаемые название и описание продуктов, их фотографии, понятная навигация по интернет-магазину. Все.

Верстка

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

W3C[9], а во-вторых, сайт должен правильно отображаться всеми популярными браузерами (сейчас самые популярные браузеры InternetExplorer (6,7,8),Firefox(3х),GoogleChrome (5х), Safari (4х) иOpera (9х,10х)).

Верстка – это процесс преобразования макета дизайна в интерфейс взаимодействия клиента с сайтом. От верстки зависит еще и качество индексации страниц магазина поисковыми системами.

Программирование

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

На данном этапе стоит обратить особое внимание на безопасность системы в целом. Если используется платная коробочная CMS, например, 1С-Битрикс или Amiro.CMS – они уже хорошо защищены и прошли много тестов по безопасности, весь новый функционал нужно будет обязательно отдельно протестировать на XSS, SQL injection и др.

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

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

Стоит помнить, что созданный сайт будет продвигаться, в том числе и в поисковых системах, поэтому заранее можно учесть рекомендации по SEO[10] от Google и Яндекс, да и вообще, заранее подготовить сайт интернет-магазина к продвижению.

Тестирование

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

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

Затем можно провести нагрузочное тестирование (Load-testing) и тестирование на устойчивость (Stress-testing), это делается с помощью специальных программных средств.

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

Контент

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

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

Подготовка и внесение информации по товарам обходится от 50% до 100% стоимости разработки магазина. Зависит от доступности информации и ее качества.

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

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