Napravite web stranicu koji dobro radi na mobitelu nije lak, ali moguć je zadatak. Sve dok potvrdite svoju web-lokaciju prije slanja, nema razloga zašto korisnici mobilnih uređaja ne bi imali izvrsno iskustvo. Međutim, možda se pitate koji elementi najviše zahtijevaju vašu pozornost.
U ovom uputstvu pružit ćemo vam jednostavan popis kriterija koje bi vaša web lokacija trebala ispunjavati. Ako je tako, vaši će korisnici vjerojatno imati izvrsno mobilno iskustvo, a ako ne, reći ćemo vam kako promijeniti stvari. Krenimo od točke broj jedan!
1 - Testirajte svoje web mjesto na više razlučivosti
Jedna od najvažnijih stvari kada je riječ o mobilnim web lokacijama jest da se vaša web lokacija ne bi trebala smanjivati na verziji radne površine. To znači da bi svaki vaš element trebao tražiti više razlučivosti.
Ako se, s druge strane, nijedan od vaših elemenata ne prikazuje dobro na mobilnom uređaju, to bi moglo negativno utjecati na vašu stopu napuštanja početne stranice. Pametno je testirati svoje web stranica prethodno na nekoliko rezolucija i provjerite prikazuje li se sve ispravno.
Srećom, ovaj proces nije tako kompliciran kao što zvuči i ne morate posjedovati više uređaja da biste to učinili. Postoje mnoge usluge koje vam omogućuju brzo testiranje svega web stranica na različitim rezolucijama, kao što su:
Chrome Dev Alati : Ova ugrađena značajka preglednika Chrome uključuje alatnu traku uređaja pomoću koje možete testirati svoju web lokaciju u više razlučivosti.
Usluge kao što su Screenfly et BrowserStack : Ove usluge trećih strana omogućuju vam testiranje web lokacije na mnogo širokoj razlučivosti.
Svi alati koje smo spomenuli su besplatni, tako da proračun ne bi trebao biti problem i nema opravdanja za preskakanje ovog koraka!
2 - Provjerite prikazuju li se vaši izbornici i navigacija na manjim zaslonima
U većini slučajeva izbornici su primarno sredstvo navigacije za vaš posjetitelji. Ako je vaše veze teško kliknuti ili ih je teško čitati na manjim rezolucijama, to će utjecati na upotrebljivost. Osim toga, također želite da sve vaše stavke izbornika budu lako dostupne bez obzira na uređaj koji koristite za navigaciju.
Imajući to na umu, napravimo nekoliko koraka kako biste bili sigurni da ništa ne propustite kada dođe vrijeme za testiranje mobilnih izbornika:
- Provjerite jesu li sve stavke izbornika vidljive.
- Svaka veza mora biti poravnana, a podizbornici su ugniježđeni.
- Provjerite možete li pročitati svaku stavku izbornika i kliknite je.
Većina suvremenih WordPress tema automatski stvara odgovarajuće izbornike za vas. Ako imate problema s ovim aspektom na vašoj web lokaciji, razmislite o promjeni teme.
3 - Provjerite jesu li vaše slike dobre na malim razlučivostima
Slike su ključni dio svega web stranica, ali ponekad vaša grafika možda nije u najboljoj razlučivosti. Na primjer, ako vaš logotip nije čitljiv kada netko pristupi vašoj stranici putem mobilnog uređaja, to će očito utjecati na imidž vaše robne marke.
U većini slučajeva ljude više brine „iskrivljavanje“ njihovih slika, ali skaliranje također može biti problem. Možda se sve slike ne mogu prilagoditi kako bi bile savršene za svaku rezoluciju, ali postoje koraci koje možete poduzeti kako biste smanjili problem:
Usredotočite se na važne slike za svoju sliku robne marke.
Potražite skalabilne alternative popularnim vrstama slika, poput SVG-ova.
Kad god je to moguće, odlučite se za bolje izrezane slike, kako bi se bolje uklopile u manje veličine.
Sve dok imate na umu ove savjete, trebali biste ići. Sjetite se samo da kada su u pitanju vrlo složene slike poput računalne grafike, možda ih nećete moći u potpunosti prilagoditi na niskim razlučivostima.
4 - Testirajte sadržaj za čitljivost
Jedan aspekt koji najviše utječe na upotrebljivost mobilnih uređaja je čitljivost. Kada radite s manjim faktorom oblika, to morate nadoknaditi osiguravanjem da se vaš tekst i dalje prikazuje unatoč maloj veličini zaslona, umjesto da samo smanjite font. Cilj je ovdje jednostavan: vaši korisnici ne bi trebali povećavati kako bi čitali vaš sadržaj. Napokon, ovo je savršen recept za dosadnog korisnika.
Srećom, čitljivost je aspekt koji je relativno jednostavan za rješavanje:
- Odaberite osnovni font koji je vrlo čitljiv za sadržaj.
- Upotrijebite titlove kad god je to moguće kako biste razgradili vaš sadržaj na lako čitljive odjeljke.
- Idite na temu koja vam daje veću kontrolu nad prikazom vašeg teksta.
Što se tiče naše posljednje točke, mnoge moderne teme trebale bi vam ponuditi mogućnost koju tražite.
To je sve za ove savjete, nadam se da će vam pomoći da optimizirate svoje blogove za mobilne uređaje. Ako imate bilo kakvih pitanja, ne oklijevajte ih postaviti.
