Embed Size (px)
Citation preview
Артём Цымпов Директор по технологиям в eski.mobi
Интернет аудитория (±)
↑40%↓60%Смартфоны и планшеты
Настольные ПК и ноутбуки
Данные: исследование TNS Web Index (Декабрь 2013 г.)
Мобильный сайт Мобильная версия Адаптивный Responsive
Оптимизировано для мобильных устройств
✔Мобильный сайт Мобильная версия Адаптивный Responsive
Мобильные устройства
iOS Android Win Phone
Мобильные устройства
Opera Mini Win Mobile Symbian
Проблема
– Нечитаемый текст
– Неудобная навигация
– Мелкие кнопки и ссылки
– Медленно загружается
————————————
= Неудачный опыт, потеря клиента
Проблема
– Нечитаемый текст
– Неудобная навигация
– Мелкие кнопки и ссылки
– Медленно загружается
————————————
= Неудачный опыт, потеря клиента
Это ненормально!
Мобильная версия
– Нечитаемый текст
– Неудобная навигация
– Мелкие кнопки и ссылки
– Медленно загружается
—————————————
= Неудачный опыт, потеря клиента
Вот это нормально!
Мобильная версия
+ Читаемый текст
+ Удобная навигация
+ Крупные кнопки, ссылки
+ Быстрая загрузка
——————————
= Счастливый юзер
– Нечитаемый текст
– Неудобная навигация
– Мелкие кнопки и ссылки
– Медленно загружается
—————————————
= Неудачный опыт, потеря клиента
Зачем адаптировать сайт?
Среднее увеличение конверсии среди мобильной аудитории
+50%Данные мобильных сайтов Big Ben, Hoff, Такси Ритм, Avall, Олант.
История успеха Hoff.ru
+50%Увеличение конверсии после запуска мобильной версии
История успеха Econika.ru
+44%Увеличение конверсии после запуска мобильной версии
История успеха Dostavka.ru
+65%Увеличение конверсии после запуска мобильной версии
Как применить результаты e-commerce для
контентных проектов?
Что может быть конверсией● Покупка
● Регистрация
● Глубина просмотра
● Время на сайте
● Клик на рекламу
● Любое целевое действие
● Покупка
● Регистрация
● Глубина просмотра
● Время на сайте
● Клик на рекламу
● Любое целевое действие
Что может быть конверсией
● Покупка
● Регистрация
● Глубина просмотра
● Время на сайте
● Клик на рекламу
● Любое целевое действие
Что может быть конверсией
● Удобная навигация
● Читаемый текст
● Эффективная реклама=
Удобная навигация● Быстрый доступ ко всем разделам
● Крупные кнопки и ссылки
● Читаемый текст
Плохой пример
Хороший пример
Хороший пример
Размер кнопок под палец
Регистрация
Регистрация
Мин — 44px
Вход
Читаемый текст (не менее 14px)
Россия будет настаивать на оплате украинского газового долга для возобновления поставок Договоренность об оплате По итогам трехсторонних газовых переговоров между представителями России, Украины и ЕК 26 сентября было решено, что Украина до конца октября выплатит России $2 млрд, а до конца года доведет сумму выплат до $3,1 млрд.
Россия будет настаивать на оплате украинского газового долга для возобновления поставок Договоренность об оплате По итогам трехсторонних газовых переговоров между...
Плохой пример
Неплохой пример
Улучшаем
Эффективная реклама● Не full screen
● Не мешает просмотру сайта
● В стиле сайта (шрифт, цвет)
Баннер на весь экран = плохо
Уже лучше
Плохой пример
Треть экрана iPhone 5 занимает баннер. На iPhone 4 — почти половину.
Эффективная реклама
Баннер в самом верху. Размер — не больше самой шапки.
Эффективная реклама
Рекламный блок в середине страницы. Визуально не выделяется.
Эффективная реклама
Контекстный блок. Шрифт и цвет повторяет стиль сайта.
Эффективная реклама
Контекстный блок. Шрифт и цвет повторяет стиль сайта.
Улучшаем поведенческие факторы
● Удобная навигация +16%!
● Читаемый текст +16%!
● Эффективная реклама +16%
+50%
Окей. Хочу сделать сайт удобным!● Самостоятельно
● Фрилансер
● Студия
Технологии● Плагин или отдельный шаблон для CMS
● Конструктор
● Адаптивный дизайн
Плагины для CMS● WordPress Mobile Pack
● Bitrix Mobile
● Drupal Mobile Tools
● Mobile Joomla
Конструкторы● Dudamobile.com
● Gomobi.info
● Mobilizetoday.com
Адаптивный дизайн● Адаптивная вёрстка каждой уникальной страницы. Нет универсальных инструментов.
❏ бесплатно + сердито + долго
❏ дёшево + неплохо + недолго
❏ дорого + хорошо + быстро
Окей. Хочу сделать сайт удобным!
● Самостоятельно
● Фрилансер
● Студия
Выводы ● Изучите статистику: раздел мобильные устройства
● Выберите лучший способ мобилизации
● Не допускайте ошибок при мобилизации
● Примеры хороших сайтов — http://mobitaste.com/
46
Полная запись конференции на - www.kinza.pro
Первая масштабная конференция в России по заработку в интернете
