Адаптивный сайт или мобильная версия — в чем разница?
Павел Гусевруководитель отдела веб-разработки
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) [email protected]://twitter.com/techart/http://www.facebook.com/techartgroup