fbpx

Zašto mobile-friendly više nije dovoljno?

Vrijeme mobile-friendly etikete koja pokazuje da je vaš web prilagođen upotrebi na mobilnim uređajima je prošlo. Granica je pomjerena, i već odavno je potrebno dublje razmišljati o korisničkom iskustvu na mobilnim uređajima – ukrako, potrebno je usvojiti način razmišljanja “mobile first”.

Što je “mobile first”?

“Mobile first” način razmišljanja pretpostavlja da će se vaš web najviše upotrebljavati na malenim uređajima, često širine ne veće od 320px. Npr., relativno veliki iPhone 8 Plus ima rezoluciju 1242 x 2208px, međutim, tzv. logička rezolucija je samo 414 x 736px, što je ujedno i rezolucija koju će iPhone koristiti da “stisne” vaš web.
Logičke rezolucije nekih popularnijih iPhone uređaja – izvor http://iosres.com/

Kao što možete i sami zaključiti, 414px (ili manje) nije puno prostora za rad, pa tijekom dizajna web stranice i kreiranja sadržaja, treba voditi računa da se taj isti sadržaj kvalitetno prikazuje i jednostavno koristi upravo na tim, najmanjim rezolucijama – upravo na taj način će ga koristiti i pregledavati većina vaših korisnika (cca 60% korisnika interneta surfa mobilno).

Nekoliko savjeta za poboljšanje korisničkog iskustva na mobilnim uređajima

1.Ubrzajte vaš web – svaka dodatna sekunda učitavanja vaše web stranice drastično utječe na tzv. bounce – prijevremeni odlazak posjetitelja sa vaše web stranice. I to na sljedeći način:

1-3 sekunde – mogućnost prijevremenog odlaska s weba iznosi 32%

1-5 sekundi – mogućnost prijevremenog odlaska povećava se za 90%

1-6 sekundi – mogućnost prijevremenog odlaska povećava se za 106%

1-10 sekundi – mogućnost prijevremenog odlaska povećava se za 123%

Postoji mnogo načina za ubrzanje rada web stranice, i uglavnom su tehničke prirode – navest ćemo nekoliko: caching dinamički generiranih stranica, GZIP kompresija, minifikacija i spajanje CSS i JS skripti, komprimiranje fotografija, itd. Servisi poput Cloudflare.com mogu dodatno pomoći svojim CDN svojstvima (caching i isporuka statičkih resursa koji se rijetko mijenjaju, poput CSS i JS datoteka).

2.Otklonite svaku sumnju u mobilnu optimiziranost vašeg weba – kako biste bili sigurni da je vaša web stranica 100% upotrebljiva na mobilnim uređajima, provjerite sve – online formulare, podijelite web na društvenim mrežama, ako imate web dućan – pokušajte obaviti narudžbu, ostavite recenziju, provjerite sve funkcionalnosti i njihov rad na mobilnom uređaju. Cilj testa nije samo provjera tehničke ispravnosti, već uočavanje jednostavnosti upotrebe – da li je sve što ste provjerili maksimalno jednostavno za napraviti, ili postoje neke komplikacije koje bi posjetitelje mogle odbiti.

3.Učinite informacije maksimalno pristupačnima – prema Google-ovom istraživanju, 61% posjetitelja će napustiti web stranicu ako odmah ne uoči informacije koje traži.

Fotografija preuzeta sa https://econsultancy.com/blog/68207-the-10-greatest-digital-marketing-stats-we-ve-seen-this-week/

Kako navodi portal econsultancy.com, istraživanje koje je proveo GroundTruth kaže da 39% posjetitelja navodi mobilni uređaj kao najvažniji alat u svojoj potrazi za informacijama o određenom proizvodu. Također, 29% ispitanika kaže da je mobilni uređaj ujedno i jedini alat koji su koristili u svojoj potrazi.

Drugim riječima, nije dovoljno imati brzu i mobilno optimiziranu web stranicu. Vaš web posjetiteljima mora pružiti upravo one informacije koje traže, i to odmah. A što zapravo posjetitelji najčešće traže? U okviru istog istraživanja, sljedeće informacije navedene su kao najvažnije:

  1. informacije o cijeni,
  2. blizina prodajnog mjesta,
  3. upute za pronalazak lokacije.

No, istraživanja također pokazuju da oko 55% tvrtki na svojim web stranicama nema jasno istaknutu lokaciju i broj telefona, a još manje upute do prodajne lokacije ili informacije o cijeni. Imate li vi te informacije istaknute na svom webu? Ako nemate, postoji velika mogućnost da niste iskoristili velik broj potencijalnih kupaca koji su već u fazi potrage za vašim proizvodom ili uslugama.

Jasno istaknute kontakt informacije u zaglavlju web dućana escolar.de od ključne su važnosti za posjetitelje

4.Kreirajte sadržaj koji je lagan za čitanje – ovdje se ponajprije osvrćemo na tekstualni sadržaj i dajemo vam nekoliko savjeta za pisanje sadržaja koji se lako i brzo čita na mobilnim uređajima:

  1. Koristite što kraće odlomke (ne duže od pet rečenica).
  2. Koristite liste (bullet points) za pregledno izlistavanje činjenica.
  3. Koristite podnaslove kako biste uvukli one koji samo skeniraju tekst nazad u čitanje cijelog sadržaja.
  4. Svakih 300-400 riječi razdvojite sa fotografijama.
  5. Obilno koristite bijeli prostor (razmake) – čitači vole odmor od čitanja, ali i preglednost, nema potrebe stvarati gužvu među informacijama.
  6. Koristite font koji je čitljiv – više informacija o tome možete čitati https://material.io/guidelines/style/typography.html i https://developer.apple.com/fonts/.
  7. Koristite boju teksta koja je u dovoljno velikom kontrastu u odnosu na pozadinu. Npr. idealno je (u smislu čitljivosti) crni tekst na bijeloj pozadini.

Fotografija preuzeta sa https://blogs.adobe.com/creativecloud/xd-essentials-typography-in-mobile-apps/ – lijevo, primjer presitne veličine slova, desno, dobar primjer veličine slova i kontrasta sa pozadinom.

Lijevo, primjer lošeg korištenja razmaka između naslova, podnaslova i premalenog prorijeda između rečenica. Desno, dobar primjer razmaka. Fotografija preuzeta sa https://blogs.adobe.com/creativecloud/xd-essentials-typography-in-mobile-apps/

Zaključak

Mnogo je toga što možete napraviti za postizanje većeg stupnja upotrebljivosti vaše web stranice na mobilnim uređajima, ali gore navedena 4 koraka su svakako jako dobri temelji za uspješnije rezultate – implementirajte ih, i vaši posjetitelji će sigurno bolje reagirati na vaš web.

Unajmite nas za svoj idući projekt!

Planirate razvoj vlastitog projekta?

Agencija ste koja traži partnera?