Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
-
Upload
pcamprussia -
Category
Technology
-
view
1.294 -
download
0
Transcript of Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
![Page 1: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/1.jpg)
Редизайн онлайн-СМИ
Яна Москвина, Sanoma Independent Media
ProductCamp SPb, 30 мая 2015
![Page 2: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/2.jpg)
Кто я и о чем будет рассказДелала редизайн сайтов: • agroinvestor.ru (сайт журналов «Агроинвестор» и «Агротехника и технологии»),
• popmech.ru («Популярная Механика»), • roem.ru, • nat-geo.ru («National Geographic Россия»).
Наблюдала вблизи за редизайнами: • vedomosti.ru («Ведомости»), • mhealth.ru («Men’s Health Россия»), • cosmo.ru («Cosmopolitan Россия»), • goodhouse.ru («Домашний очаг»).
![Page 3: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/3.jpg)
![Page 4: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/4.jpg)
![Page 5: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/5.jpg)
![Page 6: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/6.jpg)
![Page 7: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/7.jpg)
«Техническую команду нужно подмять под себя и придавить коленом»
![Page 8: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/8.jpg)
Онлайн-СМИ - это бизнесОнлайн-СМИ — это бизнес, основанный на интересе людей узнавать новую информацию.
• Новостей много, и задача редакции - отобрать лучшее, проверить факты, добавить свою точку зрения в виде подбора фактов или отдельного мнения редактора.
• Задача издателя, рекламного отдела и маркетинга - сделать на этом деньги.
![Page 9: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/9.jpg)
Онлайн-СМИ - экосистема• десктопный сайт • мобильный сайт • приложения для смартфонов: iOS, Android, WinPhone • приложения для планшетов: iOS, Android, WinPhone • приложения для smart watch: iOS, Android, Pebble • email-рассылки
• виджеты для десктопов (Mac, Windows), порталов (Яндекс.Виджеты для Морды) • плагины и расширения для браузеров
• RSS-фиды для читателей: общий, по каждой теме или рубрике… • XML-фиды для новостных агрегаторов: Яндекс.Новости, Google News… • XML-фиды для новостных читалок: Flipboard, Kula, Google Current (Google Play Пресса)
• социальные сети
![Page 10: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/10.jpg)
У редизайна должна быть цель
![Page 11: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/11.jpg)
Victor Saxon В октябре 2013 рассчитал модель трафика продукта, который начали делать только в декабре, а запустили в мае. Для сравнения - результаты прошлой недели, три месяца истекают в августе.
![Page 12: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/12.jpg)
РедизайнРедизайн обычно понимается в двух смыслах:
• узком - визуальное изменение, facelift. Красный цвет поменять на синий, блоки передвинуть.
• широком - дизайн как конструкция, продукт не только визуальный, но и концептуальный.
![Page 13: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/13.jpg)
Причины редизайна1. Визуальное устаревание.
Чаще всего причиной редизайна называют именно некрасивость текущего сайта.
В среднем дизайн сайта морально устаревает за 3 года.
![Page 14: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/14.jpg)
2. Техническое устаревание.
Редакция, маркетинг и отдел продаж ставят такие задачи, что текущая платформа не справляется. Например, движок сайта был рассчитан на выпуск статей из ежемесячного журнала, а редакция начала выпускать по 200 новостей в день, фотки, видео, и еще жирафа купили.
Обычно движка хватает на 5-7 лет.
Причины редизайна
https://www.facebook.com/mpanius/posts/10201727363624522
![Page 15: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/15.jpg)
3. Изменение бизнес-модели.
Пример 1: была только рекламная модель, а потом начали продавать доступ к контенту.
Пример 2: изменились рекламные форматы: были баннеры 240х400, стали 300х600 - меняется вся сетка сайта.
Обычно хватает на 3 года.
Причины редизайна
![Page 16: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/16.jpg)
4. Вынос общей сервисной части за скобки.
Если у медиа есть еще оффлайновая составляющая, и таких медиа несколько, то в идеале их нужно вынести за скобки = убрать с основного сайта.
Обычно это требует выделенной команды на общую сервисную часть, обладающую уже ecommerce-компетенциями: воронка продаж, привлечение пользователей, доведение сделки до конца, переподписки…
Причины редизайна
![Page 17: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/17.jpg)
Итак, вас что-то не устраивает…
![Page 18: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/18.jpg)
Стадии редизайна1. Принимаем окончательное решение: нам нужен редизайн.
Обычно занимает от 1 дня до пары лет.
Добавьте еще сверху 3-12 месяцев на сам редизайн.
![Page 19: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/19.jpg)
2. Разрабатываем концепцию, исследуем себя и рынок.• вспоминаем, о чем наше медиа
(тема), • для кого (аудитория - кого продавать рекламодателям будем),
• что есть сейчас и что мы хотим получить,
• что есть на рынке, • на чем сейчас зарабатывают медиа-проекты.
Обычно занимает 1-3 месяца, если решение все-таки принято.
Стадии редизайна
![Page 20: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/20.jpg)
3. Создание нового сайта• прототип,
• дизайн,
• верстка,
• разработка,
• ПЕРЕНОС АРХИВА (х2 время разработки),
• тестирование,
• внедрение,
• поддержка…
Стадии редизайна
![Page 21: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/21.jpg)
Медиа как бизнес есть?
![Page 22: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/22.jpg)
Медиа как бизнес есть?• Тематика Продать можно почти все, что угодно. Вопрос только в том, сколько на рынке есть рекламодателей, которым интересна эта тема.
![Page 23: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/23.jpg)
Медиа как бизнес есть?• Тематика Продать можно почти все, что угодно. Вопрос только в том, сколько на рынке есть рекламодателей, которым интересна эта тема.
• Аудитория Редакция создает материалы под определенный портрет читателя: соц-дем параметры, география, доход, интересы. Вопрос: рекламодателям еще интересна ваша аудитория?
![Page 24: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/24.jpg)
![Page 25: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/25.jpg)
Рекламный рынокБаннеры: имиджевые и продающие
→ programmatic ads
→ inread video, inFooter video
![Page 26: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/26.jpg)
Рекламный рынок• Баннеры: имиджевые и продающие → programmatic ads + inread video
• Прямые продажи снижаются, растет programmatic через рекламные сети → сетка баннеров http://www.iab.net/guidelines/508676/508767/displayguidelines
![Page 27: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/27.jpg)
Рекламный рынок• Баннеры: имиджевые и продающие → programmatic ads + inread video
• Прямые продажи снижаются, растет programmatic через рекламные сети → сетка баннеров http://www.iab.net/guidelines/508676/508767/displayguidelines
• Сайт не в космосе, а на общем рекламном рынке → не стоит делать уникальные форматы баннеров
![Page 28: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/28.jpg)
Рекламный рынокПросмотр баннера — показ 50% и более площади баннера хотя бы на 1 секунду.Media Rating Council и стандарты IAB
Отчет Google про viewability рекламы: 56,1% баннеров показывается в невидимых на экране местах. http://think.storage.googleapis.com/docs/the-importance-of-being-seen_study.pdf
Эффективность вертикальных баннеров выше, чем горизонтальных.
![Page 29: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/29.jpg)
![Page 30: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/30.jpg)
![Page 31: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/31.jpg)
![Page 32: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/32.jpg)
![Page 33: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/33.jpg)
Платный контент и сайты с paywall
![Page 34: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/34.jpg)
![Page 35: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/35.jpg)
![Page 36: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/36.jpg)
![Page 37: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/37.jpg)
![Page 38: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/38.jpg)
![Page 39: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/39.jpg)
![Page 40: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/40.jpg)
![Page 41: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/41.jpg)
![Page 42: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/42.jpg)
![Page 43: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/43.jpg)
![Page 44: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/44.jpg)
![Page 45: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/45.jpg)
![Page 46: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/46.jpg)
![Page 47: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/47.jpg)
![Page 48: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/48.jpg)
![Page 49: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/49.jpg)
![Page 50: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/50.jpg)
![Page 51: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/51.jpg)
![Page 52: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/52.jpg)
![Page 53: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/53.jpg)
![Page 54: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/54.jpg)
![Page 55: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/55.jpg)
![Page 56: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/56.jpg)
Это уже полноценная коммерческая часть
• воронка продаж, • блоками привлечения и удержания внимания, • upsell, • удобством пользования, • возврат их на сайт
![Page 57: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/57.jpg)
Есть отдельные команды, которые умеют делать красиво, но не умеют делать (платные) продукты.
![Page 58: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/58.jpg)
http://siliconrus.com/2014/11/vs-redesign/Редизайн: Каким мог бы быть сайт журнала о путешествиях «Вокруг света»
![Page 59: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/59.jpg)
![Page 60: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/60.jpg)
Customer Journey Map
![Page 61: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/61.jpg)
Посещение главной страницы
![Page 62: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/62.jpg)
Дробность контента увеличилась
![Page 63: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/63.jpg)
Infinity scroll
![Page 64: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/64.jpg)
![Page 65: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/65.jpg)
![Page 66: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/66.jpg)
![Page 67: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/67.jpg)
![Page 68: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/68.jpg)
![Page 69: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/69.jpg)
Волшебством мне показалось обновление баннеров по запросу:
• обновлять каждые N секунд • при скролле страницы • при листании слайдера
А если еще при этом обновлять и счетчики статистики…
![Page 70: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)](https://reader034.fdocuments.net/reader034/viewer/2022042701/55b5890cbb61ebd7778b46b0/html5/thumbnails/70.jpg)
Заметьте, я еще ни разу не обмолвилась о шрифте.
Дизайнера стоит приглашать на стадии, когда исследование проведено и концепция
придумана.