Приложение для мобильных устройств или HTML5 ?

responsive-design-exampleПриложение для мобильных устройств или HTML5 ?

«Наибольшую ошибку компания сделала при большой ставке на HTML5 по сравнению с родными приложения для мобильных устройств» (с) Марк Цукерберг. Возможно это и является правдой. Но так ли все печально для HTML5 с точки зрения интернет магазинов ? Давайте разберемся.

Плюсы приложений:

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

Возможно для каких-то бизнес приложений, игр или обучающих программ использование вышеуказанных преимуществ является критически важным, но так ли это для приложений e-commerce ?

Родной интерфейс — пользователи достаточно лояльно относятся к разнообразным интерфейсам у различных сайтов. При этом возможность построения приложения при помощи  HTML5 и Responsive design дает сходный внешний вид для различных платформ.

Быстродействие — не является чем-то критическим, т.к. практически любое мобильное устройство благополучно может показать HTML страничку.

Интеграция с платформой — хм … в этот что-то есть, но как это использовать ? Кто и как использует доступ к камере или GSM модулю ?

Наличие интернет соединения — как ни крути, но для электронных магазинов лучше иметь интернет соединение, иначе придется строить online/offline HTML5 приложения, что является не тривиальной задачей.

Минусы приложений:

  • Тяжело разрабатывать приложения под множество платформ  одновременно — Android, IoS, Mobile windows.
  • Наличие специалистов. Каждая из мобильных платформ требует специфических знаний.
  • Вложив немалую сумму денег в разработку приложений можно получить весьма скромную отдачу.

Вы еще верите Цукербергу в данном вопросе и думаете, что нативное приложение для Вашего магазина сможет увеличить продажи, а HTML5 не подходит ? Если у Вас утвердительный ответ, то «подстелите соломку». Вот ряд рекомендаций которые помогут минимизировать риски:

  • Не делайте больших инвестиций и посмотрите на шаги конкурентов. Быть пионером — заманчиво, но опасно.
  • Выберите одну из платформ, наиболее распространенную в Вашем регионе, и попробуйте добиться повышения продаж с использованием магазина на данной платформе — Apple IoS, Android, Win mobile
  • Попробуйте интегрировать HTML5 мобильное приложение в родное. Данный шаг требует минимальных затрат, но возможно он позволит понять ситуацию.
  • Используйте визуальные построители приложений, типа appcelerator., результат не плох, затраты не велики, множество платформ.
  • Отложите в сторону нативные приложения и попробуйте HTML5 с responsive design 
Реклама

Пример с Yes-Cart

yes-logo64x64

Пример построения магазина с Yes-Cart

Давайте рассмотрим на конкретном примере, как построить электронный магазин с использованием платформы Yes-Cart.

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

Для увеличения продаж YC Ink. проводит ряд промо акций с предложением скидкок на протяжении года — 8 Марта, Рождественские,сезонные  и др. распродажи.

Первым шагом, который необходимо выполнить

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

Было решено открыть два веб магазина, один из которых будет предлагать весь ассортимент продукции http://www.yc-electronics.com и второй который будет заниматься только домашними кинотеатрами http://www.mytheatre.com и будет полностью иметь свое оформление. При этом оба магазина должны будут иметь общую базу покупателей, склад.  Структура каталогов для http://www.yc-electronics.com будет следующей.

  • Телевизоры
    • LCD
    • Плазменные панели
  • Компьютеры
    • Ноутбуки
    • Десктопы
    • Мониторы
  • Домашние кинотеатры
    • ….

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

Далее YC Ink. категоризировал все продукты и определил в надлежащий каталог.

Все необходимые манипуляции были произведены в обычном Excel , результат сохранен в csv файлах. Которые были позже автоматически импортированы в Yes-Cart.

csv-files

Следующий шаги

  • Для каждого магазина, создать фирменный стиль, лого, темы.
  • IT специалист должен модифицировать Yes-Cart для поддержки фирменного оформления

YC Ink. Создали бело-серую тему для yc-electronics.com полноцветную для магазина домашних кинотеатров.

yes-shop

Далее для выполнения этого шага

  • IT специалист должен модифицировать формат импорта данных, если будет применяться массовый импорт продуктов

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

  • Установить Yes-Cart

Установка была произведена на VPS серверах, с учетом масштабируемости и уменьшения затрат на обслуживание серверов

Для выполнения следующего шага была произведена регистрация доменных имен.

  • Создать необходимые магазины или один магазин

После установки были сконфигурированы соответствующие магазины.

  • Произвести импорт продуктов, каталогов, цен, складских остатков и т.п.

На данном шаге были импортированы категории, продукты, цены, складские остатки из ранее созданных csv файлов.

yum-import

Далее

  • Настроить платежный шлюз

У учетом региона и бизнес ситуации были выбраны два метода оплаты LiqPay и оплата через курьера.

После этого момента YC Ink. расширил свое присутствие в интернете и два магазина обслуживают клиентов и приносят прибыль.

Yes-Cart обозрение часть 2

yes-logo64x64Yes-Cart обозрение часть 2

Yes-Cart платформу можно условно разделить на два приложения: Электронный магазин и Админку (YUM).

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

how it works

Административная часть (YUM — Yes-cart update manager) позволяет создавать, конфигурировать и управлять всеми магазинами и сервисами. в них. YUM состоит из множества разделов, которые предназначены для выполнения определенных функций — Описание продуктов, Складской учет, Ценообразование, Выполнение заказов, Отчетность, Доставка, Управление пользователями и конфигурация.

Контрольный список для бизнес пользователей для старта с Yes-Cart

  • Принять решение, что будет предлагаться в магазине для покупателей, структуру каталога, продукты, сервисы и т.п.
  • Для каждого магазина, создать фирменный стиль, лого, темы.
  • IT специалист должен модифицировать Yes-Cart для поддержки фирменного оформления
  • IT специалист должен модифицировать формат импорта данных, если будет применяться массовый импорт продуктов
  • Установить Yes-Cart
  • Создать необходимые магазины или один магазин.
  • Произвести импорт продуктов, каталогов, цен, складских остатков и  т.п.
  • Настроить платежный шлюз
  • Начать работу.

В следующей статье простой пример покажет как это все сделать шаг за шагом.

Yes-Cart обозрение часть 1

yes-logo64x64

Yes-Cart обозрение часть 1

Yes-Cart  платформа для электронной коммерции, которая включает в себя следующую функциональность:

  • Управление продуктами
  • Управление каталогами
  • Складской учет, в минимальном объеме
  • Управление ценами и ценообразованием
  • Электронный магазин с поддержкой множества представлений
  • Интеграция с платежными системами начиная от широко известных PayPal и заканчивая LiqPay
  • Импорт/экспорт
  • Управление списком покупателей.
  • Заказы
  • И т.д.

Распространяется абсолютно  бесплатно под лицензией Apache 2.0.  , все исходные коды доступны здесь — https://code.google.com/p/yes-cart/

Стек используемых технологий достаточно стандартен — Java, Spring, Hibernate, Lucene, Apache Wicket , Flex, Blaze DS.  Легко интегрируется с существующими системами.

Статус проекта — активная разработка и подготовка к первому релизу.  Полноценную установку можно скачать здесь https://code.google.com/p/yes-cart/downloads/list . Выбирайте наиболее свежую.

Поехали ….

Небольшой бложек про продавцов, покупателей, платформы для e-commerce и платежные системы