Scrollytelling priče: Koje su prednosti i mane, a koji dostupni alati otvorenog koda

19.01.2023. / 08:30
Autor/ica
Share
scrollytelling
scrollytelling

Da biste stvorili članak koji pripovijeda kroz efekt promjene, morat ćete upotrijebiti alat ili platformu za web razvoj kako biste izradili web stranicu koja korisnicima/ama omogućava pomicanje kroz sadržaj, a istovremeno uključuje interaktivne elemente kao što su grafike, videozapisi i animacije.

Kako započeti kreirati scrollytelling priče

Ovo su koraci na koje trebate obratiti pažnju prilikom kreiranja scrollytelling članka:

  1. Odlučite se koja je to priča koju želite ispričati i prikupite potreban sadržaj, uključujući tekst, slike, video i audio zapise, podatke, infografike i slično.

  2. Odaberite odgovarajući alat za web razvoj ili platformu za izradu svoje web stranice.

  3. Upotrijebite HTML, CSS i JavaScript da biste dizajnirali izgled svoje web stranice i dodali interaktivne elemente.

  4. Koristite JavaScript biblioteke za stvaranje efekata pomicanja i animacije.

  5. Objavite svoju web stranicu na svom hosting servisu i testirajte je na različitim uređajima i preglednicima kako biste bili sigurni da je u potpunosti prilagođena.

  6. Imajte na umu da je za izradu članka koji pripovijedaju ovom formom potrebno znanje o web razvoju, pa bi moglo biti korisno imati iskustva s HTML-om, CSS-om i JavaScriptom. Iako danas postoje i gotovi predlošci koje je lako umetnuti u vaš sistem.

Prednosti i mane korištenja scrollytellinga u novinarstvu

Evo nekoliko prednosti i mana korištenja scrollytellinga u novinarstvu:

Prednosti

  • Privlačnost: Scrollytelling omogućava novinarima/kama predstavljanje informacija na način koji je privlačan i interaktivan, što može pomoći u povećanju čitanosti i angažmana.

  • Lako razumljiv: Scrollytelling se može koristiti za predstavljanje složenih informacija na način koji je lako razumljiv, čineći ga dostupnim široj publici.

  • Imerzivan: Scrollytelling se može koristiti za stvaranje imerzivnih iskustava koja prenose čitatelje/ice na drugo mjesto ili u drugo vrijeme, omogućavajući im da osjete dublju povezanost s pričom.

  • Povećano zadržavanje: Scrollytelling se može koristiti za stvaranje interaktivnih elemenata, koji mogu pomoći u povećanju angažmana i učiniti priču nezaboravnijom za čitatelje/ice.

Mane

  • Potrebna tehnička vještina: Stvaranje scrollytellinga zahtijeva znanje i vještine web razvoja (prvenstveno osnove HTML-a i CSS-a), koje možda nisu dostupne u svim redakcijama.

  • Vrijeme razvoja: Scrollytelling može potrajati duže od proizvodnje tradicionalnih članaka, što možda nije izvedivo za redakcije s kratkim rokovima.

  • Problemi sa pristupačnošću: Scrollytelling može biti težak za navigaciju za korisnike/ce sa određenim poteškoćama, kao što su korisnici/e sa oštećenjima vida ili motoričkim oštećenjima, iako se ovaj problem može riješiti korištenjem ograničenih efekata pomicanja.

  • Ograničeni doseg: Scrollytelling nije dobro podržan od platformi društvenih medija i nekih preglednika, što može ograničiti doseg scrollytelling članaka.

Alati otvorenog koda za izradu scrollytelling priča

U nastavku predstavljamo neke od alata otvorenog koda, uz koje će vaši programeri/ke moći kreirati template koji će biti odlični za stvaranje zanimljivijih i interaktivnijih priča koje će vašoj publici pomoći da bolje razumiju i zapamte prezentirane informacije.

Postoji nekoliko alata otvorenog koda koji se mogu koristiti za izradu scrollytelling članaka:

  • Scrollama: JavaScript biblioteka koja vam omogućava jednostavno stvaranje animacija i interakcija koje pokreće efekte promjene. Radi sa vodoravnim i okomitim pomicanjem i kompatibilan je sa većinom modernih preglednika.

  • Scrollex: jQuery dodatak koji olakšava stvaranje interakcija i animacija temeljenih na pomicanju. Lagan je i jednostavan za korištenje.

  • P scroll: JavaScript biblioteka koja vam omogućuje stvaranje interakcija i animacija temeljenih na pomicanju pomoću jednostavnog, intuitivnog API-ja. Kompatibilan je s modernim preglednicima i ima malu veličinu datoteke.

  • ScrollStory: JavaScript biblioteka koja vam omogućava stvaranje priča i animacija temeljenih na pomicanju pomoću jednostavnog, intuitivnog API-ja. Kompatibilan je s modernim preglednicima i ima malu veličinu datoteke.
  • ScrollMagic: JavaScript biblioteka koja olakšava stvaranje interakcija i animacija temeljenih na pomicanju. Lagan je i jednostavan za korištenje te ima puno značajki i opcija za stvaranje složenih iskustava pripovijedanja pomicanjem.

  • Parallax.js: lagana JavaScript biblioteka koja vam omogućava stvaranje efekata pomicanja paralakse na elementima vaše web stranice. Jednostavan je za korištenje i kompatibilan s većinom modernih preglednika.

Svi ovi alati imaju jasne upute za instaliranje i načine korištenja, pa će svakom programeru/ki biti veoma lako inkorporirati ih i stvoriti nevjerovatne scrollytelling vizualne priče. Svi alati su otvorenog koda, uz aktivno održavanje od strane zajednica koji ih koriste i redovno ažuriraju kako bi bili kompatibilni sa najnovijim web tehnologijama.

Pored alata uz koje će vam ipak trebati programerske vještine, postoje alati koji su kreirani sa ciljem da ovaj posao približe svakom novinaru/ki, koji će uz pomoć njih sam moći kreirati finalnu verziju priče, bez da zna kodirati.

Nedavno smo pisali o jednom takvom alatu, a to je Shorthand. Upravo smo u ovom alatu kreirali ovu priču.

Pogledajte je ovdje: Scrollytelling priče (shorthandstories.com)

Budući da nemamo plaćenu verziju, moguće je preko Shorthanda kreirati poddomenu (balkansmedia.shorthandstories.com) i objaviti priču. Međutim, da biste kreiranu priču direktno umetnuli u vašu web stranicu putem CSS ili Javascripts, morat ćete izabrati jedan do tri ponuđena paketa: Prime, Pro ili Premium, a cijene se kreću od 85$ za Prime paket, 850$ za Pro, ili Premium koji je prilagođen svakom korisnik/ci i njihovim potrebama.

Ovakvih alata ima još, ali zasad je većina dostupna ili kroz kreaciju ovih priča direktno na njihovoj domeni, kao u slučaju Shorthanda ili da platite jedan od ponuđenih paketa. Međutim, ako uzmete u obzir cijenu i ono što biste eventualno mogli dobiti kroz ovakvu vrstu priča, onda možda cijena i ne igra veliku ulogu. Pročitajte šta je medij Vidi Vaka postigao kroz samo dvije scrollytelling priče.

Sve u svemu, scrollytelling može biti moćan alat za novinarstvo kada se učinkovito koristi, ali ima svoja ograničenja i treba ga koristiti s oprezom. Važno je uzeti u obzir ciljnu publiku i dostupne resurse kada se odlučujete koristiti scrollytelling u novinarstvu.

Ocijenite kvalitet članka