Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

RIW 2015 / Русский e-commerce и мобильная аудитория

Краткая статистика
Обновление Google
Зачем адаптировать
Как не накосячить
Анализ рынка e-commerce
Способы адаптации сайта

  • Be the first to comment

RIW 2015 / Русский e-commerce и мобильная аудитория

  1. 1. www.eski.mobi Русский e-commerce и мобильная аудитория
  2. 2. Артём Цымпов Директор по технологиям eski.mobi Команда эскимоби адаптировала 100+ сайтов для мобильных устройств.
  3. 3. Тезисы ● Краткая статистика ● Обновление Google ● Зачем адаптировать ● Как не накосячить ● Анализ рынка e-commerce ● Способы адаптации сайта
  4. 4. Краткая статистика 2014 2015 Смартфоны Планшеты ПК Источник — сайт с ежемесячной посещяемостью 300 000 юзеров 20132012
  5. 5. Краткая статистика 20152012 +280% Рост мобильной аудитории за 3 года
  6. 6. В четыре раза, Карл.
  7. 7. Прогноз Увеличение смартфон трафика в 10 раз до 2020 г. Источник — Ericsson Mobility Report (June 2015)
  8. 8. Обновление Google Получали уведомление? Проверьте свой сайт в Google Webmaster tools.
  9. 9. Fix mobile usability issues found on...
  10. 10. Показатель “мобильности” Для мобильных
  11. 11. Проверьте свой – eski.mobi/check Отлично! Cтраница оптимизирована для мобильных устройств.
  12. 12. Для продвинутых – eski.mobi/speed
  13. 13. Скорость может быть не 100% Это внешний шрифт с сервера Google. Привет, Я.Метрика! И Google Analytics... Оптимизируйте работу CSS на следующих ресурсах: http://eski.mobi/…/themes/sandbox/style.css http://fonts.googleapis.com/css?family=Fredoka+One Используйте кеш браузера для следующих ресурсов: https://mc.yandex.ru/metrika/watch.js (60 минут) http://www.google-analytics.com/analytics.js (2 часа)
  14. 14. Удобство должно быть 100% Удобство для пользователей100/100
  15. 15. Зачем адаптировать сайт? Среднее увеличение конверсии среди мобильной аудитории. Результаты 2013 года. +50% 2013
  16. 16. Зачем адаптировать сайт? 2015 ±30% Среднее увеличение конверсии среди мобильной аудитории. Результаты 2015 года.
  17. 17. Почему результаты ухудшились? ● Количество очень кривых сайтов уменьшилось. ● Аудитория привыкла к неудобствам. ● Скорость мобильного интернета выросла. Это не значит, что можно забыть про адаптацию. Чем хуже ваш дестопный сайт, тем выше будет конверсия после адаптации.
  18. 18. Посчитайте сами: Ваша текущая конверсия на мобильных платформах Конверсия при наличии качественной мобильной версии A × 1,3 = B
  19. 19. = BКонверсия при наличии качественной мобильной версии
  20. 20. Что значит “качественно” 1. Удобная навигация 2. Телефоны click-to-call 3. Не WAP-стиль 4. Разумная группировка элементов 5. Контент в полном объёме (не урезан)
  21. 21. Неудобная навигация
  22. 22. Шапка занимает больше половины экрана.
  23. 23. Нет доступа к каталогу.
  24. 24. Кто-то догадался и исправился 20152013
  25. 25. Нет номера телефона.
  26. 26. Кто-то догадался и исправился 20152013
  27. 27. 2. Телефоны click-to-call
  28. 28. Телефон не нажимается вообще.
  29. 29. Нажимается, но без кода (+7) или (8). Дозвониться не получится.
  30. 30. Ссылка без кода города и (+7)
  31. 31. 3. Не WAP-стиль
  32. 32. 4. Разумная группировка элементов
  33. 33. Это не решение проблемы... 20152013
  34. 34. Это не решение проблемы... 20152013
  35. 35. 5. Контент в полном объёме
  36. 36. На мобильной версии нет нужной информации
  37. 37. На мобильной версии нет нужной информации
  38. 38. Что значит “качественно” 1. Удобная навигация 2. Телефоны click-to-call 3. Не WAP-стиль 4. Разумная группировка элементов 5. Контент в полном объёме (не урезан)
  39. 39. Анализ рынка Топ-200 крупнейших интернет-продавцов Рунета (2013 год) http://www.kommersant.ru/Doc/2181834
  40. 40. ТОП-200 интернет-магазинов Интернет-магазинов имеют мобильную версию сайта 48 из 200 2013
  41. 41. ТОП-200 интернет-магазинов Качественная мобильная версия 2325 Некачественная мобильная версия + 2013
  42. 42. ТОП-200 интернет-магазинов Интернет-магазинов конвертируют мобильную аудиторию эффективнее остальных. 12,5% 2013
  43. 43. В какой группе вы? Высокая конверсия 12,5% 11,5% Низкая конверсия 76% Конверсия равна декстопу У меня качественная мобильная версия У меня кривая мобильная версия У меня нет мобильной версии 2013
  44. 44. ТОП-200 интернет-магазинов Интернет-магазинов имеют мобильную версию сайта 65 из 200 2015
  45. 45. ТОП-200 интернет-магазинов 2013 2015 Хороший мобильный сайт 12% 26% Кривенький мобильный сайт 11% 6%
  46. 46. Окей. Хочу сделать сайт удобным! Какие есть варианты?
  47. 47. 2 способа мобилизации сайта ● Отдельный мобильный сайт ○ С отдельной CMS ○ Мобильный, связанный с основным по API ○ Отдельный шаблон для мобильных устройств ● Адаптивный сайт ○ Обычный адаптивный дизайн. ○ Dynamically-served JavaScript (технология eskimobi).
  48. 48. 2 способа мобилизации сайта ● Отдельный мобильный сайт ○ С отдельной CMS ○ Мобильный, связанный с основным по API ○ Отдельный шаблон для мобильных устройств ● Адаптивный сайт ○ Обычный адаптивный дизайн. ○ Dynamically-served JavaScript (технология eskimobi). Ни в коем случае!
  49. 49. 2 способа мобилизации сайта ● Отдельный мобильный сайт ○ С отдельной CMS ○ Мобильный, связанный с основным по API ○ Отдельный шаблон для мобильных устройств ● Адаптивный сайт ○ Обычный адаптивный дизайн. ○ Dynamically-served JavaScript (технология eskimobi). Подходит большим проектам: facebook, twitter
  50. 50. 2 способа мобилизации сайта ● Отдельный мобильный сайт ○ С отдельной CMS ○ Мобильный, связанный с основным по API ○ Отдельный шаблон для мобильных устройств ● Адаптивный сайт ○ Обычный адаптивный дизайн. ○ Dynamically-served JavaScript (технология eskimobi). Хорошее решение
  51. 51. 2 способа мобилизации сайта ● Отдельный мобильный сайт ○ С отдельной CMS ○ Мобильный, связанный с основным по API ○ Отдельный шаблон для мобильных устройств ● Адаптивный сайт ○ Обычный адаптивный дизайн. ○ Dynamically-served JavaScript (технология eskimobi). Очень хорошее решение
  52. 52. 2 способа мобилизации сайта ● Отдельный мобильный сайт ○ С отдельной CMS ○ Мобильный, связанный с основным по API ○ Отдельный шаблон для мобильных устройств ● Адаптивный сайт ○ Обычный адаптивный дизайн. ○ Dynamically-served JavaScript (технология eskimobi). Ещё лучше
  53. 53. Технология eski.mobi ● Все прелести адаптивного дизайна. ● Без привлечения разработчиков заказчика. ● Не требуется доступ к базе данных, API или CMS. ● Срок запуска ±30 дней. ● Нашу технологию рекомендует Google ● и 100+ клиентов в портфолио.
  54. 54. Выводы ● За год мобильный трафик вырос вдвое ● Изучите гайдлайны Google для мобильных сайтов ● Выберите подходящий вариант адаптации ● Оповестите поисковые системы о мобильном сайте ● Не накосячьте с моби-сайтом ● Прислушайтесь к советам для лучшего UX
  55. 55. Артём Цымпов Директор по технологиям eski.mobi Facebook — fb.com/tsympov Сайт — www.eski.mobi Email — hello@eski.mobi

×