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/
Вопросы?
![G-FAIR 브로셔-영문(전) [변환됨] - KOTRAkotra.or.jp/wp-content/uploads/2014/08/G-FAIRKOREA2014... · 2014. 8. 4. · 2014 2014 2014 2014 2014 1st-4th, 2014 2014. 10. 1(Wed)~4(Sat)](https://img.pdfslide.net/doc/110x75/60b1934121e8123f905422c2/g-fair-eoeeoe-e-ee-2014-8-4-2014-2014-2014-2014-2014.jpg)
