Vodič za brzi web dizajn i najbolje prakse

Saznajte više o responzivnom web dizajnu i kako iskoristiti najbolje prakse kako biste iskoristili sve za svoje mrežno poslovanje.


Dizajn za brzi web dizajn

Sada više ljudi web pregledava s mobilnim uređajima nego sa stolnim ili prijenosnim računalima. Otprilike 51% prometa na web stranici sada dolazi od nekoga na mobilnom uređaju. Uz tako velik broj mobilnih korisnika, ključno je da mrežne tvrtke osiguraju da njihova web stranica koristi brzi web dizajn (RWD) i da su u tijeku s najnovijim najboljim RWD-ovim praksama.

Što je responzivni web dizajn?

Jednostavno rečeno, RWD se sastoji u dizajniranju jedna web stranica koji se fluidno prilagođava bilo kojoj veličini zaslona – bilo najnovijem Apple Watchu širokom 272 piksela ili plazma televizoru, s redovitim računalima, tabletima i mobilnim uređajima između.

Primjer odgovarajućeg web dizajna

Da biste dodatno objasnili, u nastavku kao primjeran primjer responzivnog web dizajna na Jabuka web stranica. Ispod je usporedba prikaza radne površine i pametnog telefona na web stranici:

RWD usporedba zaslona za desktop i pametni telefon

Sadržaj je u oba pogleda isti, ali izgled i dizajn korisničkog sučelja su različiti. U prikazu zaslona pametnog telefona odjeljci web mjesta su složeni kako bi se olakšalo vertikalno pomicanje, a navigacijski izbornik je sabran iza već poznate ikone hamburgera. Veze na dnu stranice na kojima se može kliknuti također su dovoljno široke i visoke da se mogu prilagoditi pokretima prstiju.

U srži RWD-a duboka je briga za web korisničko iskustvo. Većina ljudi danas posjećuje vašu web lokaciju s različitih mjesta koristeći mnoštvo različitih uređaja – radno stolno računalo, pametni telefon dok su u podzemnoj željeznici i tablet prije spavanja. Bez obzira na to koji uređaj koriste u trenutku kada su na vašoj web lokaciji, korisnici očekuju da će on jednostavno raditi. Korištenje RWD-a na pravi način znači da korisničko iskustvo na vašoj web stranici ostaje dosljedno i ugodno, bez obzira na to koji su korisnici uređaja uključeni.

Korištenje responzivnog web dizajna do njegovog punog potencijala

Iako je dizajniranje web stranice koja izgleda dobro na svim veličinama zaslona odličan korak u pravom smjeru, presudno je da se tamo ne zaustavite. Da bi vaša tvrtka maksimalno iskoristila RWD, morate RWD smjestiti u cjelovitiju strategiju s potrošač s više uređaja u njegovom središtu. To znači:

  • Ne nude mobilnim korisnicima skraćenu verziju web stranice radne površine na kojoj imaju ograničenu upotrebu. Savjet: pratite akcije mobilnih korisnika na vašoj web lokaciji. Ako primijetite kako korisnici slijede na vašu web lokaciju, ali teško konzumiraju vaš sadržaj ili ne troše na njemu vrijeme, vjerojatno je da će naići na neke prepreke.
  • Ne brinite za korisnika mobilne mreže na potpuno isti način kao i korisnik desktop. Iskoristite u potpunosti potencijal koji mobilni uređaj nudi. Na primjer, ako imate restoran, olakšajte mobilnim klijentima da pronađu vašu tvrtku ili naprave rezervaciju iskorištavajući snagu tehnologija poput Geolokacija HTML5 i unosi telefonskih brojeva na vašem web mjestu.
  • Pripazite brzina stranice. Prema istraživanju Nielsen Norman Group, vodeći savjetnici za korisničko iskustvo, 47% posjetitelja očekuje da će se web stranica učitati za manje od 2 sekunde, a 40% posjetitelja napustiće web mjesto ako proces učitavanja traje više od 3 sekunde. To se još više odnosi na korisnike mobilnih uređaja, koji su u pokretu i često imaju ograničenja propusnosti.
  • Biti svjestan sadržaj koji se ne može reproducirati. Neke tehnologije poput Flash playera ne uživaju široku podršku na mobilnim uređajima. Stoga je preporučljivo da ih ne upotrebljavate na vašoj web lokaciji i izbjegavajte povezivanje s njima na vašim stranicama. HTML5 video i audio su sigurno mnogo bolja opcija u odnosu na zaštićene tehnologije. Takođe je dobro dodati transkript vašeg video sadržaja. Zapravo, brojni korisnici možda više vole pisani sadržaj pred video ili audio, neke pomoćne tehnologije mogu raditi samo na pisanom materijalu, a Google može bolje pribaviti podatke o tome što se tiče vašeg video ili audio sadržaja.
  • Izbjegavajte upotrebu dijalozi i skočni prozori koji korisnicima onemogućuju da vide ili komuniciraju s vašim sadržajem. Ponekad ih je teško zatvoriti na mobilnim uređajima na kojima je nekretnina zaslona ograničena, što može izazvati frustraciju kod kupaca.
  • Platiti pažnja na dodir! Ako se vaša web lokacija oslanja na događaje pomeranja miša za otkrivanje skrivenog sadržaja, ova funkcionalnost neće funkcionirati na mobilnom uređaju. Mobilni uređaji ne rade s mišem. Umjesto toga, korisnici komuniciraju sa sadržajem koristeći geste dodira, poput dodirivanja i prelaska prstom. Stoga se odlučite za otkrivanje skrivenog sadržaja klikom umjesto da lebdite mišem. Također, osigurajte da vaš dizajn web mjesta uključuje činjenice da su vrhovi prstiju veći od pokazivača miša, omogućavajući dovoljno prostora za udobnu i glatku interakciju s vezama na vašoj stranici..

Prednosti RWD stranice

Za jednu stvar, Google izričito preporučuje RWD pristup na web mjestu prilagođeno mobilnim uređajima. Ostale prednosti RWD-a su:

  • Jedan URL olakšava korisnicima dijeljenje i povezivanje s vašim sadržajem;
  • Održavanje jedne web stranice isplativije je od održavanja više stranica za isti sadržaj;
  • Preusmjeravanje na mobilno web mjesto utječe na brzinu učitavanja stranica za korisnike na mobilnom uređaju. Također je preusmjeravanje na temelju otkrivanja preglednika podložno pogreškama, što može umanjiti korisničko iskustvo vaše web stranice. Usvajanje RWD-a rješava ove probleme jednostavno zato što, koristeći istu web stranicu i za radne i mobilne prikaze, nećete trebati preusmjeravati korisnike na web lokaciju specifičnu za mobilne uređaje;
  • S brzo mijenjajućim krajolikom različitih uređaja sljedeći je korak nemoguće stvoriti i ažurirati više verzija iste web stranice posebno prilagođene veličini zaslona i značajkama svakog od njih.

Odgovara li vaša web stranica? Ispitajte!

Koristiti Google test za mobilne uređaje da brzo testirate reagira li vaša web lokacija. Samo kopirajte & zalijepite URL svoje web lokacije u tekstni okvir i provjerite rezultat.

Zaključak

Da biste bolje opremili svoju web stranicu za ekosustav s više uređaja, potreban je brzi web dizajn. Međutim, jednostavno instaliranje samoproglašene responzivne teme nije dovoljno za osiguravanje uspješnosti vaše web stranice i održavanje vaših kupaca zadovoljnim. RWD morate uključiti u svoju mrežnu poslovnu strategiju, u samoj srži potrošača s više uređaja. Na taj će se način uvelike učiniti vaša internetska tvrtka omiljena među kupcima i Googleom.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me