Адаптивные онлайн-СМИ: самоубийство или прорыв?

47
Обложка

Upload: agima

Post on 12-Jun-2015

407 views

Category:

Technology


3 download

DESCRIPTION

Александр Богданов Успех Boston Globe, особенности адаптивного сайта BBC, эксперименты Times. Подробнее: http://agima.ru/news/277/

TRANSCRIPT

Page 1: Адаптивные онлайн-СМИ: самоубийство или прорыв?

Обложка

Page 2: Адаптивные онлайн-СМИ: самоубийство или прорыв?

Мобильный интернет

Page 3: Адаптивные онлайн-СМИ: самоубийство или прорыв?

Мобильный интернет

Page 4: Адаптивные онлайн-СМИ: самоубийство или прорыв?
Page 5: Адаптивные онлайн-СМИ: самоубийство или прорыв?
Page 6: Адаптивные онлайн-СМИ: самоубийство или прорыв?

скрин ЦРТ. колбасы, райффайзена, инконсалта, е-полиса

Page 7: Адаптивные онлайн-СМИ: самоубийство или прорыв?

Фотка неадаптивного СМИ рядом с Адаптивным)

Page 8: Адаптивные онлайн-СМИ: самоубийство или прорыв?

(бумажная газета, рядом компьютер с открытым сайтом BBC, рядом Iphone c сайтом BBC NEWS)

Page 9: Адаптивные онлайн-СМИ: самоубийство или прорыв?

График Почему СМИ необходимо работать с мобильной аудиторией (Россия)

Page 10: Адаптивные онлайн-СМИ: самоубийство или прорыв?

График Почему СМИ необходимо работать с мобильной аудиторией (МИР)

Page 11: Адаптивные онлайн-СМИ: самоубийство или прорыв?

Фотка Kindle

Page 12: Адаптивные онлайн-СМИ: самоубийство или прорыв?

ТОП 10 устройств с которых посещают отечественные СМИ

Page 13: Адаптивные онлайн-СМИ: самоубийство или прорыв?

визуальный язык BBC

Page 14: Адаптивные онлайн-СМИ: самоубийство или прорыв?
Page 15: Адаптивные онлайн-СМИ: самоубийство или прорыв?

(фотография андройда рядом с iphone и выделенны кнопки "назад")

Page 16: Адаптивные онлайн-СМИ: самоубийство или прорыв?

(слайд с сетками BBС)

Page 17: Адаптивные онлайн-СМИ: самоубийство или прорыв?

(Одноколоночная или 2х колоночная сетка)

Page 18: Адаптивные онлайн-СМИ: самоубийство или прорыв?

(иллюстрация проблем с каруселями на BBC)

Page 19: Адаптивные онлайн-СМИ: самоубийство или прорыв?

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

Page 20: Адаптивные онлайн-СМИ: самоубийство или прорыв?

(Скрин BBC где видны неконтрастные изображения)

Page 21: Адаптивные онлайн-СМИ: самоубийство или прорыв?

(скрин с видосами)

Page 22: Адаптивные онлайн-СМИ: самоубийство или прорыв?

(Лого Bostone Globe)

Page 23: Адаптивные онлайн-СМИ: самоубийство или прорыв?

визуал - первооткрыватели, абсолютно новоые решения

Page 24: Адаптивные онлайн-СМИ: самоубийство или прорыв?
Page 25: Адаптивные онлайн-СМИ: самоубийство или прорыв?

(Media Queries)

Page 26: Адаптивные онлайн-СМИ: самоубийство или прорыв?

(Заголовок - адаптивные изображения, рядом схема: несколько одинаковых по содержанию, но разхных по размеру

изображений и стрелочки на мобильный, планшет, десктоп)

Page 27: Адаптивные онлайн-СМИ: самоубийство или прорыв?

(Сложности в определении размера экрана и типа устройства)

Page 28: Адаптивные онлайн-СМИ: самоубийство или прорыв?

(Game Boy и надпись "No User agent")

Page 29: Адаптивные онлайн-СМИ: самоубийство или прорыв?

(изображение мифического устройства будущего)

Page 30: Адаптивные онлайн-СМИ: самоубийство или прорыв?

(Изображение старых КПК, в том числе и PALM)

Page 31: Адаптивные онлайн-СМИ: самоубийство или прорыв?

(лого HTML5)

Page 32: Адаптивные онлайн-СМИ: самоубийство или прорыв?
Page 33: Адаптивные онлайн-СМИ: самоубийство или прорыв?

(Иллюстрация кроссворда в газете)

Page 34: Адаптивные онлайн-СМИ: самоубийство или прорыв?

(показываем библиотеку готовых скриптов - чужие наработки)

Page 35: Адаптивные онлайн-СМИ: самоубийство или прорыв?

надпись: Все что-бы контент загрузился моментально

Page 36: Адаптивные онлайн-СМИ: самоубийство или прорыв?

фотография старого Blackbery

Page 37: Адаптивные онлайн-СМИ: самоубийство или прорыв?

Эволюция а не революция

Page 38: Адаптивные онлайн-СМИ: самоубийство или прорыв?

13,3 млн юзеров с мобильных еженедельно

Page 39: Адаптивные онлайн-СМИ: самоубийство или прорыв?

Что вам нужно?- Клиент готовый что-то менять- Стратег/консультант по RWD- Дизайнеры, готовые экспериментировать- Front-end разработчики, знакомые с принципами RWD и техникой прогрессивного улучшения

Page 40: Адаптивные онлайн-СМИ: самоубийство или прорыв?
Page 41: Адаптивные онлайн-СМИ: самоубийство или прорыв?
Page 42: Адаптивные онлайн-СМИ: самоубийство или прорыв?
Page 43: Адаптивные онлайн-СМИ: самоубийство или прорыв?

Скрин BG с баннерами

Page 44: Адаптивные онлайн-СМИ: самоубийство или прорыв?

Визуал - Редакция СМИ в России стареет вместе с аудиторией

Page 45: Адаптивные онлайн-СМИ: самоубийство или прорыв?
Page 46: Адаптивные онлайн-СМИ: самоубийство или прорыв?
Page 47: Адаптивные онлайн-СМИ: самоубийство или прорыв?