Kontrolna lista za mobilni prikaz

Prije objave novog sadržaja provjerite navigaciju, čitljivost i obrasce na manjim zaslonima. Mobilni prikaz traži jasne prioritete i dovoljno prostora između interaktivnih elemenata. Najvažniji sadržaj treba biti dostupan bez traženja. Naslov, kratki uvod i primarni poziv na radnju moraju biti vidljivi bez horizontalnog pomicanja. Provjerite dulje naslove, slike i obrasce: tekst se ne smije preklapati, gumbi moraju biti dovoljno veliki, a polja obrazaca čitljiva bez zumiranja. Navigacija na mobilnom uređaju treba ostati predvidljiva.

Sakriveni izbornik mora biti jednostavan za otvaranje i zatvaranje, a aktivna stavka jasno označena. Obratite pažnju na tipografiju i kontraste. Preveliki naslovi i premali body tekst jednako otežavaju čitanje na uskim zaslonima. Testirajte barem jedan stvarni uređaj uz preglednik u razvojnim alatima. Razlike u fontovima, tipkovnici i gestama često otkriju probleme koje desktop simulacija ne pokaže. Ako stranica ima galeriju, video ili kartice, potvrdite da se elementi slažu u jedan stupac bez rezanja sadržaja.

Posebno provjerite sticky elemente i donje trake: na malom zaslonu lako prekriju sadržaj ili gumb za slanje. Ako koristite treće skripte (chat, cookie banner), potvrdite da ne guraju layout izvan vidljivog prostora. Zabilježite uređaj i preglednik na kojima je kontrola napravljena da se greške lakše reproduciraju. Na kraju prođite kontrolnu listu još jednom nakon unosa stvarnog sadržaja. Placeholderi često prikrivaju probleme s duljinom teksta i omjerima slika. Tek nakon te kontrole smatramo mobilni prikaz spremnim za objavu u produkciji.