Світ мультимедіа для журналістів

Віталій МорозІнтерньюз-Україна

Якими були онлайн-видання 10 років тому?

?

1) ProUA.com 2) Gazeta.ru 3) Wyborcza.pl

Дивимося через: http://archive.org/

Як виглядали ресурси в 2000-2001 рр?

Kp.ru - 2001 год

травень 2010 року

Якими можуть бути сайти?

Персональний сайт флеш-дизайнера (Японія)

http://yugop.com/

Сайт студії флеш-дизайну (Франція)http://www.soleilnoir.net/

Дизайн сайту. Модель David Brewer

дизайн сайту утримання аудиторії а) ефект відскоку

Дизайн сайту. Модель David Brewer

б) ефект швидкого відвідування

Дизайн сайту. Модель David Brewer

в) ефект утримання

Дизайн сайту. Модель David Brewer

г) ефект “зависання”

Story 1

Story 2 Story 3 Story 4

Question of the day

Call to actionInteractivityVote or Poll

Video of day

David Brewer: Less is more!

Сайт телекомпанії №2 в Британії- www.itv.com/

A minimalist website

Сайти с мінімальним інтерфейсомhttp://obkom.net.ua/

Сайти с гіпервізуальним навантаженням

http://kontrakty.ua.ua

Інфографіка

Інфографіка

Інфографіка

• З погляду редакції – організація простору вашого видання / cайту

• З погляду читача – можливість довільно обирати порядок отримання інформації (A Z чи навпаки)

Особливості інфографіки:

- Графичні об’єкти- Простота- Корисна інформація- Яскравість- Зрозумілість поданої теми- Одна ідея в одній ілюстрації- Нерідко ручка графіка- Баланс кольорів і зображень

Різновиди інфографіки:

За формою подачі:• Класична інфографіка• Треш-інфографіка• Анімована інфографіка (GE locomotives)• Інтерактивна інфографіка для онлайну

За кількістю інформації:• Ненасичена • Концентрована

Класична інфографіка

Журнал GEO: Как делать валенки?

Треш-інфографіка

Texty.org.ua - http://j.mp/trash_t

Інтерактивна інфографіка для онлайну

http://mycityua.com/Kiev_crime.html

Анімована інфографіка

YouTube: GE reports - http://j.mp/ge_report

Як читач сприймає інформацію? Текст

У революционных волн есть свои загадки. В одних странах той группы, по которой идет волна, революции происходят. Другие страны они обходят стороной, о третьи разбиваются, как о скалы. Иногда это какой-нибудь крепкий орешек-правитель, иногда какие-нибудь особые обстоятельства. Ливия, Мавритания, Египет, Йемен, Иран, Ирак, ОАЄ, Тунис, Ливан, Палестина, кто следующий? ….

Як читач сприймає інформацію? Візуалка

Ресурси візуалізації:

• http://datavisualization.ch/ • http://vmestoslov.info/• http://infographer.ru/• http://kazinform.kz/rus/section/20813/1• http://www.rian.ru/infografika/

Робота над макетом сайту:

Робота над макетом сайту:

Ресурс для створення макетів

http://balsamiq.com/

Кольори Інтернету

Кольори Інтернету

• Які кольори (теплі, холодні) обирають розробники?

• Які кольори (теплі, холодні) обирають читачі?

• Як кольори впливають на поведінку в онлайні?

• Як кольори вписуються в шаблон сайту?

Як використовуються в Інтернеті RED&GREEN?

http://j.mp/colour_eff

Таблиця кольорів в Інтернеті

Must read!

http://en.wikipedia.org/wiki/Web_colors

Як колір впливає на нашу поведінку?

blog.kissmetrics.com/color-psychology

Як колір впливає на нашу поведінку?

blog.kissmetrics.com/color-psychology

Кольори користувачів Twitter в США

http://j.mp/colour_twi

Кольори найбільших брендів: http://j.mp/colour_web

Кольори соцмереж і фотохостингів: http://j.mp/colour_web

Кольори блогохостингів: http://j.mp/colour_web

Кольори бізнесу. Червоні vs сині: http://j.mp/colour_web

Спасибі!

Віталій Мороз

Керівник програм нових медіа Інтерньюз-Україна 063 700 22 66 vitaliy.moroz@gmail.com medianext_ua.livejournal.com, @medianext_ua