Suosnivač Smashing Magazinea: Kreirajte responzivne stranice koje mogu trajati godinama

Infobip ❤️ Netokracijašto akvizicija znači za vas - i nas?

Suosnivač Smashing Magazinea: Kreirajte responzivne stranice koje mogu trajati godinama

Vitaly Friedman, suosnivač Smashing Magazinea, govorio je o responzivnom dizajnu na FFWD.PRO
Vitaly Friedman, suosnivač Smashing Magazinea, govorio je o responzivnom dizajnu na FFWD.PRO (fotografija: Mirko Beović)

Responzivan dizajn. Pojam je to o kojemu u posljednje vrijeme dosta slušamo. Naime, kako internetskim stranicama pristupamo sa sve više različitih uređaja, koji imaju različite veličine i vrste ekrana, iznimno je bitno da iskustvo korištenja bude ujednačeno na svim uređajima. O trikovima i idejama što funkcionira u ovoj vrsti dizajna na konferenciji FFWD.PRO govorio je Vitaly Friedman, suosnivač Smashing Magazinea.

Kako kaže, responzivan dizajn tjera web dizajnere da prihvate novi mentalni sklop za proces dizajniranja, ali i nove tehnike koje koriste u dizajniranju i kodiranju. Osvrnuo se i na tvrdnje da je ova vrsta dizajna pogrešna – upitao se: Kako može biti pogrešna, ako je tu riječ samo o alatu?

To je samo prigodan alat za kaotičan, fluidan web. Možda nije najbolji, ali je najbolji koji za sada postoji. To je novi mentalni sklop koji nas tjera da ponovno razmislimo o svemu i promijenimo naše navike.

Friedman je na praktičnim primjerima pokazao neke od glavnih problema responzivnog dizajna i načine na koje se oni mogu riješiti. Jedan od problema predstavljaju fotografije i ilustracije. Primjerice, kako bi se pravilno prikazivale na zaslonima visoke gustoće, ne trebaju nam slike visoke razlučivosti – bila je to njegova hrabra izjava koja je izazvala iznenađenje u publici, ali je na praktičnim primjerima pokazano kako se to može postići.

Za optimiziranje vizuala mogu se koristiti alati kao što su TinyPNG ili JPEGMini. Osobno smatram da je ova vrsta kompresije značajnija od kompresije HTML ili CSS dokumenata.

Isto tako, napomenuo je kako nema čarobnog trika za postizanje responzivnosti slika, ali preporučio je pristupe kao što je Picturefill.

Prvo tekst, onda slike?

Dotaknuo se i uvjetovanog učitavanja u sklopu kojega se od internetskih preglednika traži da učitava elemente progresivno, osiguravajući na taj način brzo i funkcionalno iskustvo pristupa osnovnim sadržajima stranice. Kao dobar primjer, izdvojio je stranicu od  The Guardiana, odnosno, način na koje ona učitava podatke. Prvo ide osnovni sadržaj (core content), naglašeni sadržaj (enhancement) i ostali dijelovi za koje korisnici najmanje mare (leftovers, kao što su analitike, oglasi i sadržaj trećih strana).

Najbolje bi bilo kada bi se prvo učitavao tekst, a nakon toga slike. Naime, ako na stranicu dolazi korisnik putem mobitela s lošim signalom, recimo, EDGE, dok čeka da se stranica učita, barem može čitati tekst. Korisnici na stranice ionako dolaze zbog sadržaja, a na ovaj način ga mogu odmah početi konzumirati dok čekaju na potpuno učitavanje.

Dao je i savjet da se prilikom planiranja projekta predvide i ciljevi koji se žele ispuniti, odnosno ograničenja koja se ne smiju prijeći, kad je riječ o brzini učitavanja stranice na lošoj internetskoj vezi, te da se na taj način prioretizira ono što je bitno. To će svim članovima tima pomoći prilikom procesa gradnje stranice i dizajna, jer sve što se naknadno dodaje imat će posljedice na brzinu učitavanja.

Fotografija: Mirko Beović
Fotografija: Mirko Beović

Smashing Magazine i web shop

Friedman je prezentirao i način na koji će Smashing Magazine redizajnirati svoj web shop kako bi bio pristupačan (responzivan) za razne tipove uređaja poput mobitela i tableta. Prilikom redizajna počeli su prvo s mobilnim rješenjem, a kako bi olakšali korisnicima na mobitelima kupovinu, osmislili su i testirali niz funkcionalnosti.

Najviše smo pažnje posvetili košarici, gdje se putem lokacije procijeni gdje se osoba nalazi, kako bi se odmah moglo odrediti u kojem će vremenu knjiga, ako je riječ o tiskanom izdanju, stići na kućnu adresu, što se odmah i prikaže kupcu. Također, prilikom upisa adrese, prvo se upisuje poštanski broj, prema kojemu se predviđa o kojem se gradu ili državi radi.

Sve se to radilo sa ciljem da korisnici na mobilnim uređajima moraju što manje stvari upisivati. Isto se odnosi i na odabir metode plaćanja, stoga su osmislili sustav Better Payment – u istome se polju, odvojeni samo zarezima, upisuju broj kartice, datum isteka i sigurnosni kod, a sustav prilikom upisivanja odmah provjerava jesu li podatci točni ili ne. No, iako je ova funkcionalnost izazvala odobravanje publike na konferenciji FFWD.PRO, Friedman je istaknuo kako su prema istraživanju zaključili da je određen dio korisnika smatrao kako takva forma nije ulijeva dovoljno sigurnosti kao standardna, stoga će za njih biti potreban period navikavanja na ovaj zanimljiv pristup.

Friedman je na kraju ohrabrio sudionike konferencije da pokušaju kreirati responzivne stranice, ali a pokušaju razmišljati na način kako bi one mogle dobro funkcionirati i za pet, šest ili sedam godina.

Sukladno članku 94. Zakona o elektroničkim medijima, komentiranje članaka na Netokraciji dopušteno je samo korisnicima koji ostave svoje ime i prezime te mail adresu i prihvate pravila ponašanja.

Pravila ponašanja

Na Netokraciji za vas stvaramo kvalitetan, autorski potpisan sadržaj i zaista se veselimo vašim kvalitetnim, kontruktivnim komentarima. Poštujmo stoga jedni druge prilikom komentiranja, kao i Zakon, držeći se sljedećih pravila ponašanja:

  • Ne budite 💩: Nema vrijeđanja, diskriminiranja, ni psovanja (osim ako nije osobni izričaj, ali onda neka psovka bude općenita, a ne usmjerena prema nekome). Također, upoznajte se sa stavkom 2. članka 94. Zakona o elektroničkim medijima prije no što ostavite komentar.
  • Samo kvalitetna rasprava, manje trolanja: Ne morate se ni sa kim slagati, ali budite konstruktivni i doprinesite raspravi! Svako trolanje, flameanje, koliko god "plesalo" na granici, leti van.
  • Imenom i prezimenom, nismo Anonymous 👤: Autor sadržaja stoji iza svog sadržaja, stoga stojite i vi iza svog komentara. Koristimo ime i prezime te pravu email adresu.

Kako koristimo podatke koje ostavljate? Bacite oko na našu izjavu o privatnosti.

Sve ostale komentare ćemo s guštom spaliti, jer ne zaslužuju svoje mjesto na internetu.

Komentari

Odgovori

Tvoja e-mail adresa neće biti objavljena.

Popularno

Kolumna

Što Infobipova akvizicija Netokracije znači za hrvatsku tehnološku scenu i Netokracijin tim

Najveća tehnološka tvrtka u Hrvatskoj nas je upravo akvizirala, a mi nastavljamo urednički neovisno pratiti startup i developersku scenu, a globalno stvarati kvalitetan developerski sadržaj.

Analiza

Novi Zakon o radu regulira platformski rad. Što o tome misle Uber, Bolt i Glovo, a što sindikat?

Načinom na koji je u izmjenama i dopunama Zakona o radu reguliran rad putem digitalnih platformi nisu zadovoljne ni digitalne platforme, ni sindikati. Platforme se, naravno, pozivaju na fleksibilnost i slobodu koju njihovi vozači ili dostavljači cijene, a sindikat smatra kako su se opet izvukle od odgovornosti.

Startupi i poslovanje

Trebaju li se hrvatski osnivači pripremiti na “zimu” u investicijama i kako?

Kako će se kriza odraziti na domaće startupe, koji su u boljem, a koji u lošijem položaju te što savjetuju osnivačima kao obrambene mjere komentiraju Vedran Blagus iz South Central Ventures, Stevica Kuharski iz Fil Rouge Capitala i Ivaylo Simov iz Eleven Venturesa.

Što ste propustili

Startupi i poslovanje

Napraviti dobru stvar ili napraviti stvari – dobro? Vječna dilema svakog Product Managera

Vječno pitanje koje nerijetko daje vrlo polarizirane odgovore, a postavi si ga svaki product manager u nekom trenutku - neovisno radi li se o startupu gdje tu funkciju nerijetko obavlja osnivač - ili velikoj kompaniji s 50+ product managera.

Startupi i poslovanje

Maistra i Infobip traže najbolje domaće FoodTech startupe!

Ako razvijate rješenje usmjereno na ugostiteljstvo, gastronomiju, prehrambenu tehnologiju ili razvijate tehnologije za promicanje budućnosti gastronomije i/ili ugostiteljstva - razmislite o prijavi na FoodTech Startup natjecanje. Što uključivanjem dobivate otkrivamo u nastavku.

Novost

U napadu na tisuće digitalnih novčanika povezanih sa Solanom, domaći Solflare ostao netaknut

Solana blockchain i niz drugih platformi povezanih s istim jutros su doživjele veliki napad kojim je zahvaćeno nekoliko tisuća digitalnih novčanika. Više saznajemo od Filipa Dragoslavića, su-osnivača tvrtke koja se posvetila razvoju proizvoda na ovom blockchainu.

Kriptovalute i Blockchain

The Lokals: animirani NFT film koji će vas provozati kroz Jugoslaviju 80-ih

Kako je jednom malom splitskom multimedijalnom studiju koji iza sebe ima preko 70 nagrada uspjelo spojiti sedmu umjetnost i blockchain, a da ih pritom podrže i dvije francuske produkcijske kuće koje na svojim policama drže Oskara? Zvuči kao pitanje s izmišljenom premisom, ali to svakako nije.

Intervju

ASEE Studentska akademija: Riječki studenti ne moraju seliti za dobru praksu, studentski, a možda i stalni posao

Studenti imaju prilike odraditi praksu na nečemu što ih zaista zanima, uz mentora rješavati stvarne tehničke i poslovne probleme te za to biti plaćeni. I sve to u Rijeci, s dolaskom u ured ili full remote - po izboru.

Kultura 2.0

DALL E 2, AI sustav koji kreira vizuale postaje dostupniji. Što to znači za umjetnike i kreativce?

Stručnjak za umjetnu inteligenciju i strojno učenje, entuzijast koji u njemu eksperimentira i dizajnira te ilustratorica komentiraju što donosi DALL E 2, sustav umjetne inteligencije koji kreira nevjerojatno precizne vizuale iz samo par riječi uputa.