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

1. Как продавать пользователям
смартфонов
Суслов Дмитрий
директор украинского и белорусского
офисов «1С-Битрикс»

2. Источник: Katy Huberty, Ehud Gelblum, Morgan Stanley Research. Data and Estimates as of 9/12.
Изменение объёмов поставок традиционных
компьютеров и мобильных устройств

3. Изменение общего количества традиционных
компьютеров и мобильных устройств
Исходя из следующих «жизненных циклов»: Desktop PCs – 5 лет; Notebooks PCs – 4 года; Smartphones – 2 года; Tablets – 2.5 года. Источник:
Katy Huberty, Ehud Gelblum, Morgan Stanley Research. Data and Estimates as of 9/12.

4. Онлайн-покупатели
выбирают покупают
2012 2013 2014 2012 2013 2014
Стационарный
компьютер
72% 70% 61% 69% 68% 62%
Ноутбук 46% 54% 63% 44% 50% 62%
Смартфон 13% 18% 24% 6% 8% 14%
Планшет 6% 13% 19% 3% 6% 14%
Источник: синдицированное регулярное исследование онлайн-торговли GfK Ukraine, вся Украина, 2012-2014
Рост покупок в украинских интернет-
магазинах с мобильных устройств

5. В прошлом году
24% американцев в
«чёрную пятницу»
покупали с
мобильных
устройств

6. В прошлом году
alibaba.com в первые
20 минут распродаж
продал товаров на
$1.000.000.000.
48% от этой суммы
было оплачено с
мобильных устройств.
http://www.alizila.com/alibabas-us-shopping-website-mobile-now

9. Мобильность –
главный тренд 2015 года

10. • Мобильные устройства
есть у всех
• Они быстрые и становятся
ещё быстрее
• На них удобно выбирать
товары и делать заказы,
читать новости
• С мобильным устройством
проводят до двух часов в
день

11. От чего зависит
доступность вашего
сайта на мобильных
устройствах?

12. Вы помните это время?

13. Вы помните это время?

14. Но всё изменилось…
9 января 2007 года

15. 9 января 2007 года

16. Но всё изменилось…
23 сентября 2008 года

17. 23 сентября 2008 года

18. Где мои 3G и LTE?

19. Адаптивный дизайн

20. Что такое «адаптивный дизайн»?
Адаптивный веб-дизайн (англ. Responsive web design) —
дизайн веб-страниц, обеспечивающий отличное
отображение сайта на различных устройствах,
подключённых к интернету.
Целью адаптивного веб-дизайна является универсальность веб-сайта для
различных устройств. Для того, чтобы веб-сайт был удобно просматриваемым с
устройств различных разрешений и форматов, по технологии адаптивного веб-
дизайна не нужно создавать отдельные версии веб-сайта для отдельных видов
устройств.

22. Преимущества адаптивного дизайна
(по сравнению с дизайном для отдельных устройств)
• Экономия на
разработке
• Отсутствие ветвлений
контента
• Простота SEO-
оптимизации
• Юзабилити и
пользовательский
опыт
• Более высокая
конверсия
• Упрощение аналитики

23. А как насчёт мобильной версии?

24. Мобильное приложение

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

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

27. Мобильное приложение для
интернет-магазина

28. Мобильное приложение для
администратора интернет-магазина

29. Как создать мобильное приложение?

30. Многие задумываются о том,
чтобы создать свое мобильное
приложение, но:
• требуется довольно большой бюджет на
разработку;
• мало кто пишет сразу под iOS и Android;
• нужна серверная часть;
• приложение тяжело обновлять;
• недостаточно знаний HTML, CSS и JS;
• экономически это очень дорого.

32. Рекомендации по контенту
• Сначала мобильные!
• Контент важнее навигации
• Ясность и отсутствие лишних деталей
• Универсальный контент
• Отделение формы от содержания
• Проведите ревизию вашего контента

33. Так всё-таки адаптивный дизайн или
мобильное приложение?

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

35. Что почитать

36. Спасибо за внимание!
Вопросы?
www.1c-bitrix.ua
#bitrix
(044) 221-55-33
sds@1c-bitrix.ua
@suslovcomua