Blog

Trendovi u web dizajnu u 2015. godini

Uglavnom nije baš zahvalno predviđati budućnost, ali kako se početkom svake godine pojavljuju mnoge prognoze trendova u web dizajnu, pokušat ćemo izdvojiti nekoliko trendova koji se nama najviše sviđaju i za koje vjerujemo da će biti sve prisutniji na webu u 2015 godini. Tu prvenstveno treba izdvojiti RWD iliti responzivni web dizajn, koji je sve prisutniji i važniji faktor kod izrade web stranica još od 2012., što je i razumljivo, jer se prema nekim istraživanjima danas (čak i u Hrvatskoj) mobilni uređaji koriste za pregledavanje Interneta više od desktop računala (link na kratko i jasno objašnjenje, a za one koje zanima više evo i linka na konkretne rezultate Gemiusovog istraživanja).

Responzivni web dizajn je otvorio mnoge nove mogućnosti (o čemu smo već pisali ovdje) te je potpuno promijenio izgled Interneta koji se godinama prilagođavao 17" monitorima. Svi dotadašnji pokušaji pojedinih dizajnera/developera, pa čak i nekih internet preglednika, da se prilagode mogućnostima HTML5 i CSS3 tehnologija ostajali su samo na pokušajima, jer su korisnici ionako pretraživali web na istim ekranima i rezolucijama te preko 90% na tri vodeća internet preglednika. Nedostatak stvarne potrebe za jedinstvenim standardima dugo je bio glavna prepreka da se nešto promijeni. Ali da ne dosađujemo sa problemima koji su sada već iza nas, idemo se okrenuti budućnosti. Pa evo glavnih i nama najzanimljivijih...  :)


1. Skrolanje je opet IN

Kako raste rasprostranjenost pametnih telefona i tableta, konačno smo se odmaknuli od ideje da sve mora biti nagurano na naslovnoj stranici jer korisnici "ne vole" skrolati. Iako su oduvijek postojale web stranice (ili u ovom kontekstu možda bolje reći web mjesta) koje se sastoje od samo jedne stranice trend je dugo bio - korisnika preko linkova što prije dovesti do informacije koja ga zanima. Iako, naravno, stranice sa mnogo (ili samo nekoliko) jasnih linkova na određene informacije itekako imaju smisla, u mnogim se slučajevima nepotrebno zapostavljalo skrolanje, koje također ima mnoge prednosti ukoliko želite ispričati cijelu priču korisniku ili potencijalnom klijentu. Ponekad je puno kvalitetnije imati kontrolu nad prezentacijom svog proizvoda, usluge ili ideje za što su dugačke stranice idealne. 

Kada nešto prezentirate na taj način, ne morate se bojati da će netko preskočiti neku bitnu informaciju preskakanjem linka te sami diktirate na koji način i sa koliko opširnim informacijama pristupate posjetiteljima Vaše stranice. Tu još treba napomenuti da nije samo naslovna stranica ona koja se može skrolati, već se takav pristup može primijeniti na više mjesta na web stranici što omogućuje kvalitetnu prezentaciju svih proizvoda i usluga koje nudite. Dobar primjer je službena stranica novog iPhoene-a 6:

 


2. Pričanje priče (Storytelling)

Kao što smo već naveli u prethodnom odlomku, priča je ta koja će najbolje prodati Vaš proizvod/uslugu, a tu je najbitniji sadržaj kojeg ćete odabrati za prezentaciju. Impresivne slike i kratki, ali jasni tekstovi su garancija da će posjetitelj Vaše web stranice pročitati prezentaciju do kraja. Tu postoje (najmanje) dva smjera kojim možete krenuti. Prvi smjer je pomoću zadivljujućih pozadinskih slika i grafika dočarati Vaš proizvod/uslugu. Evo par dobrih primjera:


 

Drugi smjer, koji može biti jednako atraktivan te ostvariti jako dobar dojam, je izostavljanje slika te korištenje praznina i raznih stilova fonta kako bi bolje istaknuli svoju poruku. Ovakav trend se često naziva i Flat Design, ili prevedeno, ravan dizajn, koji je postao jako rasprostranjen kada je Apple objavio operativni sustav iOS 7 koji je minimalistički - “ravan”, bez mnogo suvišnih linija, gradijenta i tekstura. Kada maknete nepotrebne elemente iz dizajna Vaša poruka će biti puno uočljivija! Evo par primjera:






3. Tipografija i animacije

O ovome smo već dosta rekli, ali to je trend koji je bitno izdvojiti jer se pojavom Google fontova, kao i nekih drugih - sličnih servisa, tipografija po prvi puta pojavljuje kao faktor u web dizajnu. Donedavno je bilo dosta teško koristiti neki nestandardni font na svojim web stranicama, te su se za takve potrebe najčešće koristile slike koje nisu baš optimalno rješenje, ako uzimamo u obzir SEO (iliti optimizaciju web stranica za pretraživače). 

Korištenje velikih natpisa i tipografije, koje je oduvijek bilo rasprostranjeno u svim drugim načinima grafičkog izražavanja, dugo je bilo izbjegavano u web dizajnu zbog tehničkih poteškoća čemu su (na sreću) doskočile najnovije tehnologije i servisi. Svakodnevno se pojavljuju novi i zanimljivi koncepti koji se baziraju upravo na tipografiji, a koja je u web dizajnu još i zanimljivija jer, za razliku od drugih oblika grafičkog izražavanja, dopušta i animiranje tekstualnih sadržaja. 

Iako je animacija prisutna u web dizajnu takoreći od samih početaka, uvijek je postojao neki problem s tehnologijom koja je korištena za prikaz animiranog sadržaja. Tako je za kvalitetnu GIF animaciju (tu ne mogu dovoljno istaknuti kako je naglasak na riječi KVALITETNU, jer je web prepun kojekakvih animated gif uradaka koji su sve samo ne kvalitetni) potrebno relativno puno vremena i dobra, originalna ideja. S druge strane tu su Flash i Silverlight rješenja koja zahtjevaju određene tehnologije koje nisu uvijek dostupne i koje u pravilu zahtijevaju mnogo više memorije i bandwidtha nego što je to realno potrebno.

Upravo zbog toga je došlo do prave revolucije još prije par godina, kada se pojavio jQuery koji radi više manje svugdje i svakodnevno se razvija. Bitan faktor u kvalitetnim i oku ugodnim animacijama je i prihvaćanje PNG standarda (koji je puno kvalitetniji od GIF-a) od strane svih web preglednika. Nakon jQuery-a pojavili su se mnogi kvalitetni front-end HTML, CSS i JS frameworkovi, poput Bootstrap-a, Yaml-a, Toasta i drugih, koji jednostavno daju novu dimenziju web stranicama koja do sada nije bila moguća. Pomoću takvih frameworkova su razvijeni mnogi predlošci za dizajn responzivnih web stranica sa zanimljivim detaljima, koje je moguće doraditi uz ponešto znanja o odabranom frameworku. Pa evo primjera takvih (besplatnih) template-a:


 

4. Interakcija

Danas više skoro da ne možemo govoriti o nekoj generaciji koja ne koristi Internet (dobar dio nas se sjeća "davnih" početaka i objašnjavanja klijentima kako Internet ne koriste samo "mladi" te kako web njima ne treba). Danas svi znaju što je Google, da stranicu treba skrolati, da se, ako nešto kliknu ili upišu, neće pojaviti "virus" i sl.. Kako se razvijao Internet, razvijala se i sigurnost, pa se tako mijenjaju i navike ljudi koji sve više očekuju neki oblik interakcije od strane Vaše web stranice. Korištenje interaktivnih elemenata i animacija posjetitelju daje do znanja da ste se potrudili oko Vaše web stranice te da Vam je stalo do njega/nje te ćete (ako je sve skupa napravljeno nenametljivo, tj. s ukusom) vjerojatnije ostaviti dobar dojam. Korištenje Google Maps i drugih sličnih servisa danas je potpuno zamijenilo slikice s kartama i animiranom točkicom, danas je normalno lajkati, share-ati i twitati, a nadamo se da će se u budućnosti pojaviti i mnoge druge opcije koje će na kraju krajeva vlasnicima web stranica omogućiti svakodnevnu interakciju s posjetiteljima te sve kvalitetniji svakodnevni feedback koji je moguć jedino na Internetu...


5. Personalizacija web stranice

Ovo je još jedan trend koji nas svakodnevno oduševljava, jer pokazuje da danas tehnologija spaja ljude te da je svakome bitno s kim radi i/ili od koga kupuje. Slike sa raznih Stock images servisa će uvijek biti prisutne i u mnogim slučajevima teško zamjenjive, ali ništa ne može unijeti više povjerenja u tvrtku od upoznavanja ljudi koji stoje iza nje. Iako su Facebook i drugi servisi više puta prešli granice dobrog ukusa, dobro je znati da se vraćaju stare vrijednosti, te da ljude ipak zanima tko stoji iza proizvoda, usluge ili projekta. Za tako nešto možete koristiti usluge profesionalnog fotografa ili sami napraviti originalnu fotku, tekst, video ili nešto slično. Ali ono najbitnije je da ćete najbolje približiti kvalitetu Vašeg proizvoda ili usluge kroz vlastite postupke.

 
Koju posluku porati na kraju?

Za kraj možemo jedino zaključiti da je danas jako zanimljivo raditi na području web dizajna. A postaje i sve zanimljivije! Možemo se samo nadati da će ovi trendovi još više zaživjeti te da će se web dizajn nastaviti odmicati od "štancanja" identičnih predložaka prema dizajnu u punom smislu te riječi.

Ako razmišljate o ulaganju u vlastite web stranice ove godine, dobro promislite o ovim trendovima i svakako nemojte dozvoliti da Vaše nove stranice ne budu responzivne, jer na taj način vjerojatno gubite preko 50% potencijalnih klijenata. Razmislite i o ostalim prijedlozima jer  web stranice puno govore o Vama.