Мобилизациясуществующего сайта

www.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