Download - Презентация с семинара "адаптивная вёрстка"
Семинар«Адаптивная вёрстка - способ
двукратного увеличения денежного потока»
16 января 2014
BulgarPromoДАР Линк-Идея
Фахрутдинов ДамирВедущий
Технический директор,Ведущий разработчик
Гильмуллин ДенисВедущий
Менеджер по продажам
Тухватуллин Булат РашидовичМодератор семинара
Директор постратегическому развитию
Адаптивная вёрстка - способ двукратного увеличения денежного потока
Тот, кто не позаботился о мобильном трафике, потерял четверть денег в 2013 году
Тот, кто не позаботится о мобильном трафике, потеряет половину денег в 2014 году
Тот, кто не позаботится о мобильном трафике, потеряет всё в *надцатом году
Тренды 2013 года: что вы должны сделать с сайтом в 2014 году, чтобы не потерять посетителей, которые используют разные устройства и технологии
Ситуация с мобильными устройствами: факты и статистика
Проблемы и мучения ваших посетителей
Адаптивная вёрстка: что это такое, примеры
Конверсии и эффективность адаптивного дизайна: факты
План семинара
Будущее уже наступило.
Что вы должны сделать с сайтом за 2014 год?
Плоский дизайн
Адаптивный дизайн
Адаптивный дизайн
Расскажите историю прокруткой
колесика мыши
Parallax scrolling
Социальная проверка
Посадочные страницы
Twitter bootstrap
Адаптивный дизайн/Адаптивная вёрстка
Начнём с самого главного – посетителей сайтов
Сколько людей сегодня используют мобильные устройства?
http://www.liveinternet.ru/stat/ru/browsers.html?period=month
БраузерПроцент
посетителей
Google Chrome 24.1%
Android Browser 16.4%
Mobile Safari 10.3%
Firefox 9.9%
Opera Mini 7.5%
Opera 12 6.1%
Яндекс.Браузер 5.0%
Opera Next 3.0%
Хром (Mail.ru) 3.0%
Explorer 11 2.1%
Операционная система
Количество посетителей Процент
Windows 7 42,635,864 35.6%
Android 28,098,276 23.5%
Windows XP 15,120,324 12.6%
iOS iPhone 8,412,780 7.0%
SymbianOS 5,812,557 4.9%
Windows 8 5,750,474 4.8%
Другие 4,931,938 4.1%
iOS iPad 4,699,739 3.9%
Windows Vista 1,147,974 1.0%
MacOS 1,059,124 0.9%
Операционная система
Количество посетителей Процент
Windows 7 42,635,864 35.6%
Android 28,098,276 23.5%
Windows XP 15,120,324 12.6%
iOS iPhone 8,412,780 7.0%
SymbianOS 5,812,557 4.9%
Windows 8 5,750,474 4.8%
Другие 4,931,938 4.1%
iOS iPad 4,699,739 3.9%
Windows Vista 1,147,974 1.0%
MacOS 1,059,124 0.9%
39,3%
А знаете, что ещё важнее?
Операционная система
Количество посетителей Процент
Windows 7 38,917,049 39.3%
Windows XP 18,134,468 18.3%
Android 14,355,223 14.5%
SymbianOS 6,737,242 6.8%
iOS iPhone 5,728,289 5.8%
Другие 5,425,431 5.5%
iOS iPad 3,325,779 3.4%
Windows 8 2,529,268 2.6%
Windows Vista 1,389,950 1.4%
MacOS 958,198 1.0%
30,5%
Июнь 2013
Операционная система
Количество посетителей Процент
Windows 7 35,360,298 39.8%
Windows XP 23,634,701 26.6%
Другие 11,000,564 12.4%
Android 6,842,650 7.7%
iOS iPhone 2,979,622 3.4%
SymbianOS 2,669,152 3.0%
Windows Vista 2,007,380 2.3%
iOS iPad 1,932,411 2.2%
MacOS 949,377 1.1%
Windows 7 35,360,298 39.8%
16,3%
Октябрь 2012
Операционная система
Количество посетителей Процент
Windows XP 27,861,700 40.4%
Windows 7 22,190,343 32.2%
Другие 9,002,906 13.1%
Windows Vista 3,264,756 4.7%
SymbianOS 1,798,282 2.6%
Android 1,270,977 1.8%
iOS iPhone 1,200,598 1.7%
MacOS 889,816 1.3%
iOS iPad 587,416 0.9%
Unix 449,846 0.7%
7,3%Октябрь 2011
Кто все эти люди?
Парень, покупающий девушке цветы
Отдых после работы, чтение вконтакта – вспомнил про покупку машины
Человек в центре города, срочно ищет, где купить сантехнику
Лежа на диване, листаем на мобильнике новые квартиры
Директор фирмы, использующий iPad вместо громоздкого ноутбука
Обычные люди
Как эти люди видят ваш сайт?
Как эти люди видят ваш сайт?
Почему бы не использовать мобильную версию сайта?
Два зеркала сайта для поисковых систем
«Я хотел попасть на сайт, а не на урезанную версию»
Отдельный адрес, который надо запоминать (mobile.super-company.ru)
Минусы мобильных версий
Что делать?
Адаптивная вёрстка.
Отзывчивый дизайн.
Responsitive design
Адаптивный дизайн.
Как люди должны видеть сайт?
Ещё примеры
http://tehnodekor.ru/
http://cait.ru
http://2012.newadventuresconf.com/
http://2013.newadventuresconf.com/
http://forefathersgroup.com/
http://www.stpaulsschool.org.uk/
http://designmodo.com/
http://www.oneillclothing.com/
Зачем это надо?
Сколько денег вы теряете с каждого процента мобильного трафика?
Сколько у вас таких посетителей?
3,50% Оборудование для предприятий
13,20% Организация мероприятий
11,70% Офисная мебель
15,32% Постельное бельё
28,13% Продажа цветов
38,40% Сообщество, продажа книг
8,90% Наружная реклама
9,70% Ремонтные работы, стоительство
7,45% Теплоизоляция
19,30% Магазин продуктов
7,00% Огнезащитные работы
2,60% Металлоконструкции
50,90% Медицинские услуги
11,00% Организация отдыха
13,30% Автозапчасти
11,20% Крепёж
4,20% Консалтинг
4,40% Машиностроение
20,30% Интернет-магазин продуктов
30,50% Рестораны
17,80% Ремонт автомобилей
14,40% Продажа оборудования
29,60% Магазин одежды
metrika.yandex.ru
Сколько таких посетителей у вас будет завтра?
Встретимся в будущем