Адаптивный сайт или мобильная версия - в чем разница?

Адаптивный сайт или мобильная версия — в чем разница?

Павел Гусевруководитель отдела веб-разработки

02_24

Адаптивный сайт или мобильная версия?

30% - мобильные устройства

03_24

Статистика использования мобильных устройств

Адаптивный сайт или мобильная версия?

РЕЙТИНГ@mail.ru

04_24

Статистика использования мобильных устройств(в процентах по дням)

Адаптивный сайт или мобильная версия?

РЕЙТИНГ@mail.ru

05_24

Статистика использования мобильных устройств(в абсолютных значениях по дням)

Адаптивный сайт или мобильная версия?

РЕЙТИНГ@mail.ru

06_24

Статистика использования мобильных устройств(по возрастам)

Адаптивный сайт или мобильная версия?

РЕЙТИНГ@mail.ru

Возраст, лет %

До 12 28.73

12-18 42.59

19-24 44.61

25-30 37.28

31-35 31.70

36-40 26.63

41-45 21.76

46-50 16.79

Больше 50 19.67

07_24

Статистика использования мобильных устройств(по отраслям)

Адаптивный сайт или мобильная версия?

РЕЙТИНГ@mail.ru

Отрасль %

Онлайновые издания 20.50

Спорт 19.95

Автомобили 16.25

Карьера/работа 15.52

Банки 14.69

Страхование 13.77

Торговля 13.47

Аудит и бухучет 8.83

Полиграфия и издательство 7.21

Стройматериалы и строительство 7.08

08_24

Память и процессор

Скорость соединения

Адаптивный сайт или мобильная версия?

Источники проблем отображения сайтана мобильном устройстве

Разрешение, размер и пропорции экрана

Мобильная версия

Примеры:

Адаптивный сайт или мобильная версия?

http://m.yandex.ru/

http://m.mail.ru/

http://m.vk.com/

09_24

Мобильная версия

Плюсы:

Адаптивный сайт или мобильная версия?

10_24

Минусы:

+ Технологическая простота

+ Облегченная версия сайта

- Поддержка двух сайтов вместо одного

- Дополнительный домен со схожим контентом: возможны проблемы с SEO

- Не решена проблема с многообразием устройств

11_24

Если вы решили сделать отдельную мобильную версию

Ни в коем случае не затрудняйте переход на полную версию с мобильной.

Не переполняйте мобильную версию функционалом, которым никто не будет пользоваться.

Старайтесь не применять на полной версии функционал, не работающий на мобильных устройствах.

ВАЖНО:

Адаптивный сайт или мобильная версия?

Мобильное приложение

Примеры:

Адаптивный сайт или мобильная версия?

12_24

Мобильное приложение

Плюсы:

Адаптивный сайт или мобильная версия?

13_24

Минусы:

+ Уменьшение сетевого трафика

- Технология, отличная от сайта

- Поддержка разных операционных систем и их версий

- Доступ на торговые площадки

-

Доступ к ресурсам устройства

+

+ Дополнительные возможности

Адаптивный сайт

Примеры:

Адаптивный сайт или мобильная версия?

14_24

http://foodsense.is/

http://www.starbucks.com/

http://www.microsoft.com/

Адаптивный сайт

Плюсы:

Адаптивный сайт или мобильная версия?

20_24

Минусы:

+ Одна версия под все устройства с единой логикой работы

- Технологическая сложность

- Не решает проблему загрузки большого объема информации

- Организационные проблемы

-

Что может помешать созданию адаптивного сайта?

Адаптивный сайт или мобильная версия?

21_24

Концепция дизайна

Размещаемая информация

Сложная функциональность

ГИБРИДНЫЕ РЕШЕНИЯ

Отдельный адаптивный сайт для мобильных устройств

Адаптивный сайт с отложенной загрузкой отдельных блоков

Адаптивный сайт или мобильная версия?

22_24

Так что же выбрать?

Критерии выбора:

Адаптивный сайт или мобильная версия?

23_24

Количество посетителей с мобильных устройств (с учетом разрешения и размера экрана)

Паттерны поведения

Необходимый функционал

Стоимость

СПАСИБО ЗА ВНИМАНИЕ!ПОЖАЛУЙСТА,ЗАДАВАЙТЕ ВОПРОСЫ.

Павел Гусевруководитель отдела веб-разработки

(495) 790-7591info@techart.ruwww.techart.ruhttp://twitter.com/techart/http://www.facebook.com/techartgroup