REFRESHweb studio
ENPošaljite problem
← Početna05 / 11

Telefon nije umanjeni desktop.

Mobilni prikaz sajta ima sopstveni ritam, prioritete i ograničenja dodira. Sadržaj ostaje potpun, ali raspored postaje prirodan.

01

Prvi ekran

Naslov, ključna informacija i sledeći korak moraju stati u razumljiv tok bez prekrivanja i slučajnog horizontalnog pomeranja.

02

Dodir i tastatura

Kontrole dobijaju dovoljan prostor, jasno stanje fokusa i logičan redosled. Forma ostaje čitljiva kada se otvori tastatura.

03

Česte greške na telefonu

Na postojećim sajtovima se najčešće ponavljaju isti problemi:

  • tabela ili slika šira od ekrana, pa se cela strana pomera bočno
  • dugmad i linkovi manji od 24 × 24 piksela ili preblizu jedan drugom
  • polja forme sa slovima manjim od 16 piksela, zbog kojih iPhone uvećava stranu
  • fiksno zaglavlje, baner ili obaveštenje o kolačićima koje prekriva sadržaj
  • meni koji se ne zatvara ili zarobi fokus tastature

Veličina kontrola i vidljiv fokus deo su i provere pristupačnosti, pa se ta dva posla često rade zajedno.

04

Stvarni uređaji

Emulacija je početak. Kritične stranice se proveravaju na telefonima i pri različitim širinama, sa sporijom mrežom kada je relevantno.

Pošaljite adresu i stvaran problem.

Pošaljite problem ↗