Upload
internews-ukraine
View
512
Download
2
Embed Size (px)
Citation preview
Світ мультимедіа для журналістів
Віталій МорозІнтерньюз-Україна
Якими були онлайн-видання 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 [email protected] medianext_ua.livejournal.com, @medianext_ua