UNDP u Crnoj Gori
Digitalna verzija izvještaja
Nhdreport.me
Nacionalni izvještaj o razvoju po mjeri čovjeka prvi je u nizu izvještaja razvijenih na Alicornovoj platformi u 2016. godini.
Izazov: korisnička pažnja
Prosječan korisnik na internetu nije spreman da onome što mu prezentujete posveti punu pažnju. Za pažnju vaših korisnika mora se izboriti i tu pažnju treba neprekidno održavati.
Velika količina teksta svedena je na po jedan sažeti uvodni paragraf po poglavlju. Cilj ovog paragrafa je bio da korisniku predoči sadržaj poglavlja do koga se može doći klikom na link “pročitaj više”.
Poglavljima kod kojih je trebalo veliku količinu podataka prikazati grafički na način da budu pregledni, pridružili smo i interaktivne grafike koji su grupisali srodne podatke. Cilj ovakog pristupa nije samo da smanji vizuelnu opterećenost i omogući lakše upoređivanje, već i da probudi dodatno interesovanje čitalaca kroz dionice u kojima oni imaju aktivno učešće. Ovako predstavljen izvještaj odjednom više nije nešto što vam se prezentuje, već iskustvo u kome učestvujete.
Izazov: uređaji i animacija
Potrebom da animacija bude interaktivna, da počne u trenutku kada korisnik skroluje do nje i činjenicom da korisnici koji dolaze sa mobilnih uređaja ne žele da im učitavanje sajta potroši previše zakupljenih megabajta, eliminisana je mogućnost korištenja videa za animacije. To nas je prinudilo da potražimo alternativno rješenje.
Kako video (i slični formati, poput .gif-a) nije predstavljao zadovoljavajuće rješenje, a Flash, kao format u izumiranju, nikada nije ni dolazio u razmatranje, znali smo da se moramo opredijeliti za HTML5. Glavni problem ovog izbora je što za HTML5 animaciju, naročito ako treba da sadrži interaktivne elemente, ne postoje alati koji su ni izbliza toliko funkcionalni i robusni kao što su to bili alati za Flash. Ovo je značilo da će animacije morati da se rade kroz tijesnu saradnju dizajnera i programera, koristeći alate koji su trenutno na raspolaganju, i razvijajući sopstvene alate za funkcionalnosti koje nedostaju.
Uz sve to, tim dizajnera i programera morao je da se pobrine i da su sve animacije jasno vidljive, a njihovi djelovi lako upotrebljivi i na smartphone uređajima. Kako bismo uštedjeli protok korisnicima koji dolaze sa mobilnih mreža, implementirali smo napredni “lazy-load” algoritam koji učitava isključivo one multimedijalne elemente do kojih je korisnik već skrolovao, ili se nalaze direktno ispod trenutno vidljive zone. Sve ovo je dovelo do brzog i sveobuhvatnog multimedijalnog iskustva.
HTML5 Animacije
Zauzimaju mnogo manje prostora i omogućavaju interaktivnost svojih djelova.
Napredni lazy-load
nam je omogućio da učitavamo samo stvari koje korisnik vidi, ili do njih može vrlo brzo skrolovati.
Rezultat: Izvještaj po mjeri korisnika
NHD izvještaj je ubrzo privukao pažnju i drugih domaćih i međunarodnih subjekata. Instantno interesovanje drugih da i svoje online izvještaje podvrgnu istom tretmanu bilo je najbolja potvrda da radimo pravu stvar. Tehnologija koja je bila namijenjena samo jednom proizvodu ubrzo je pretvorena u modularnu platformu prilagođenu publikovanju izvještaja sa animiranim i interaktivnim elementima. Za pola godine, na ovoj platformi objavljena su četiri izvještaja, a programski kod koji čini platformu je doživio dvije značajne revizije koje su unaprijedile performanse i dodale joj nove funkcionalnosti.
Ostanite u toku!
Prijavite se na Alicorn e-mail časopis i budite u toku sa najnovijim člancima našeg tima. Nema spama. Poruke šaljemo rijetko, isključivo kad imamo nešto važno da kažemo.
Hvala! Uspješno ste se prijavili!