Açılış səhifələrində interaktiv infoqrafikadan istifadənin ən yaxşı nümunələri. İnfoqrafiya: növlər, iş nümunələri, gələcək Amerikalılar necə ölür

Son bir neçə ildə infoqrafika statik şəkillərdən unikal məzmuna uyğunlaşdırılmış animasiya və videolarla zəngin interaktiv təcrübələrə çevrildi. Artıq əvvəlcədən hazırlanmaqla məhdudlaşmır, universal şablonlar. Və bugünkü tərtibatda maraqlı və məlumatlandırıcı təcrübənin necə göründüyünü nümayiş etdirən ən yaxşı infoqrafika var.

Bu siyahıdakı infoqrafikaların əksəriyyəti göstərmək üçün seçilmişdir müxtəlif yollarla, dizaynerlərin məlumatların vizuallaşdırılmasına yanaşması. Bununla belə, açılış səhifələrində cəlbedici məzmun və cəlbedici hekayələr yaratarkən infoqrafika və zəngin multimedia təcrübələri arasında sərhədlərin bulanıqlığını göstərən bir neçə hibrid də var. Ənənəvi formalardan kənara çıxmaq bizim daha təkmil media ərazisinə daxil olmağımız deməkdir və qrafik dizaynın gələcəyini formalaşdırmaq üçün kritik əhəmiyyət kəsb edən texnologiya və hekayə ilə bu cür təcrübələrdir.

1. Külək xəritəsi

Külək Xəritəsi ABŞ üzərində küləyin istiqamətini və sürətini göstərən nəfəs kəsən dizayndır. Bu dizayn utilitar deyil, bədii məqsədə malikdir, bu əladır: sadəcə oturub xəritənin ətrafında nazik, nazik iplərin necə dolandığını izləmək çox gözəldir. Formaların yollarını göstərən infoqrafikanın animasiya və hərəkətli şəkillərdən necə faydalana biləcəyinə dair sadə, lakin yaxşı düşünülmüş nümunə.

2. Uçuşda

2014-cü ildə The Guardian real vaxt rejimində kommersiya uçuş məlumatlarını (deyəsən, hazırda yenilənmir, təəssüf ki), aviasiya tarixinə dair dərsi göstərən Uçuşda infoqrafika təqdim etdi. İnteraktiv şounun əvvəlində hava heyətləri arasında baş verən sakit söhbətlər xüsusi ab-hava yaradır. Deyəsən, infoqrafika bu günlərdə yavaş-yavaş kinematik təcrübəyə çevrilir. Ən azından “Uçuşda” həmin istiqamətə işarə edir...

3. Ayı yığın

Dial A Moon infoqrafikasında çox şey baş vermir, lakin o, öz məqsədinə kifayət qədər yaxşı xidmət edir. 2015-ci ildə NASA sayəsində ayın fazaları infoqrafikası hər saat yenilənirdi və siz bu sirli məlumatı axtarmaq üçün Google-a gedə bilmirdiniz. İndi siz ay, gün və saatı əl ilə daxil etməklə şəkillərə baxa bilərsiniz.

4. Plutonla gün

“Nature” jurnalı elmə həvəsli auditoriyası üçün çoxlu maraqlı infoqrafika dərc edir. Onların arasında Pluton yaxınlığında bir kosmik gəminin məşhur uçuşu (Plutonun 24 Saatı) haqqında idi. İnfoqrafiyaya çoxlu sayda məlumatlar daxil edilib mətn məlumatı, lakin vizuallar cırtdan planetin quruluşundan tutmuş peyklərinin əmələ gəlməsinə qədər ən maraqlıları asan başa düşməyə imkan verdi. İndi mətn hissəsi İnternetdə, həmçinin infoqrafikadan iki animasiya videosu var.

5. Amerika evləri necə dəyişdi

Ev üslublarının təkamülü ilə əks olunan böyük Amerika arzusu ilə səyahət edin. Bu yaxşı təsvir edilmiş infoqrafika sizə avtomobilin sükanı arxasına keçməyə imkan verir (həmçinin dövrlə ayaqlaşmaq üçün sürüşdürdüyünüz zaman dəyişir) və onilliklər boyu məşhur olan binaların yanından keçərək 1900-cü illərdən 2000-ci illərə qədər yolunuzu düzəldə bilərsiniz. Yolda çoxlu faydalı materiallarla rastlaşacaqsınız (o dövrün ictimai-siyasi şəraiti, həmçinin dəb tendensiyaları da daxil olmaqla) və hamısı sizi Amerika evinin gələcəyini təsəvvür etməyə təşviq edən sualla bitir. . Onilliklər Amerika Evlərinin infoqrafikası üfüqi sürüşmənin gözəl nümunəsidir və o, burada uyğun gəlir.

6. Marketinq analitikasının təkamülü

Ağıllı istifadəçi araşdırma şirkəti Vision Critical özünün Evolution of Insight infoqrafikasında 1890-cı illərdən bu günə qədər bütün dünyada marketinq texnologiyaları bazarının təkamülünü izləyir. O, Amerika Evlərinin Necə Dəyişdiyi infoqrafikasına bənzər şəkildə işləyir və beləliklə, iki fərqli hekayə üçün interaktiv qrafikdən istifadənin effektivliyini müqayisə etməyə imkan verir. Onilliklər Amerika Evləri infoqrafikasının üstünlüyü ondan ibarətdir ki, siz maşın sürərkən evlərə baxmaq Amerikanın böyük analitikası ilə səyahət etməkdən daha intuitivdir. Yaxşı infoqrafika məzmun ətrafında yaradılır, onun ətrafında deyil.

7. Dünyadakı LGBT icmasının hüquqları

The Guardian dünyanın hər bir ölkəsində bir sıra məsələlərdə (nikah, iş yerində ayrı-seçkilik, nifrət cinayətləri və s.) LGBT hüquqlarının hüquqi vəziyyətini izah edən bu zərif infoqrafika ilə siyahımızda başqa bir yer tutur. Yarımdairədə hərəkət etmək ölkələr üzrə statistikanı müqayisə etmək üçün sürətli və asan bir yol təqdim edir və infoqrafik kompozisiya qlobal statusu ön və mərkəzdə saxlayır. Sadəcə məlumatlılıq və aktivlik arasındakı boşluğu aradan qaldırmağa yönəlmiş güclü fəaliyyət çağırışı da var.

8. Bərabərsizlik düzəldilə bilər

İnteraktiv infoqrafikanın başqa bir gözəl nümunəsi, Bərabərsizlik Düzəldilə bilər, tamaşaçıları məsələyə dərindən şəxsi şəkildə baxmağa dəvət edir. Tamaşaçıya müdirinin nə qədər az maaş verdiyini və niyə ona məlumat verən materiala marağını itirməyəcəyinə zəmanət verilir. İstifadəçini hekayənin bir hissəsinə çevirməklə, tərtibatçılar marağı artırır və istifadəçini sonda Fəaliyyətə Çağırışa qədər bütün lazımi addımlar vasitəsilə istiqamətləndirirlər.

"Bunun baş verməsinə icazə verdik - indi bunu necə düzəldə bilərik?"

9. Özünüzü çəkin: Ev Təsərrüfatlarının Gəlirləri Uşağınızın Kollecə getmək şansını necə proqnozlaşdırır

Bu siyahıdakı bir çox infoqrafika zəngin təcrübə təmin etmək üçün animasiya və interaktivlikdən istifadə edir. Vizual olaraq, New York Times-dan bu infoqrafik (Siz onu çəkirsiniz: Ailənin Gəlirləri Uşaqların Kollec şanslarını necə proqnozlaşdırır) klassik diaqram formatına uyğundur, lakin o, həm də proaktiv və interaktiv kimi infoqrafik dizaynın əhatə dairəsini genişləndirmək üçün istifadəçi davranışı anlayışından istifadə edir. vizuallaşdırma. Oxuculardan öz əyrilərini çəkmələrini xahiş etməklə, onlar şəxsi maraq elementini təqdim edir və bununla da insanlara həqiqətən dəyərli məlumatlar verirlər.

Ən pis nəticə deyil! şaquli ox Kollecə gedən uşaqların faizi. Üfüqi ox valideyn gəlirinin faizidir

10 Amerikalılar necə ölür

Başlıq şəkli istisna olmaqla, bu nümunə məzmunu göstərmək üçün əsasən yaxşı köhnə qrafiklərdən istifadə edir. Ancaq bu, heç də darıxdırıcı deyil, çünki istifadəçilər kursoru qrafiklər boyunca hərəkət etdirərək müstəqil olaraq məlumatlar arasında hərəkət edə bilərlər. Bu, məsələn, 70-ci illərdə intiharla bağlı ölümlərin sayını indiki ilə müqayisədə müqayisə etməyi çox asanlaşdırır (işarə: indi artmaqdadır), statik diaqram bunu belə səliqəli etməzdi.

11.

Snowfall bütün dünyada diqqət və təriflə debüt etdiyi vaxtdan The New York Times qabaqcıl multimedia jurnalistikası kimi reputasiyasını qoruyub saxlayır. Nəşr komandası təsirli dərəcədə maraqlı təcrübə yaratmaq üçün infoqrafik dizayn və dərin hekayələrin birləşməsindən istifadə edir. Onların daha parlaq nümunələri var, lakin “Arxada qalan Rusiya” müəyyən rezonans doğuran əsərdir. İnfoqrafiya Rusiyada interaktiv səyahət kimi işləyir (xəritədə yolunuzu idarə edirsiniz).

12. Bond avtomobilləri

Əgər siz nə vaxtsa James Bondun avtomobillərinə baxaraq onun tarixi ilə tanış olmaq istəyirsinizsə, o zaman Britaniya avtomobil satıcısı Evans Halshaw-a təşəkkür edin - o sizə belə bir şans verdi. Onun interaktiv Bond Cars infoqrafikası Bond avtomobillərinin hər birinin markasını və dizaynını, üstəlik bir neçə əlavələri araşdırmaq imkanı verir. maraqlı faktlar. Hər yerdə yayılmış sürüşmə taktikasından istifadə edərək, siz həmçinin avtomobili bütün metal şöhrətində "aşkar edə" bilərsiniz (standart olaraq, yalnız bir rəng verilir). Beləliklə, müəlliflər infoqrafikanın estetikasına tam uyğun gəlməyən fotoşəkilləri daxil etmək problemini yaradıcı şəkildə həll etdilər.

13. Hərəkət rəngləri

Hərəkətin Rəngləri bütün kadrların birləşməsindən əldə edilən yalnız rəng palitrası əsasında filmləri təhlil edən infoqrafik seriyadır. Əgər heç maraqlanmısınızsa, indi cavabınız var. Başlığı verilənlər bazasında tapa bilmirsiniz? Yalnız tərtibatçılara bir mesaj göndərin - sorğuları qəbul edirlər.

14. Perudakı kral məzarı

National Geographic-in "interaktiv qrafika" adlandırdıqları olduqca təsir edici kolleksiyası var (onların əksəriyyəti ətraflı təsvirlərlə müşayiət olunur). mətn təsvirləri, məsələn, Trayan Sütununda olduğu kimi), lakin biz interaktiv infoqrafikada hansı metodların həqiqətən təsirli olduğunu vurğulamaq üçün bu nisbətən sadə nümunəni seçdik. "Perudakı Kral Türbəsi" (Perunun Kral Wari Türbəsi) o dövrün zadəgan qadınının dəfn edilməsinin xüsusiyyətlərini ortaya qoyur. Diqqət mumiyanın bükülməsindən onun bəzək və mövqeyinə keçir. Məlumatı daha kiçik hissələrə bölmək və istifadəçiyə onlar arasında hərəkət etmək imkanı verməklə, interaktiv qrafika ən məkrli tələlərdən qaçır: məlumatların həddindən artıq çoxluğu və vizual effektlər. Üstəlik, hər bir sonrakı qarşılıqlı əlaqə təcrübəni genişləndirir və onu hər şeyin bir anda təqdim edildiyindən daha çox faydalı edir. Beynimizdə inhibitor stimulları rədd edən bir mexanizm var və verilmiş növü qarşılıqlı əlaqə məlumatı mənimsəməyi asanlaşdıran istifadəçi üçün əla həll yoluna çevrilir.

15. “Şotlandiya referendumu” nədir? İngilis olmayanlar üçün izahat

The Guardian, New York Times kimi, multimedia jurnalistikasına əsaslanır və onların videosu infoqrafikanın əsas funksiyalarından biri ilə əla iş görür: çətin məlumatı məqbul forma vermək. Böyük Britaniyadan kənarda bir çoxumuz üçün referendum çox qarışıq bir mövzudur. Xoşbəxtlikdən, bu video (Şotlandiya Referendumunun Qeyri-Britaniyalılar üçün izahı) sizə hekayəni dərindən araşdırmaq tələb etmədən onun mühüm aspektlərini tez öyrənməyə kömək edəcək.

16. İctimai sağlamlıq

The Atlantic qarşısında duran vəzifə cəmiyyətin sağlamlığının yaxşılaşdırılması konsepsiyasını hazırlamaq idi. O, Truth Labs-a rəqəmsal povest kimi Əhali Sağlamlığı haqqında 3 hissəli seriya yazmağı tapşırdı. İfaçının əsas məqsədi sənədin təbii sürüşməsini və istifadəçinin adi oxu şəraitini qorumaq, eyni zamanda vizual baxımdan fərqlənən təcrübə yaratmaq olub. Vizyonlarını həyata keçirmək üçün onlar kinodan alətlər və strategiyalar götürdülər, həm də əsas qayda olaraq oxunaqlılığı dəstəkləmək üçün bir sıra dizayn prinsiplərinə etibar etdilər.

17. Joho taxılları

Avstriyalı qəhvə istehsalçısı Joho's qəhvə dənələrinin mənşəyi hekayəsini izah etmək üçün təsir edici multimedia təcrübəsi olan Joho's Bean yaratdı: quşların cızıltısı, torbalara yığılmış qovrulmuş qəhvə dənələrinin səsi, şəhərin sıx küçələrinin və nəqliyyatın səs-küyü.

Joho sizi qəhvə dənələrinin mənşəyini izah edən səyahətə çıxarır

18. İlkin yol

"Vəhşi yol"dur interaktiv təcrübə, Canvas ilə yaradılmış səyahətnamə. Əsas element, səhifə sürüşdükcə xəritədəki yolu canlandıran xəritədir. Layihə bütün brauzerlərdə işləməyə bilər. Bununla belə, o, bütün pərdəarxası infoqrafik texnologiyanı izah edən əlavə məqalə ilə gəlir.

19.

The Guardian-ın (Canlı Seçki Nəticələri) 2016-cı il ABŞ prezident seçkilərini işıqlandırması ciddi maraq və seçki məntəqələri biznesinə əyləncəli element gətirdi. İnteraktiv infoqrafika dörd ştatda səsləri izləyirdi. Varsayılan olaraq, qrafik bütün ölkə üzrə nəticələri göstərirdi və istifadəçi xəritədə hər hansı bir ərazinin üzərinə keçərsə, namizədlərin orada hansı rəqəmləri topladığını göstərirdi. Prezidentliyə namizədlər gülməli pikselli avatarlar kimi təqdim edilib. İnfoqrafiya canlı vaxtda yeniləndikcə balaca adamlar qalib olduqları ştatları rəngləndirdilər. Zaman-zaman namizədin yanında qabarcıq içində sitat peyda olurdu.

Seçki nəticələrinin real vaxt rejimində əks olunması

Ola bilsin ki, siz böyük dəyişiklikləri müşahidə etmişsiniz onlayn dünya mətn əsaslı məzmundan vizual məzmuna qədər.

İnternetdə və gündəlik həyatımızda vizualların gücünü danmaq olmaz. YouTube və Instagram-da vizual məzmun üstünlük təşkil edir; YouTube internetdə ən çox ziyarət edilən 3-cü saytdır və Instagram-da hər gün 80 milyondan çox fotoşəkil yüklənir.

Bloq yazıları və məqalələri rəngli şəkillərə, başlıqlara və ya kiçik şəkillərə malikdirsə, 80% daha çox "istehlak olunur" və insanlar ilk saniyələrdən onların diqqətini cəlb etməsələr, saytda 15 saniyədən çox vaxt sərf etməyəcəklər.

İnfoqrafiya tamaşaçılar və tacirlər arasında sevimlidir və insanlar bu gün 2012-ci ildəkindən 800% daha çox maraqlanır.

Bundan əlavə, məzmun həyəcan verici bir sürətlə yaradılır - marketoloqların 60% -i hər gün yeni məzmunun ən azı kiçik bir hissəsini yaradır! İcmal məqaləsində daha çox məlumat əldə edə bilərsiniz.

Getdikcə daha çox insan məzmun yaratmağa başladıqca, bir şey aydınlaşır: görünmək üçün fərqlənmək lazımdır.

Təbii ki, məzmun marketoloqları artıq vizual məzmunun gələcəyi haqqında düşünür, indi nə edə biləcəklərinə, nələri həyata keçirə biləcəklərinə və üfüqdə hansı yeni texnologiyaların olduğuna baxırlar. Bu irəli düşüncə, bütün məzmun marketinq səylərinizi yarada və ya poza bilən şeydir; uyğunlaşmalısan, yoxsa boğularsan.

İnfoqrafiya kimi vizual məzmunla marketoloqlar var unikal imkan yaxınlaşdıqca gələcəyə baxın. Şirkətlər, qrafik dizaynerlər və marketoloqlar tamaşaçıları daha da cəlb etmək üçün onları yeniləmək üçün infoqrafikadan istifadə etməyə başlayırlar. Əgər siz artıq müntəzəm olaraq infoqrafikanı “sadəcə yerləşdirirsinizsə” belə, yenicə yayılmağa başlayan tendensiyalar haqqında öyrənmək heç vaxt tez deyil, necə ki, onları məzmun marketinq strategiyalarınıza necə daxil etməyi öyrənmək heç vaxt tez deyil.

Gələcəyə nəzər salmaq və bəlkə də hamıdan əvvəl bir neçə fənd öyrənmək istəyirsinizsə, indi tam zamanıdır!

Budur (yaxın) gələcəkdə ən çox yayılacaq üç növ infoqrafika.

Əla infoqrafik alət axtarırsınızsa, Visme-ni tövsiyə edirəm. Başlayanlar üçün onlar pulsuz hesab və qeyri-dizaynerlər üçün böyük rahatlıq xüsusiyyətləri təklif edirlər. İndi pulsuz hesab əldə edə bilərsiniz.

1. İnteraktiv infoqrafika

İnteraktiv veb-saytların və istifadəsi asan oyunların gözəlliyini görsək də, interaktiv infoqrafika öz sahəsində hələ də kifayət qədər yenidir. İnfoqrafiya kimi, onlar açıq-aydın bəzi məlumatları ehtiva edir və adətən dinamikdirlər. Lakin interaktiv elementlərdən istifadə istifadəçilərə informasiya ilə əlaqə yaratmaq və özlərini yaratmaq imkanı verir.

Biznesiniz, məhsulunuz, xidmətiniz və ya mesajınız nə olursa olsun, siz insanların özlərini qiymətləndirməsinə imkan verən interaktiv infoqrafika yarada bilərsiniz (məsələn, "BMI-nizi burada hesablayın"). İstifadəçilər, həmçinin onları daha dərin mənbəyə aparacaq və ya açılış səhifə beləliklə trafik yaradır. Bu, auditoriyanızı cəlb etmək üçün çox uyğunlaşa bilən və əyləncəli bir yoldur.

Bir çox marketoloqlar artıq bu cür infoqrafikaya uyğunlaşıblar və o, sürətlə ötürülür. Ancaq eyni zamanda, çoxları buna baxmayaraq əsas götürür sadə infoqrafik:

….interaktiv infoqrafika ilə başqa nə edə biləcəyinizi təsəvvür edin.

Siz cəhd edə bilərsiniz:

Şəkilləri və ya formaları fondan fərqləndirən sürüşdürmə üsullarından istifadə
Mətn sahələrini genişləndirən "pop-up"ların qurulması
Üzərinə kliklədiyiniz zaman şəkillər və ya statistika açılır
İnfoqrafiyanızı istifadəçilərin baxa biləcəyi çoxsaylı səhifələrə çevirmək

Daha çox üçün ətraflı nümunə interaktiv infoqrafika, buna baxın:

İnfoqrafiyanı yüksək dərəcədə interaktiv etmək (sürüşdürmə, pop-uplar və s. ilə) üçün siz HTML5 və ya CSS haqqında bir az öyrənməli və ya sizin üçün bunu anlamaq üçün başqasını işə götürməlisiniz.

Əlavə səylərə baxmayaraq, unikal, cəlbedici və təsirli bir məzmun parçası ilə mükafatlandırılacaqsınız.

Nə üçün yaxın gələcəkdə infoqrafika tətbiq etməyə çalışmalısınız?

Bu, auditoriyanızı məzmununuzla əlaqə saxlamağa və paylaşmağa ruhlandırır
Trafik yaradır (linklər vasitəsilə)
Bu, izləyicilərinizə innovativ, bacarıqlı və vaxtında və maraqlı məzmun təqdim etməyə sadiq olduğunuzu sübut edir.
Onun inkişafını idarə edilə bilən interaktiv infoqrafika səviyyələri var.

2. Daxili video və GIF

Bu, bu gün getdikcə daha çox gördüyümüz fərqli bir infoqrafika növüdür. Qısa videolar və ya hətta GIF (Qrafik Məlumat Mübadiləsi Format) təklif edən infoqrafika diqqəti cəlb etmək və infoqrafikanızı izdihamdan fərqləndirmək üçün əla yoldur. Bu, platformaları məhdudlaşdırsa da, siz infoqrafikanızı real vaxtda paylaşa bilərsiniz.

Easel.ly kimi bir çox sadə infoqrafik alətlər "Daxili YouTube Videosu" seçimini təklif edir və ya siz video qatından istifadə edərək Photoshop-da yaratdığınız infoqrafikaya video əlavə edə bilərsiniz. Siz hətta Powerpoint slaydına video əlavə edə bilərsiniz, onu da infoqrafikaya çevirə bilərsiniz.

Üstəlik, internetdə milyonlarla GIF tapa və onları eyni şəkildə yapışdıra bilərsiniz. Burada diqqət çəkən məqam ondan ibarətdir ki, saytınıza düzgün şəkildə daxil edildiyinə əmin olmaq üçün infoqrafikanızı URL kimi yaymalı olacaqsınız. Siz bu cür infoqrafikanı .jpeg və ya PDF formatında yaya və ya saxlaya bilməzsiniz. Şübhəsiz ki, getdikcə populyarlaşdıqca, prosesi daha da asanlaşdırmaq üçün digər video və GIF daxiletmə vasitələri görünəcək.

Ancaq bu tip infoqrafikadan hamı, hətta onların itləri də bunu necə etməyi öyrənməmişdən əvvəl istifadə etmək istəyirsinizsə, indi onlayn tapdığınız alətlərlə başlayın.

Əgər onu növbəti səviyyəyə qaldırmaq istəyirsinizsə, artıq mövcud olan infoqrafikadan video hazırlaya bilərsiniz. Bu, YouTube, Instagram və hətta Vimeo, Snapchat və daha çox kimi video platformalarda görünmək üçün əla fürsətdir. Aşağıdakı video infoqrafikanın videoya çevrilməsinin gözəl nümunəsidir.

Niyə video və ya GIF-i infoqrafikaya yerləşdirmək lazımdır?

Bu, sizə sürpriz elementi verir - insanlar şəklin tərpənməsini gözləmirlər!
Bu, çox əyləncəli və orijinaldır ki, bu da insanların qarşılıqlı əlaqədə olması və infoqrafikanızı paylaşması şansını artırır.
Bu yaxşı yol hər kəsə brendinizin unikallığını göstərin

3. Animasiya infoqrafikası

Animasiyalı infoqrafika çoxlu sayda vizual nümunələrə malikdir və çox diqqət tələb edir. İstifadəçi bir səhifəyə baxdıqda, adətən heç nə gözləmir, ona görə də hamıdan əvvəl bütün bu üsulları öyrənmək yaxşı olar.

Bir çox animasiyalı infoqrafika olduqca mürəkkəb olduğundan və bir növ qrafik dizayn, kodlaşdırma və/və ya proqram təminatı bilikləri tələb edə bildiyi üçün onlar yüksək qiymətləndirilir.

Haqqında danışdıqlarıma bir nümunə:

Əgər siz animasiyalı infoqrafika yaratmaq haqqında daha çox öyrənmək istəyirsinizsə, Tabletop Whale-dən bu infoqrafikaya baxın. Bu cür infoqrafika yaratmağınıza kömək edəcək müxtəlif xidmətlər də tapa bilərsiniz. Hər halda, bu, infoqrafikanın təkamülündə ən mürəkkəb proseslərdən biridir.

Niyə vaxtınızı, enerjinizi və/və ya pulunuzu cizgi infoqrafikasının yaradılmasına sərf etməlisiniz?

Bu, həqiqətən sizi izdihamdan fərqləndirəcək, çünki hər kəsin bu cür imkanları yoxdur proqram təminatı və ya məzmun
Bir neçə ildən sonra bu adi hala çevriləcək - bunu ilk edənlərdən biri olacaqsınız!
Animasiya infoqrafikanın içindəki məlumatları daha yaddaqalan edəcək.
Bu, istifadəçilərinizi sizinlə işləməyə ruhlandıracaq

Bunların heç biri elmi fantastika deyil.

Bu, çox texniki səslənə bilər və indi sizin imkanlarınızdan kənar bir şey kimi görünə bilər, lakin çox güman ki, bu tip infoqrafika 2-3 ildən sonra çox adi hala çevriləcək. Biz artıq animasiya infoqrafikasında və gif infoqrafikasında böyük bir irəliləyiş görə bilərik, xüsusən də giflərin populyarlığı artmaqda davam edir. İnfoqrafiya internetdə ən çox istifadə edilən və ən çox yaradılan məzmun növlərindən birinə çevrilir. Niyə? Bəli, çünki simvolun mənasını qəbul etmək və emal etmək üçün beyinə cəmi 250 millisaniyə lazımdır.

Orta hesabla bir insan bir saytda təxminən 15 saniyə sərf edirsə və sonra darıxırsa, təbii olaraq ekranda onları gecikdirə biləcək hər hansı bir şeyi çıxarmaq istəyirsiniz - və ya ən azı 15 saniyə və ya daha az bir mesaj almaq. Hətta bəzi araşdırmalar sübut edib ki, insanlar 8 saniyədən çox olmayan bir şeyə diqqətini cəmləyə bilirlər və bu rəqəm hər il azalır.

Bu, bizim daimi məlumat ehtiyacımızın səbəbi və bəlkə də əlavə məhsuludur. Biz informasiya əsrində yaşayırıq və bütün məlumatlar bizim üçün əlçatandır. Amma bu həm də o deməkdir ki, nə qədər çox insan mesaj paylaşmağa və hər mümkün suala cavab verməyə çalışsa, istehsal olunan məzmun bir o qədər çox fon səs-küyünə çevrilir.

Bu gün infoqrafikanın olması bir göstəricidirsə, tezliklə hər yerdə olacaq. Bu, işinizdə yeni dəyişikliklər deməkdir. Tarixdə heç bir marketinq kampaniyası hər zaman eyni şeyi etməklə uğur qazanmayıb.

Buradakı fikir infoqrafikaya .jpeg şəklindən başqa bir şey kimi baxmaqdır. İnfoqrafiya müxtəlif mühitlərə uyğunlaşdırıla və çox sayda platformada istifadə edilə bilər. Sahibkarlar və marketoloqlar artıq bunun potensialını görüblər. Və sən?

Çip Virtual reallıq ki, başqalarına axmaq kimi görünəcəksən

Google-un Cardboard Design Lab yeni başlayan VR dizaynerləri üçün yaxşı “dərslik”dir

İnfoqrafiya - rpg oyunu kimi

Unity ilə bağlı problem ondadır ki, internetdə yaxşı bir şey etmək asan deyil.

Virtual reallıq gözləriniz üçün qulaqlıq kimidir

Virtual reallıq təhlükəsiz mühit tələb edir, siz ona yolda daxil ola bilməzsiniz. VR imkanlarını məhdudlaşdırır

Səhər sessiyanı bağladı Archie Tse The New York Times-dan "Niyə NYT daha az interaktiv iş görür" təxribat mövzusu ilə.

NYT-nin işi vizual hekayənin üç qaydasına əsaslanır:

Oxucuya sürüşmək əvəzinə klikləmək lazımdırsa, qeyri-adi bir şey baş verməlidir.
Fərz edin ki, alət ipuçları və hər hansı digər hover effektləri heç kim tərəfindən görülməyəcək. Məzmun vacibdirsə, onu elə edin ki, oxucu onu dərhal görsün.
Əgər nəyisə interaktiv etmək istəyirsinizsə, unutmayın ki, onun bütün platformalarda işləməsi baha başa gələcək.

Qrafiklərinizi həm masaüstü, həm də mobil cihazlarda işləməsi üçün 2 və ya 3 dəfə yenidən çəkməli olacaqsınız

Bu qaydalar NYT-nin yanaşmasını necə dəyişdi:

Əksər vizuallaşdırmalar indi statikdir
Daha çox mətn
Şəkildə hərəkətə ehtiyacınız varsa, sürüşmə zamanı görünür

(Dördüncü bənddə deyilir ki, onlar hələ də interaktiv iş görürlər. Amma indi bu hadisə ÇOX mənalı olmalıdır.)

Biz "çox addım" etdik. İstifadəçilər 3-cü addımda dayanırlar. Oxucular klikləmək yox, sadəcə sürüşdürmək istəyirlər

Archie Tse: Scrolling Vs. klikləmək

18 həftədir ki, Andy Kriebel hər bazar gecəsi VizWiz-də infoqrafika və onun əsasında hazırlanmış məlumatları dərc edir. Tapşırıq bazar ertəsi ərzində təxminən bir saat vaxt ayırmaq, vizuallaşdırmanı tez təhlil etmək və öz versiyanızı hazırlamaqdır.

Aşağıda ötən həftənin nəticələrini dərc edirik - XXI əsrdə köləlik.

Andy Kriebel tərəfindən #MakeoverBazar ertəsi. Ətraflı Təsviri və interaktiv - Andy-nin bloqunda:

Andy Cotgreave tərəfindən #MakeoverBazar ertəsi. Ətraflı təsvir və interaktiv - Andy-nin bloqunda:

Onu da bildim ki, dünyada insanların 51%-i məndən kiçik, Rusiyada isə 63%-i yaşlıdır və hazırda ölmək şansım o qədər də böyük deyil. Rəqəmlər birdən-birə “statistika” olmaqdan çıxdı və məni özəyinə qədər toxundurdu.

Məlumatların vizuallaşdırılması Daha az əl ilə dizayn işləri ilə böyük məlumat dəstlərindən istifadə edir alqoritmlərə əsaslanır. Məsələn, New York Times-ın interaktiv işi.

vizual sənət - bir istiqamətli kodlaşdırma. Kunal Anandın hesablama sənəti kimi gözəl, lakin deşifrə edilməsi çətin olan vizuallaşdırmalar.

Problem nədir?

Nəticədə, bir çox əsərlər yalnız təcrübəli istifadəçiləri cəlb edir, lakin təcrübəsiz oxuculara məsələnin mahiyyətini araşdırmağa imkan vermir, bununla da vizuallaşdırmanın məqsədinə - ictimaiyyəti məlumatlandırmaq üçün zərər verir. Buna görə də vizual savadlılıq problemini vizuallaşdırma kontekstində tanımaq və anlamaq çox vacibdir.

Jurnalistikanın Yeni “Vizual Qrammatikası”

Budur, interaktiv jurnalistikanın təqdimat yollarını sınaqdan keçirən üç əsər. Onlar təsirli görünürlər, lakin onların təfsiri çoxları üçün çətin bir iş ola bilər.

ABŞ-da gey hüquqları, ştatlara görə

Bu gün mövcud olan məlumat mənbələrinin və məlumatların emalı alətlərinin sayı özlüyündə aydın göstəricidir ki, əvvəllər heç vaxt bu qədər çox insan məlumatların vizuallaşdırılması dünyasında rahat olmağa çalışmamışdır. Öyrənmək üçün çoxlu material olduqda, yalnız bir sual yaranır "Haradan başlamaq lazımdır?" hər yeni başlayanı qorxuda bilər. Bəs ən yaxşı kitabxanalar hansılardır və peşəkarlar nəyi tövsiyə edir? Bu məqalədə müzakirə olunacaq.

Məlumatların vizuallaşdırılması haqqında danışmaq və onu qeyd etməmək yaradılış tarixindən danışmağa bənzəyir fərdi kompüterlər və heç vaxt Steve Jobs haqqında bir söz demə. D3 (İngilis dilində Data Driven Documents-dan) mübaliğəsiz, SVG qrafikasını yaratmaq üçün istifadə edilən bazarda ən vacib və üstünlük təşkil edən açıq mənbəli JavaScript kitabxanasıdır. SVG (ingilis dilindən. Scalable Vector Graphics) öz növbəsində veb-brauzerlər tərəfindən dəstəklənən, lakin əvvəllər az istifadə edilən vektor təsvir formatıdır.

D3 kitabxanası populyarlığının böyük hissəsini veb-dizaynerlərin SVG-yə qəfil marağına borcludur. vektor qrafikası yüksək rezolyusiyaya malik ekranlara baxın (xüsusən də istifadə olunan Retina displeylərdə Apple cihazları), daha çox yayılmışdır.

Müstəqil məlumatların vizuallaşdırılması üzrə ekspert və şirkətin sahibi Moritz Stefaner deyir: "Düzünü deyim, əgər vəzifə SVG əsasında məlumatları vizuallaşdırmaqdırsa, o zaman bütün digər kitabxanalar bunu həll etməyə yaxın deyildilər" Həqiqət və Gözəllik. “D3-ə əsaslanan kifayət qədər maraqlı layihələr də var, məsələn, standart qrafik komponentləri təmin edən NVD3 - istifadəyə hazır, lakin fərdiləşdirilə bilər; və ya deyək ki, Crossfilter sadəcə olaraq görkəmli məlumat filtrləmə vasitəsidir.”

Scott Murray, proqramçı-dizayner və kitab müəllifi Veb üçün interaktiv məlumat vizualizasiyası, əvvəlki fikirlə razılaşır: “D3 qeyri-adi gücə malikdir, o, brauzerlərin təklif etdiyi hər şeydən istifadə etməsindədir. Baxmayaraq ki, bu var arxa tərəf: əgər brauzer nəyisə dəstəkləmirsə, məsələn, WebGL (İngilis Veb Qrafik Kitabxanasından) əsasında 3D təsvirlər, onda D3 də onu dəstəkləməyəcək.

Bu kitabxana həqiqətən universal olsa da, hələ də hər tapşırıq üçün ideal həll yolu deyil. Scott Murray əlavə edir: "D3 kitabxanasının əsas çatışmazlığı, belə desək, vizuallaşdırma üçün hər hansı bir xüsusi yanaşma təyin etməməsi və hətta təklif etməməsidir". "Beləliklə, bu, həqiqətən, məlumatları brauzerə yükləmək və sonra bu məlumatlara əsaslanaraq DOM komponentlərini yaratmaq üçün bir vasitədir."

D3 xüsusi təsvirlər üçün əla alət olsa da, çox vizual işləmədən standart bir qrafik yaratmaq istəyirsinizsə, o zaman belə bir vasitə Vega. D3 üzərində işlənmiş bir çərçivə olan Vega, qrafik komponentləri göstərmək üçün alternativ təqdim edir. Vega-dan istifadə edərək, siz məlumatları JSON formatında Avropa Jurnalistika Mərkəzi və Məlumata əsaslanan Jurnalistika Layihəsində vizuallaşdıra bilərsiniz. Kursun dəqiq tarixi hələ məlum deyil, ancaq indi qeydiyyatdan keçə bilərsiniz.

Beş gün ərzində kurs iştirakçıları data jurnalistikasının nə olduğunu, necə işlədiyini və bu sahədə mütəxəssis olmaq üçün hansı əsas bacarıqlara yiyələnməli olduqlarını öyrənə biləcəklər. Hekayələrinizi dəstəkləmək üçün məlumatları harada axtarmaq lazım olduğunu və mövcud məlumatlardan yeni fikirləri necə tapmaq lazım olduğunu anlayın. Darıxdırıcı məlumatları cəlbedici hekayəyə, infoqrafikaya və ya hətta interaktiv vizualizasiyaya çevirmək sənətini öyrənin. Jurnalistin bilməli olduğu qrafik dizaynın əsas prinsipləri ilə tanış olun.

Kursun müəllimləri data jurnalistikası və vizuallaşdırma üzrə dünyanın beş aparıcı mütəxəssisidir.

Məlumatların vizuallaşdırılmasının gələcəyi interaktivdir.

Bəs həqiqətən heyrətamiz interaktiv infoqrafikanı necə yaratmaq olar?

İnfoqrafiya hər yerdədir və getdikcə daha tez-tez interaktiv olur.

Bugünkü məqaləmizdə interaktiv infoqrafika yaratmağın sirlərini, həmçinin faydalı resurslara keçidləri sizinlə bölüşəcəyik.

1. Psixologiyanı anlayın

İnfoqrafik interaktiv yaratmazdan əvvəl onu niyə belə etmək istədiyinizi başa düşmək vacibdir.

Bu infoqrafikada ətraflı göstərildiyi kimi, insanlar vizual məlumatları daha yaxşı mənimsəyirlər. Təqdimatda cəlbedici vizuallar varsa, onu oxumaq, başa düşmək və yadda saxlamaq ehtimalımız daha yüksəkdir. edir təsirli vasitədiröyrənmək, lakin daha da yaxşılaşa bilər.

Kinetik öyrənmə əla alternativdir, çünki insanlar fiziki hərəkətlərlə daha yaxşı öyrənirlər.

Buna görə də vizualizasiyanızın perspektiv sahəsinə interaktivlik əlavə etmək sizə daha yaddaqalan və effektiv infoqrafika yaratmağa kömək edəcək.

Vizual və kinetik yanaşmanın bu kombinasiyası animasiyalı infoqrafikanı gələcəyin məzmununa çevirir. Əlbəttə ki, bəzi mövzular üçün interaktiv elementlərdən istifadə etməmək daha yaxşıdır, lakin əksər hallarda onlar yalnız məzmunu yaxşılaşdıracaqlar.

Hərəkət məlumatlara məna əlavə edir, istifadəçiyə təcrübəni idarə etməyə imkan verir və statik infoqrafikanın edə bilmədiyi şəkildə təxəyyülü cəlb edir.