Upload
artiom-tsympov
View
207
Download
0
Embed Size (px)
DESCRIPTION
Выступление Артёма Цымпова (Директор по технологиям @ eski.mobi) на выставке ECOM 2014
Citation preview
Адаптивные мобильные сайты
www.eski.mobi facebook.com/[email protected]
Интернет аудиторияКаждый третий человек в Москве пользуется интернетом со своего мобильного устройства.
↑40%↓60%Смартфоны и планшеты
Настольные ПК и ноутбуки
Данные: исследование TNS Web Index (Декабрь 2013 г.)
Обычный сайт на смартфоне
– Нечитаемый текст
– Неудобная навигация
– Мелкие кнопки и ссылки
– Медленно загружается
————————————
= Неудачный опыт, потеря клиента
Обычный сайт на смартфоне
– Нечитаемый текст
– Неудобная навигация
– Мелкие кнопки и ссылки
– Медленно загружается
————————————
= Неудачный опыт, потеря клиента
Это ненормально!
Сравните с мобильным сайтом
– Нечитаемый текст
– Неудобная навигация
– Мелкие кнопки и ссылки
– Медленно загружается
—————————————
= Неудачный опыт, потеря клиента
Вот это нормально!
Сравните с мобильным сайтом
+ Читаемый текст
+ Удобная навигация
+ Крупные кнопки, ссылки
+ Быстрая загрузка
——————————
= Счастливый клиент
– Нечитаемый текст
– Неудобная навигация
– Мелкие кнопки и ссылки
– Медленно загружается
—————————————
= Неудачный опыт, потеря клиента
Зачем это нужно?
Зачем адаптировать сайт?
Среднее увеличение конверсии среди мобильной аудитории
+50%
Данные мобильных сайтов Big Ben, Hoff, Такси Ритм, Avall, Олант.
Посчитайте сами:
Ваша текущая конверсия на мобильных платформах
Конверсия при наличии качественной
мобильной версии
A × 1,5 = B
= BКонверсия при наличии
качественной мобильной версии
Что значит “качественно”
1. Удобная навигация
2. Телефоны click-to-call
3. Не WAP-стиль
4. Разумная группировка элементов (хорошая вёртска)
5. Контент в полном объёме (не урезан)
1. Удобная навигация
Шапказанимает больше половины экрана.
Нет доступа к каталогу.
Нет номера телефона.
2. Телефоны click-to-call
Телефон не нажимается вообще.
Нажимается, но без кода (+7) или (8).
Дозвониться не получится.
Ссылка без кода города и (+7)
3. Не WAP-стиль
Кто ваша аудиотория?
или
4. Разумная группировка элементов
5. Контент в полном объёме
На мобильной версии нет нужной информации
На мобильной версии нет нужной информации
Что значит “качественно”
1. Удобная навигация
2. Телефоны click-to-call
3. Не WAP-стиль
4. Разумная группировка элементов (хорошая вёртска)
5. Контент в полном объёме (не урезан)
Анализ рынкаТоп-200 крупнейших интернет-продавцов
Рунета (2013 год)
http://www.kommersant.ru/Doc/2181834
ТОП-200 интернет-магазинов
Интернет-магазинов имеют мобильную версию сайта
48 из 200
ТОП-200 интернет-магазинов
Качественная мобильная версия
2325Некачественная
мобильная версия
+
ТОП-200 интернет-магазинов
Интернет-магазинов конвертируют мобильную аудиторию эффективнее
остальных.
12,5%
В какой группе вы?
Высокая конверсия
12,5% 11,5%
Низкая конверсия
76%
Очень низкая конверсия
У меня качественная мобильная версия
У меня кривая мобильная версия
У меня нет мобильной версии
Окей. Хочу сделать сайт удобным!
Какие есть варианты?
Окей. Хочу сделать сайт удобным!
● Отдельный сайт только для мобильных
● Плагин для CMS
● Responsive (адаптивный сайт)
● Конструктор
● Eski.mobi (технология эскимоби)
Сравнение решений
Отдельный сайт
Плагин для CMS Responsive Конструктор Eski.mobi
Свободные ресурсы ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
Сроки запуска ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
Качество ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
Удобство поддержки ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
Сравнение решенийОтдельный сайт
Плагин для CMS Responsive Конструктор Eski.mobi
Свободные ресурсы ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
Сроки запуска ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
Качество ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
Удобство поддержки ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
Итого 2,75 3 3 4 4,25
Сравнение решений
Отдельный сайт Плагин для CMS Responsive Конструктор Eski.mobi
Свободные ресурсы ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
Сроки запуска ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
Качество ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
Удобство поддержки ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
Итого 2,75 3 3 4 4,25
Стоимость $ $ $ $ $ $ $ $ $ $ $ $ $ $
Что же выбрать?
Все хотят:
● Быстро
● Качественно
● Недорого
Что же выбрать?
Все хотят:
● Быстро
● Качественно
● Недорого
Три сразу — не бывает.
Выбирайте 1 или 2 из трёх.
Что же выбрать?
Доступно:
● Быстро + Качественно = Дорого
● Качественно + Недорого = Долго и маловероятно
● Недорого + Быстро = Криво
Сравнение решенийОтдельный сайт Плагин для CMS Responsive Конструктор Eski.mobi
Свободные ресурсы ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
Сроки запуска ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
Качество ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
Удобство поддержки ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★ ★
Итого 2,75 3 3 4 4,25
Стоимость $ $ $ $ $ $ $ $ $ $ $ $ $ $
Качественно Недорого,Быстро Качественно Недорого,
БыстроКачественно, Быстро
Кейсы eski.mobi
История успеха Hoff.ru
+50%Увеличение конверсии после запуска мобильной версии
История успеха Econika.ru
+44%Увеличение конверсии после запуска мобильной версии
История успеха Dostavka.ru
+65%Увеличение конверсии после запуска мобильной версии
До ПослеОбычный сайт на смартфоне
Адаптивная мобильная версия
До ПослеОбычный сайт на смартфоне
Адаптивная мобильная версия
До ПослеОбычный сайт на смартфоне
Адаптивная мобильная версия
До ПослеОбычный сайт на смартфоне
Адаптивная мобильная версия
Адаптивные мобильные сайты
www.eski.mobi facebook.com/[email protected]