Na početku svake godine smo entuzijastični oko vlastite budućnosti, a ove godine korisnici WordPressa imaju i dodatne razloge za veselje. Naime, ovaj CMS kontinuirano raste i evoluira, a 2017. godina obećava neke nove dizajnerske i funkcionalne zanimljivosti koje će malim i srednjim poduzetnicima pomoći u njihovom razvoju.
U nastavku vam želimo prezentirati WordPress trendove koje možete očekivati u 2017. godini i objasniti kako ih iskoristiti za bolju promociju i prodaju vaših usluga.
Važnost prilagođenosti za mobilne uređaje i “mobile first”
Pojam “mobile friendly” je posljednjih godina vrlo frekventan, a u 2017. godini ćete više nego ikada prije imati priliku doći u kontakt s ovim konceptom. Za neupućene, ovo znači web dizajn s fokusom na mobilne uređaje – i to primarno u odnosu na stolne, a što znači da će se dizajn orijentirati prema mobilnim uređajima, a responzivnost i tzv. skaliranje planirati i programirati od manjih ka većim sadržajnim i dizajnerskim okvirima.
Najvažniji razlog za ovaj pomak je povećanje broja mobilnih korisnika interneta – prilikom “običnog surfanja”, online kupovine i u online društvenoj interakciji. Posljednje statistike govore da se oko 60% pretraga na tražilicama vrši upravo preko mobilnih uređaja, pa onda definitivno i ne čudi što se dizajneri i programeri sve više okreću ovoj ciljnoj skupini.
Važnost prilagođenosti web stranica mobilnim uređajima za optimizaciju za tražilice (SEO) je također stara tema, na koju se možete podsjetiti u našem članku iz 2015. godine – Google uklanja web stranice koje nisu mobilno optimizirane.
Sigurnost web stranica putem HTTPS protokola
Posljednjih mjeseci smo u više navrata pisali o važnosti HTTPS protokola i SSL certifikata, a ovom prilikom ćemo se samo kratko osvrnuti na tu temu.
Hyper Text Transfer Protocol Secure (HTTPS) je u svojoj srži sigurna verzija HTTP-a, a što znači da je razmjena podataka između preglednika i web stranice enkriptirana tj. zaštićena.
Kako je sigurnost i stabilnost postala primarna briga vlasnika web stranica, WordPress kao CMS se trudi iznaći različita rješenja po ovom pitanju. Napomenut ćemo da su Google i WordPress pokrenuli zajednički projekt nazvan Let’s Encrypt, koji omogućava prisupačniju i jednostavniju ugradnju SSL certifikata.
O važnosti SSL-a za Google čitajte ponovno u našem članku – Google uskoro kreće sa sramoćenjem web stranica bez SSL certifikata.
Unaprijeđenje tzv. mikrointerakcija (microinteractions)
Termin “Interstitial anxiety” ćemo u 2017. vjerojatno sve češće čuti. Ovaj pojam opisuje privremeno stanje napetosti korisnika između trenutka “okidanja” (npr. klika) i reakcije sustava na taj okidač. Problem predstavljaju odgode, nastale uglavnom zbog sporog učitavanja web stranica i dugačkog vremena čekanja na koje je korisnik osuđen, a sve skupa može donijeti znatnu štetu i povećati tzv. bounce rate.
U želji da se premosti ovaj problem, tzv. mikrointerakcije u web developmentu postaju značajan fokus – a ukratko, riječ je o animacijama i efektima koje korisnicima govore da se na web stranici nešto događa.
Mikrointerakcije vjerojatno viđate svakodnevno – prilikom učitavanja web stranica koje posjećujete, ispunjavanja web formulara, dovršavanja kupovne, lajkanja postova i sl.).
Povećanje broja tzv. SaaS platformi
SaaS kao poslovni model nije novi koncept, ali u 2017. ćemo svjedočiti sve većem broju programera koji ga koriste. Ovaj se model smatra dobitnom kombinacijom za sve sudionike – programeri putem SaaS platformi prodaju svoja rješenja i na taj način imaju kontinuiranu financijsku korist, dok WordPress korisnici preko istih servisa koriste kvalitetna rješenja, s uključenom podrškom i redovitim ažuriranjem na nove (i time sigurnije i stabilnije) verzije.
Primjer kvalitetnih SaaS platformi koje su i na našim podnebljima sve više u upotrebi su Google Apps, Dropbox, Microsoft Office 365, Zendesk i dr..
Video zaglavlja
Video zaglavlja u WordPressu nisu novost, ali zbog niza prednosti očekuje se da će njihova popularnost u 2017. godini vrtoglavo narasti.
To ne čudi s obzirom da su prednosti videa kao medija odavno utvrđene – odlično grabe pažnju i, ako su strateški osmišljeni, dobre su šanse da korisnicima budu zanimljivi i zabavni, te time dobro ispromoviraju vaše usluge i proizvode.
Korištenje tzv. failure mappinga za poboljšanje korisničkog iskustva
U svojoj srži “failure mapping” predstavlja mapiranje korisničkih iskustava, kako bi se pronašli potencijalni propusti na web stranicama. Primjera radi, može se raditi o neintuitivnoj navigaciji, ili konfuznim pozivima na akciju, koji se uz failure mapping mehanizme mogu poboljšati, a vlasnicima web stranica samim time donijeti i veću korist od njihovih alata.
Sa sve većim brojem korisnika interneta, rastu i različite demografske skupine – npr. internet koristi više mlađe djece i starijih odraslih nego je bio slučaj ranije. Ove grupe posjeduju nižu razinu informatičke pismenosti, manje su upoznate s određenim aplikacijama i generalno imaju drukčije stajalište o predmetima koji ih okružuju. Ukoliko je vaša web stranica više orijentirana prema jednoj određenoj ciljnoj skupini, postoji dobra šansa da zanemarujući druge gubite ogroman prodajni potencijal.
Tzv. failure mapping želi ovome stati u kraj – i to kroz mapiranje “putovanja” vašeg korisnika po vašoj web stranici i obzervacije njihovog ponašanja.
Evolucija virtualne stvarnosti
Do sada je tzv. virtualna stvarnost (virtual reality) uglavnom bila usmjerena na gaming industriju, no od ove godine ona se polako “udomaćuje” i na klasičnim web stranicama. Naime, WordPress je relativno skoro objavio da će WordPress.com blog uskoro početi podržavati VR (virtual reality) fotografije i videa, pa developeri već razvijaju pluginove u ove svrhe (jedan od rijetkih prisutnih na tržištu je WP-VR-view).
Osim toga, Google već neko vrijeme nudi upute o integraciji panorama 360 (videa i slika) s web stranicama, a one koje zanima o tome više mogu saznati na https://developers.google.com/vr/concepts/vrview.
Već sada je moguće vidjeti ogromne prednosti za kombiniranje virtualne stvarnosti s WordPressom, a tržište nekretnina, turizam i sport su samo neke od niša koje će ovim profitirati.
Originalan dizajn
Broj web stranica na internetu rapidno raste, pa je originalnost i jedinstvenost jedan od načina da se borite protiv konkurencije. U 2017. godini se očekuje sve veći broj tzv. custom dizajnerskih elemenata i sve učestalije korištenje JS, HTML5 i drugih interaktivnih tehnologija.
Neke jedinstvene i originalne web stranice, koje su relativno skoro izašle iz naše radionice, možete pogledati na sljedećim linkovima:
- http://petbunara.com/
- http://restaurant-hofmeister.at/
- http://www.deltafrost.ba/
- http://villaroyal-vodice.com/
Tzv. single page dizajn trend
Posljednjih mjeseci, pa i godina, sveprisutan je trend dizajniranja web stranica u stilu “landing pagea” , i on će se 2017. dodatno učvrstiti. Single page dizajn atraktivan je jer omogućava fluidno pričanje prodajnih priča – takav je koncept korisniku izrazito ugodan, pa samim time dovoljno dobar razlog da ovaj trend opstane barem još neko vrijeme.
Parallax ostaje popularan
Dizajnerski trikovi laganog pomicanja pozadine i stvaranje 3D iluzije predstavljaju fenomen nazva parallax – prema analizama zaslužan za povećanje prometa na web stranicama koje ga imaju. Stoga, korisno ga je kao tehniku korisiti i u predstojećoj godini.
Na primjeru web stranice Ville Royal Vodice, koja je prije nekoliko mjeseci izašla iz naše radionice, možete pogledati kako funkcionira parallax tehnologija: http://villaroyal-vodice.com/.
Slike, slike, slike…
Da slika govori tisuću riječi, svjedoči i moderno doba. Većina korisnika interneta ima izrazito kratkotrajnu pozornost i potrebno je uložiti popriličan napor da ta se ta pozornost zadrži. Atraktivne slike i videa odlično odrađuju ovaj posao.
U 2017. godini možemo očekivati više sadržaja koji je obogaćen grafičkim ilustracijama i raznom multimedijom, a o važnosti fotografija za veću posjećenost i bolje prodajne rezultate čitajte u našem članku Važnost fotografije u online marketingu i web dizajnu.
Fotografija s terase Deluxe Junior Suite hotela Villa Andrea, koja upotpunjuje prezentaciju na web stranici našeg klijenta tvrtke Šutić d.o.o. – villa-andrea.info
Boje
Odabir boja na web stranicama je izrazito važan. Boje dokazano utječu na korisnikove emocije i misli, a samim time i njegovo raspoloženje da kupi vaše usluge i proizvode. Ako se pitate koji će trendovi boja vladati 2017. godine, odmah ćemo vam reći – prema Pantoneu bit će to nijanse zelene. Zelena je odabrana kao simbol novog početka, revitalizacije i osvježenja. Naravno, ne trebamo očekivati da u 2017. godini svaka web stranica bude prožeta zelenom bojom, ali sigurni smo da će mnoge biti inspirirane upravo njom.
Na linkovima https://www.pantone.com/color-of-the-year-2017 i https://material.io/guidelines/style/color.html# možete potražiti inspiraciju i odgovarajuću kombinaciju boja za vašu buduću web stranicu.
Također, možete isprobati i servis na linku https://www.materialpalette.com/light-green/lime – odaberite dvije boje koje vam se sviđaju, pogledajte kako one korespondiraju skupa i pokušajte ih zamisliti kao dio vašeg budućeg korporativnog identiteta.
Duotone
Duotone je slika u dvije boje, koja stvara izvrstan efekt (primjer možete vidjeti na web stranici http://www.adisonpartners.com/). Posljednjih smo godina vidjeli mnogo slika izrađenih u ovoj tehnici, a vjerujemo da ćemo ih u 2017. vidjeti još i više.
Moderni retro
Neovisno o tome da li se radi o pixel artu, vintage tipografiji, ili prizorima inspiriranima 80-im ili 90-im godinama, retro s modernim prizvukom je trenutno vrlo in. Retro je posljednjih nekoliko godina imao ogromnog utjecaja na web dizajn, pa smo svjedočili mnogim web stranicama izrađenim u ovom stilu.
Neke otkačene primjere pogledajte na: http://www.rleonardi.com/interactive-resume/ i http://www.sweetmagnoliagelato.com/
Sinemagrafi (cinemagraphs)
Sinemagrafi su fotografije sa pokretnim elementima (primjer možete pogledati na linku https://flixel.com/products/mac/cinemagraph-pro/), koje su u posljednje vrijeme izrazito popularne – složit ćete se da za to postoji vrlo dobar razlog. Naime, efekti koje stvaraju su zaista za pamćenje.
Sinemagrafi mogu biti GIF-ovi ili videa, uglavnom je riječ o datotekama velikih veličina, pa se za njihovu pohranu često koriste specijalizirani servisi.
Masna, kreativna tipografija
U 2016. smo vidjeli mnoge primjere kreativnog korištenja fontova, a 2017. godina će nastaviti pomjerati granice. Zanimljiv primjer možemo pogledati na http://www.nurturedigital.com/ na kojem je na neobičan način kombinirana tipografija s videom. Video se vrti u pozadini, vidljiv je takoreći isključivo kroz prvo slovo riječi Nature (priroda). Video i slova izmjenjuju se putem navigacije (strelica na desnoj strani), kojima zapravo surfate po segmentima web stranice.
Neke od primjera masne, krupne i možda nekonvencionalne tipografije, a koji su izašli iz naše radionice, možete pogledati na slikama u nastavku. Riječ je o projektu izrade web stranice Deltafrost i web dućana Pčelarstva Veber, kojeg ćemo uskoro prezentirati kao Case Study, te vam ponuditi detaljan uvid u njegove specifičnosti.
Modularan dizajn
Modularan dizajn popularan je još od 2011. godine, a u svojoj srži se svodi na korištenje krupnih blokova u vidu sadržajnih modula, koji omogućavaju višu razinu preglednosti i uočljivosti sadržaja. S obzirom da je riječ o pozitivnom trendu, za pretpostaviti je da će se on i 2017. nastaviti.
Neke zgodne primjere modularnog dizajna možete pogledati na linku http://www.buildinamsterdam.com/ i http://www2.warwick.ac.uk/.
SVG umjesto slike
Iako SVG ne može zamijeniti baš svaku sliku (on zapravo mijenja jednostavne vektorizirane grafike), svatko tko ima iskustva s SVG-om reći će vam da je ovaj format uglavnom ugodnije koristiti nego .png i .jpg. Najvažniji razlog je bolje renderiranje, manja veličina datoteke (samim time manje opterećenje za web stranicu), jasnija slika bez obzira na veličinu (nikada nije “zrnasta”), mogućnost animiranja pojedinačnih elemenata slike itd..
U nastavku pogledajte kako na nekim našim projektima izgledaju animirane SVG ikone, korištene umjesto standardnih .png ikona.
Flexbox
Flexbox je način izrade predložaka u CSS3 tehnologiji (u suštini on čini kostur izgleda web stranice), koji omogućava učinkovitiji razvoj sadržajnih okvira, a koji se trebaju prilagođavati različitim veličinama ekrana i uređaja.
Flexbox već dugo plijeni pažnju svojom stabilnošću, konzistentnošću i predvidljivim ponašanjem kroz različite internet preglednike, a sada je podržan od strane svih modernih preglednika, pa ih sve više front-end programera koristi. Očekuje se da će se ovaj trend dodatno učvrstiti u 2017. godini. Webizrada.org je počela koristiti isključivo Flexbox u izradi web stranica od sredine prošle godine.
