Scrollytelling priče
Koje su prednosti i mane, a koji dostupni alati otvorenog koda
Pripovijedanje kao forma medijskog prezentovanja sadržaja postoji otkad postoji novinarstvo. Ono što se kroz decenije mijenjalo jeste način predstavljanja tih pripovjedačkih priča. Nekada su one uključivale tekst i fotografije u štampi, a danas predstavljaju sve više kompleksniji i potpuniji doživljaj za publiku.
Sa pojavom interneta i prelaskom medija u online sferu, ovaj prostor je omogućio novinarima/kama da u jednoj pripovjedačkoj priči uklope više formata. Pa tako danas možete u toku jedne priče pogledati video izjave, poslušati audio ili pak pregledati infografiku. Sve to na jednom mjestu.
Da biste stvorili članak koji pripovijeda kroz efekat promjene, morat ćete upotrijebiti alat ili platformu za web razvoj kako biste izradili web stranicu koja korisnicima omogućava pomicanje kroz sadržaj, a istovremeno uključuje interaktivne elemente kao što su grafike, videozapisi i animacije.
Kako započeti kreirati scrollyteling priče
Ovo su koraci na koje trebate obratiti pažnju prilikom kreiranja scrollytelling članka:
Photo by Etienne Girardet on Unsplash
Photo by Etienne Girardet on Unsplash
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.
Photo by Marvin Meyer on Unsplash
Photo by Marvin Meyer on Unsplash
2.
Odaberite odgovarajući alat za web razvoj ili platformu za izradu svoje web stranice.
Photo by Jackson Sophat on Unsplash
Photo by Jackson Sophat on Unsplash
3.
Upotrijebite HTML, CSS i JavaScript da biste dizajnirali izgled svoje web stranice i dodali interaktivne elemente.
Photo by Iñaki del Olmo on Unsplash
Photo by Iñaki del Olmo on Unsplash
4.
Koristite JavaScript biblioteke za stvaranje efekata pomicanja i animacije.
Photo by Vojtech Bruzek on Unsplash
Photo by Vojtech Bruzek on Unsplash
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.
Photo by Goran Ivos on Unsplash
Photo by Goran Ivos on Unsplash
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.
Prednosti i mane 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 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 čitatelj/ice.
MANE
Potrebna tehnička vještina: Stvaranje scrollytellinga zahtijeva znanje i vještine web razvoja, 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
Photo by Firmbee.com on Unsplash
Photo by Firmbee.com on Unsplash
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.
Photo by Audric Wonkam on Unsplash
Photo by Audric Wonkam on Unsplash
Scrollex: jQuery dodatak koji olakšava stvaranje interakcija i animacija temeljenih na pomicanju. Lagan je i jednostavan za korištenje.
Photo by freestocks on Unsplash
Photo by freestocks on Unsplash
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.
Photo by Alex Kotliarskyi on Unsplash
Photo by Alex Kotliarskyi on Unsplash
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.
Photo by Christopher Gower on Unsplash
Photo by Christopher Gower on Unsplash
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.
Photo by Jakob Owens on Unsplash
Photo by Jakob Owens on Unsplash
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.