Презентация по теме "адаптивная вёрстка"

Семинар«Адаптивная вёрстка - способ

двукратного увеличения денежного потока»

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

Сколько таких посетителей у вас будет завтра?

Встретимся в будущем