Редизайн онлайн-СМИ (Яна Москвина, sanoma independent media)

71
Редизайн онлайн-СМИ Яна Москвина, Sanoma Independent Media ProductCamp SPb, 30 мая 2015

Upload: pcamprussia

Post on 27-Jul-2015

1.289 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)

Редизайн онлайн-СМИ

Яна Москвина, Sanoma Independent Media

ProductCamp SPb, 30 мая 2015

Page 2: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)

Кто я и о чем будет рассказДелала редизайн сайтов: • 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)
Page 4: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 5: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 6: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 7: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)

«Техническую команду нужно подмять под себя и придавить коленом»

Page 8: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)

Онлайн-СМИ - это бизнесОнлайн-СМИ — это бизнес, основанный на интересе людей узнавать новую информацию.

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

• Задача издателя, рекламного отдела и маркетинга - сделать на этом деньги.

Page 9: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)

Онлайн-СМИ - экосистема• десктопный сайт • мобильный сайт • приложения для смартфонов: 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)

У редизайна должна быть цель

Page 11: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)

Victor Saxon В октябре 2013 рассчитал модель трафика продукта, который начали делать только в декабре, а запустили в мае. Для сравнения - результаты прошлой недели, три месяца истекают в августе.

Page 12: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)

РедизайнРедизайн обычно понимается в двух смыслах:

• узком - визуальное изменение, facelift. Красный цвет поменять на синий, блоки передвинуть.

• широком - дизайн как конструкция, продукт не только визуальный, но и концептуальный.

Page 13: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)

Причины редизайна1. Визуальное устаревание.

Чаще всего причиной редизайна называют именно некрасивость текущего сайта.

В среднем дизайн сайта морально устаревает за 3 года.

Page 14: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)

2. Техническое устаревание.

Редакция, маркетинг и отдел продаж ставят такие задачи, что текущая платформа не справляется. Например, движок сайта был рассчитан на выпуск статей из ежемесячного журнала, а редакция начала выпускать по 200 новостей в день, фотки, видео, и еще жирафа купили.

Обычно движка хватает на 5-7 лет.

Причины редизайна

https://www.facebook.com/mpanius/posts/10201727363624522

Page 15: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)

3. Изменение бизнес-модели.

Пример 1: была только рекламная модель, а потом начали продавать доступ к контенту.

Пример 2: изменились рекламные форматы: были баннеры 240х400, стали 300х600 - меняется вся сетка сайта.

Обычно хватает на 3 года.

Причины редизайна

Page 16: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)

4. Вынос общей сервисной части за скобки.

Если у медиа есть еще оффлайновая составляющая, и таких медиа несколько, то в идеале их нужно вынести за скобки = убрать с основного сайта.

Обычно это требует выделенной команды на общую сервисную часть, обладающую уже ecommerce-компетенциями: воронка продаж, привлечение пользователей, доведение сделки до конца, переподписки…

Причины редизайна

Page 17: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)

Итак, вас что-то не устраивает…

Page 18: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)

Стадии редизайна1. Принимаем окончательное решение: нам нужен редизайн.

Обычно занимает от 1 дня до пары лет.

Добавьте еще сверху 3-12 месяцев на сам редизайн.

Page 19: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)

2. Разрабатываем концепцию, исследуем себя и рынок.• вспоминаем, о чем наше медиа

(тема), • для кого (аудитория - кого продавать рекламодателям будем),

• что есть сейчас и что мы хотим получить,

• что есть на рынке, • на чем сейчас зарабатывают медиа-проекты.

Обычно занимает 1-3 месяца, если решение все-таки принято.

Стадии редизайна

Page 20: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)

3. Создание нового сайта• прототип,

• дизайн,

• верстка,

• разработка,

• ПЕРЕНОС АРХИВА (х2 время разработки),

• тестирование,

• внедрение,

• поддержка…

Стадии редизайна

Page 21: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)

Медиа как бизнес есть?

Page 22: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)

Медиа как бизнес есть?• Тематика Продать можно почти все, что угодно. Вопрос только в том, сколько на рынке есть рекламодателей, которым интересна эта тема.

Page 23: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)

Медиа как бизнес есть?• Тематика Продать можно почти все, что угодно. Вопрос только в том, сколько на рынке есть рекламодателей, которым интересна эта тема.

• Аудитория Редакция создает материалы под определенный портрет читателя: соц-дем параметры, география, доход, интересы. Вопрос: рекламодателям еще интересна ваша аудитория?

Page 24: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 25: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)

Рекламный рынокБаннеры: имиджевые и продающие

→ programmatic ads

→ inread video, inFooter video

Page 26: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)

Рекламный рынок• Баннеры: имиджевые и продающие → programmatic ads + inread video

• Прямые продажи снижаются, растет programmatic через рекламные сети → сетка баннеров http://www.iab.net/guidelines/508676/508767/displayguidelines

Page 27: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)

Рекламный рынок• Баннеры: имиджевые и продающие → programmatic ads + inread video

• Прямые продажи снижаются, растет programmatic через рекламные сети → сетка баннеров http://www.iab.net/guidelines/508676/508767/displayguidelines

• Сайт не в космосе, а на общем рекламном рынке → не стоит делать уникальные форматы баннеров

Page 28: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)

Рекламный рынокПросмотр баннера — показ 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)
Page 30: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 31: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 32: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 33: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)

Платный контент и сайты с paywall

Page 34: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 35: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 36: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 37: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 38: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 39: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 40: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 41: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 42: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 43: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 44: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 45: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 46: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 47: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 48: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 49: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 50: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 51: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 52: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 53: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 54: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 55: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 56: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)

Это уже полноценная коммерческая часть

• воронка продаж, • блоками привлечения и удержания внимания, • upsell, • удобством пользования, • возврат их на сайт

Page 57: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)

Есть отдельные команды, которые умеют делать красиво, но не умеют делать (платные) продукты.

Page 58: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)

http://siliconrus.com/2014/11/vs-redesign/Редизайн: Каким мог бы быть сайт журнала о путешествиях «Вокруг света»

Page 59: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 60: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)

Customer Journey Map

Page 61: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)

Посещение главной страницы

Page 62: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)

Дробность контента увеличилась

Page 63: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)

Infinity scroll

Page 64: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 65: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 66: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 67: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 68: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)
Page 69: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)

Волшебством мне показалось обновление баннеров по запросу:

• обновлять каждые N секунд • при скролле страницы • при листании слайдера

А если еще при этом обновлять и счетчики статистики…

Page 70: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)

Заметьте, я еще ни разу не обмолвилась о шрифте.

Дизайнера стоит приглашать на стадии, когда исследование проведено и концепция

придумана.

Page 71: Редизайн онлайн-СМИ (Яна Москвина, Sanoma Independent Media)

Яна Москвина, Sanoma Independent Media

[email protected]/teinett

Хороших вам редизайнов!