12 preporuka za uspješan mobilni web shop danas

12 preporuka za uspješan mobilni web shop danas

O ulozi mobilnih uređaja pri korištenju interneta čitamo gotovo svakodnevno. Svaki sposoban developer znat će prilagoditi elemente stranica kako bi odgovarali rezoluciji uređaja kojim se stranicama pristupa. Ipak, za dobru prodaju treba korak više - primjena velikog broja preporuka specifičnih za mobilne web shopove. Donosimo neke najvažnije.

mcommerce

U procesu promjene platforme za bio&bio, radili smo dizajn korisničkog iskustva (User Experience) posebno za mobitele, posebno za tablete, a posebno, naravno, i za desktop uređaje. Nacrti i rješenja rezultat su analize korištenja prethodne platforme ovog trgovca, kao i testova i preporuka nekih od vodećih stručnjaka na tom području: Normana Nielsena, Baymard instituta i drugih.

Rezultati koje danas na mobilnim prikazima ostvaruje bio&bio, a i drugi trgovci s optimiziranim webshopovima, pokazuju da je mobilna trgovina živa i uspješna danas u Hrvatskoj. I da stranice treba prilagoditi za mobilne uređaje odmah jer su rezultati izvanredni. Jezikom trgovaca robom široke potrošnje – rezultati su šokantni. 🙂

U veljači ove godine mobilni prihod u bio&bio narastao je za 226% u odnosu na godinu dana ranije. Pri tome je udjel mobilnih posjeta porastao tek 30%.
U veljači ove godine mobilni prihod u bio&bio narastao je za 226% u odnosu na godinu dana ranije. Pri tome je udio mobilnih posjeta porastao tek 30%.

12 koraka prilagodbe za mobilne uređaje

Stoga donosimo preporuke za uspješnu prilagodbu standardnog dizajna webshopa za mobilne uređaje:

1. Mobilni prikaz trebao bi sadržavati sve proizvode, kategorije i statične stranice, ali prilagođene malim zaslonima. Testiranja su pokazala da korisnici ne razumiju posebne mobilne verzije s prikazom djelomičnog sadržaja i preusmjerenja na verziju s potpunim sadržajem. Da ne govorimo o kompleksnijem održavanju, paralelnom razvoju i međusobnom natjecanju za SEO pozicije između mobilne i standardne verzije.

Pobrinite se
Pobrinite se da mobilni prikaz ima sve proizvode, kategorije i statične stranice kao i web shop.

2. Suprotno od prvog savjeta, sve informacije koje nisu primarne – sakrijte iza ekspandera kako se stranica ne bi produljila u nedogled – na primjer, pri učitavanju stranica može biti prikazan tek dio opisa proizvoda, samo najpopularniji komentari, skrivene dodatne opcije u procesu plaćanja i slično

3. Razmislite o kontekstu korištenja i podržite ga. Primjer: korisnik će newsletter otvoriti na mobitelu i dodati proizvod u košaricu ili na listu želja. Ali će kupovinu vrlo često dovršiti navečer na desktop računalu. Podržite taj proces košaricom koja pamti.

Pazite na prste korisnika!

4. Viewport (vidljivi dio stranice na ekranu) na mobilnim uređajima je znatno manji nego područje iznad folda na desktopu. Brinite da je pri učitavanju svake stranice korisnicima jasan kontekst stranice i navigacija na svim stranicama.

5. Prsti korisnika neće vremenom postati manji i precizniji. Područja gumba, posebno onih za dodavanje u košaricu i napredak u procesu plaćanja, moraju biti dovoljno velika i međusobno razmaknuta tako da pogrešni klikovi ne frustriraju korisnike. Krivi link odvodi na neočekivanu lokaciju i dok se korisnik snađe – zazvonit će mu poziv i zaboravit će na vaš sajt.

Neka gumb za dodavanje u košaricu, ali i sva druga područja gumba, budu dovoljno veliki.
Neka gumb za dodavanje u košaricu, ali i sva druga područja gumba, budu dovoljno veliki.

6. Smanjite nepromjenjive elemente stranice, prije svega header i footer, na najmanju potrebnu mjeru. Mobilni webshop nije mjesto za brendiranje i prikaz velikog loga, misije i vizije i slično. Navigacija, tražilica i košarica trebaju uvijek biti dostupni na ekranu.

Webshop je namijenjen kupovini

7. Dizajnirajte početnu stranicu tako da je korisnicima pri brzom skeniranju jasno o čemu se radi i što tu može očekivati. Mislite na obje kategorije korisnika – prve posjetitelje i fanove koji su tu već bili mnogo puta. Oprezno s content sliderima i inače, a posebno na mobilnim uređajima.

8. Webshop je namijenjen kupovini. Važno je da se pri učitavanju stranica kategorije vide proizvodi, a manje baneri promotivnih akcija, naslovi, opisi, navigacija i drugi korisniku često manje zanimljivi sadržaji.

Važno je da se proizvodi dobro vide!
Važno je da se proizvodi dobro vide – baneri su manje bitni.

9. Na stranicama proizvoda bi link “Dodaj u košaricu” trebao biti vidljiv odmah u prvom viewportu ili barem što je prije moguće. To je odmah putokaz korisniku što napraviti, a kako je ta stranica landing stranica, i jasan signal da se radi o webshopu, a ne blogu ili katalogu.

Koje uređaje koriste kupci?

10. Smanjite količinu informacija u procesu plaćanja na minimum, a opise polja pri upisu podataka za dostavu smjestite iznad područja upisa podataka. Oprezno koristite padajuće izbornike za najviše 6-8 opcija. Ne zaboravite da pola ekrana pri ispunjavanju forme zauzima otvorena tipkovnica.

11. Posložite proces plaćanja tako da korisnik ima najmanje potrebnih koraka i interakcija. Ako kupci najviše plaćaju pouzećem – neka to bude zadana opcija. Integrirajte kartično plaćanje jer otvaranje novog prozora na mobilnim uređajima je jako loše iskustvo.

12. Stranice nisu namijenjene samo vlasnicima iPhonea. Testirajte na raznim uređajima, raznim operativnim sustavima, preglednicima i rezolucijama, u portret i landscape pregledu.

Bonus savjet

Brzo i ispravno učitavanje presudni su na mobitelima. Ne propustite provući svoju stranicu kroz besplatne validatore i popravite što vam kažu da nije dobro. Na primjer Googleov Speed test i Mobile-friendly test otkrit će prostor za poboljšanja. Očekuje se da će uskoro i upozoravati na spore stranice.

Google testira novi način prikaza rezultata pretrage - s upozorenjem na spore stranice.
Google testira novi način prikaza rezultata pretrage – s upozorenjem na spore stranice.

Često se čuje kako su mobilni uređaji budućnost trgovine, ali se zanemaruje njihova uloga danas. Ovi rezultati pokazuju da potencijal sigurno postoji, samo ga treba iskoristiti na pravi način.

Ovaj popis ni izbliza ne pokriva sve što je važno za m-commerce. Dodajte u komentarima što mislite da sam izostavio i što je vama donijelo porast (ili pad) prometa.

Sukladno članku 94. Zakona o elektroničkim medijima, komentiranje članaka na Netokraciji dopušteno je samo korisnicima koji ostave svoje ime i prezime te mail adresu i prihvate pravila ponašanja.

Pravila ponašanja

Na Netokraciji za vas stvaramo kvalitetan, autorski potpisan sadržaj i zaista se veselimo vašim kvalitetnim, kontruktivnim komentarima. Poštujmo stoga jedni druge prilikom komentiranja, kao i Zakon, držeći se sljedećih pravila ponašanja:

  • Ne budite 💩: Nema vrijeđanja, diskriminiranja, ni psovanja (osim ako nije osobni izričaj, ali onda neka psovka bude općenita, a ne usmjerena prema nekome). Također, upoznajte se sa stavkom 2. članka 94. Zakona o elektroničkim medijima prije no što ostavite komentar.
  • Samo kvalitetna rasprava, manje trolanja: Ne morate se ni sa kim slagati, ali budite konstruktivni i doprinesite raspravi! Svako trolanje, flameanje, koliko god "plesalo" na granici, leti van.
  • Imenom i prezimenom, nismo Anonymous 👤: Autor sadržaja stoji iza svog sadržaja, stoga stojite i vi iza svog komentara. Koristimo ime i prezime te pravu email adresu.

Kako koristimo podatke koje ostavljate? Bacite oko na našu izjavu o privatnosti.

Sve ostale komentare ćemo s guštom spaliti, jer ne zaslužuju svoje mjesto na internetu.

Odgovori

Tvoja e-mail adresa neće biti objavljena.

Popularno

Startupi

Osnivač Njuškala uz Hanza Mediju pokreće novi digitalni oglasnik – Dealio

Dealio u tržišnom okršaju za korisnike u Hrvatskoj i šire ima stratešku podršku medijske grupacije Hanza, ali čini se kako se neće zaustaviti na tome.

Izvještaj

Metaverse nije mrtav. Njegov zli brat iz Mete možda jest…

Rebrendingom u Metu, Facebook je pokušao preuzeti vlasništvo nad pojmom metaversea, no svjedoci smo koliko mu je to uspjelo. Metaverse više nije u hypeu kao nekad, ali oni koji su se nastavili baviti njime - znaju da priča tek počinje.

Veliki intervjui

Program Forward to Health Innovation otvara prijave za treću generaciju polaznika

U modernom post pandemijskog okruženju u kojem se tehnologija ubrzano razvija nikad nije bilo važnije ulagati u zdravstvene inovacije. Forward to Health Innovation je tu da pomogne onima koji imaju ideju, ali ne znaju kako bi je ostvarili.

Što ste propustili

Novost

AI developeri, AI glasovni asistenti, AI dejtanje…

U tjednu koji su obilježile pomalo distopijske AI vijesti u podcastu smo ugostili suosnivača hrvatskog startupa koji svoj proizvod zove - AI developerom.

Startupi

Gorjan Jovanovski: “Bio sam dobar programer, odlučio sam to iskoristiti u borbi za čisti zrak”

Ekološki aktivist, softverski inženjer i poduzetnik ne nalaze se često u jednoj osobi, zbog čega je Gorjan Jovanovski vrlo zanimljiv sugovornik za sve teme koje se dotiču ovih triju područja, a pogotovo u slučajevima kad se ona isprepliću.

Novost

Lorenzo Mayola novi je generalni direktor Glova za Hrvatsku

Glovo, višekategorijska platforma koja korisnicima omogućuje pristup raznim vrstama proizvoda i jela na zahtjev, slavi pet godina rada na hrvatskom tržištu.

Startupi

Hrvatski Hypefy na natjecanju slovenskog Podima odnio pobjedu među 148 startupa

Na natjecanju Podim Pitching Competition birao se najbolji od 148 startupa iz 24 zemlje. Na glavnu pozornicu izašlo je 5 finalista, ali titulom najboljeg pitcha okrunjen je Hypefy iz Hrvatske.

Obrazovanje

STEMwave Innovation Day hrvatskim je učenicima još jednom omogućio tehnološki spektakl

Četvrtu godinu zaredom, Stemi i Infobip, uz podršku generalnog partnera A1 Hrvatska, uspješno su proveli sezonu 23/24 edukacijskog projekta STEMwave - Škola budućnosti te ga obilježili uz učeničku konferenciju ‘Innovation Day’.

Veliki intervjui

Lada Borovina Kovjanić, Inženjerka godine: Programiranje se uči – programiranjem, a najbolje na greškama

U seriji intervjua s iskusnim inženjerima domaće IT industrije otkrivamo kako su izgledali njihovi karijerni putovi, kako se postaje senior i ostaje u tijeku s novim tehnologijama, je li bolje specijalizirati se za određenu tehnologiju ili biti generalist i - što bi savjetovali juniorima.