Download - IBC Russia 2014 (выступление eski.mobi)
Артём ЦымповДиректор по технологиям в www.eski.mobi
facebook.com/tsympov
Содержание
● Сравнение вариантов мобилизации (10 мин)
● Рекомендации, советы по UX (10 мин)
● ROI (5 мин)
Сравнение вариантов мобилизации
Или адаптации...
Что такое мобильные устройства?
3” 15” 23”
Смартфон
Ноутбук
Настольный ПК
19”11”7”
3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27”
Смартфон
Ноутбук
Настольный ПК
Планшет
Появилсяв 2010 г.
3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27”
Смартфон
Планшет Ноутбук
Настольный ПК
Фаблет
20 миллионов продано только в
2013 г.
9” 11” 13” 15” 17” 19” 21”
Планшет Ноутбук
Настольный ПК
Фаблет
Гибрид:Планшет + Ноутбук
Asus Transformer
Microsoft Surface
Lenovo Yoga
Sony VAIO Duo
3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27”
На ладони На столе
Touch-screen
High DPI
На коленях
Смартфон
Планшет Ноутбук
Настольный ПК
Фаблет
Гибрид:Планшет + Ноутбук
3” 27”9” 15” 21”
Часы? ТВ?
Бесконечное множество устройств
3” 5” 7” 9” 11” 13” 15” 17” 19” 21” 23” 25” 27”
Смартфон
Планшет Ноутбук
Настольный ПК
Фаблет
Гибрид:Планшет + Ноутбук
Сайт должен работать на ЛЮБОМ устройстве
Как это сделать?
Новый адаптивный сайт
Отдельный сайт для мобильных
Адаптация существующего сайта
Как можно оптимизировать?
Новый адаптивный сайт
● Правильно
● Дорого
● Долго
Отдельный сайт для мобильных
● Понятно
● Дёшево
● Неудобно
Адаптация существующего сайта
● Реально?
● Недорого?
● Быстро?
Как можно оптимизировать?
Новый адаптивный сайт
● Правильно
● Дорого
● Долго
Отдельный сайт для мобильных
● Понятно
● Дёшево
● Неудобно
Адаптация существующего сайта
● Реально!
● Недорого!
● Быстро!
Адаптация существующего сайта
1. Конструктор
2. Отдельный шаблон для CMS
3. Dynamically-served JavaScript(используем в eskimobi)
1. Конструктор
● dudamobile.com
● mobilizetoday.com
● bmobilized.com
1. Конструктор
Итого:
● Для очень простых сайтов без JavaScript
● Мало вариантов кастомизации
● Быстро и дёшево
2. Отдельный шаблон для CMS
Мобильный плагин + тема для вашей CMS
● Плагин определяет, что юзер = мобильный
● Применяется мобильный шаблон для сайта
wordpress mobile plugin
Замените слово на название вашей CMS и найдёте готовое решение
2. Отдельный шаблон для CMS
Итого:
● Для любого сайта на популярной CMS
● Полный контроль над мобильной версией
● Долго, если кастомизировать под свои задачи
3. Dynamically-served JavaScript
Загружается оригинальный HTML сайта, но
применяется другой JS + CSS.
3. Dynamically-served JavaScript
● Рекомендует Google http://goo.gl/WNCyoP
3. Dynamically-served JavaScript
Итого:
● Делаем сайт адаптивным с другого конца
● Для продвинутых
● Быстрый запуск
● Без интеграции с CMS или API
Что же выбрать?
1. Конструктор
2. Отдельный шаблон для CMS
3. Dynamically-served JavaScript
или
4. Сделать совершенно новый адаптивный сайт
Быстро
Дёшево Хорошо
Срок
Дёшево
Конверсия
Удобство поддержки
Скорость загрузки
Быстро
Дёшево Хорошо
Конструктор
Шаблон для CMS Dynamic JS
Новый адаптивный
Рекомендации,советы по UX
Для мобильных / адаптивных сайтов
Что значит “качественно”
1. Удобная навигация
2. Телефоны click-to-call
3. Не WAP-стиль
4. Разумная группировка элементов (хорошая вёртска)
5. Контент в полном объёме (не урезан)
6. Ссылки и кнопки — под размер пальца
1. Удобная навигация
Шапказанимает больше половины экрана.
Нет доступа к каталогу.
Нет номера телефона.
2. Телефоны click-to-call
Телефон не нажимается вообще.
Нажимается, но без кода (+7) или (8).
Дозвониться не получится.
Ссылка без кода города и (+7)
3. Не WAP-стиль
Кто ваша аудиотория?
или
4. Разумная группировка элементов
5. Контент в полном объёме
На мобильной версии нет нужной информации
На мобильной версии нет нужной информации
5. Контент в полном объёме
6. Ссылки — под размер пальца
Что значит “качественно”
1. Удобная навигация
2. Телефоны click-to-call
3. Не WAP-стиль
4. Разумная группировка элементов (хорошая вёртска)
5. Контент в полном объёме (не урезан)
6. Ссылки и кнопки — под размер пальца
ROIВозврат инвестиций
Зачем адаптировать сайт?
Среднее увеличение конверсии среди мобильной аудитории
+50%
Данные мобильных сайтов Big Ben, Hoff, Такси Ритм, Avall, Олант.
История успеха Hoff.ru
+50%Увеличение конверсии после запуска мобильной версии
История успеха Econika.ru
+44%Увеличение конверсии после запуска мобильной версии
История успеха Dostavka.ru
+65%Увеличение конверсии после запуска мобильной версии
Вопросы?
Артём ЦымповДиректор по технологиям в www.eski.mobi
facebook.com/tsympov