iPhone Duo menja responsive web dizajn — da li je vaš sajt spreman za foldable telefone?

Apple vest je samo povod

Apple je iPhone Duo predstavio 9. septembra 2026. kao prvi foldable iPhone. Prema Appleovoj objavi, uređaj ima 5,4-inčni spoljašnji ekran i 7,6-inčni unutrašnji ekran, uz prednarudžbine od 16. oktobra i dostupnost od 23. oktobra.

Zato ovaj tekst nije klasična Apple vest. Važnije pitanje za vlasnike biznisa je jednostavno: ako posetilac otvori vaš sajt na uređaju koji je čas telefon, čas skoro tablet, da li stranica i dalje izgleda namerno, čitljivo i korisno?

Novi form factor ruši udobne pretpostavke

Godinama je bilo dovoljno reći da sajt mora da radi na telefonu, tabletu i desktopu. Foldable uređaji unose međuprostor: uzak spoljašnji ekran, širok unutrašnji ekran, podeljen prikaz, rotaciju, promenu širine dok korisnik nastavlja isti zadatak.

Problem nije samo veličina ekrana. Problem je kontekst. Korisnik može da počne čitanje na spoljašnjem ekranu, otvori uređaj za detalje, pa nastavi kroz kontakt formu u širem prikazu. Ako layout zavisi od nekoliko krutih tačaka, takva promena brzo otkrije slabosti.

Breakpointovi nisu strategija

Klasičan pristup često izgleda ovako: jedan layout do 768 px, drugi od 1024 px, treći za desktop. To može da prođe za osnovne stranice, ali foldable web design traži razmišljanje između tih vrednosti. Šta se dešava na 820 px? Na 912 px? Kada je ekran širok, ali ne dovoljno visok?

Responsive web dizajn ne bi trebalo da zavisi od toga da pogodimo svaki mogući uređaj. Bolji pristup je da sadržaj prirodno menja raspored onda kada mu ponestane prostora. Drugim rečima: breakpoint treba da prati sadržaj, ne katalog modela telefona.

• Naslov mora da ostane čitljiv bez lomljenja u jednu reč po redu.
• Navigacija ne sme da prekrije glavni poziv na akciju.
• Kartice, slike i forme treba da imaju fluidne širine, ne fiksne pretpostavke.
• Kontakt putanja mora da radi jednako dobro na spoljašnjem i unutrašnjem ekranu.

Fluid design je praktičniji od lova na svaki uređaj

Fluid design znači da se elementi prilagođavaju prostoru koji imaju. To uključuje fleksibilne gridove, razumne maksimalne širine, slike sa stabilnim odnosom stranica, tekst koji ne postaje preširok i komponente koje mogu da pređu iz dve kolone u jednu bez iznenadnog lomljenja.

Za mobilnu verziju sajta to je posebno važno. Sajt može da izgleda korektno na jednom iPhone modelu, a da se raspadne na uređaju koji ima drugačiji odnos stranica ili otvoreni unutrašnji ekran. Ako dizajn zavisi od fiksne širine, uređaji kao iPhone Duo samo ubrzavaju trenutak kada se problem vidi.

Testiranje mora da prati stvarno ponašanje korisnika

Više nije dovoljno otvoriti homepage na telefonu i reći da responsive radi. Test treba da prati zadatak: pronaći uslugu, otvoriti meni, pročitati dokaz poverenja, poslati upit. Ako taj put puca na jednom delu, posetilac neće razmišljati o breakpointovima; samo će otići.

Minimum koji vredi proveriti su uski mobilni prikaz, veći telefon, tablet širine, laptop i veliki ekran. Za foldable uređaje posebno obratite pažnju na srednje širine i promenu orijentacije. Chrome DevTools i slični alati pomažu, ali stvarni uređaji i ručno testiranje i dalje otkrivaju stvari koje simulacija lako propusti.

• Proverite da li postoji horizontalno skrolovanje.
• Prođite meni i kontakt formu tastaturom.
• Pogledajte da li se slike učitavaju bez pomeranja sadržaja.
• Testirajte najvažnije CTA dugme na više širina ekrana.

Zašto 'radi na telefonu' više nije dovoljno

Rečenica 'radi na telefonu' često znači samo da se stranica otvara i da tekst nije potpuno polomljen. To nije dovoljno za sajt koji treba da donosi upite. Mobilna verzija sajta mora da vodi korisnika, objasni ponudu, učita se brzo i jasno pokaže sledeći korak.

iPhone Duo je dobar povod da se to proveri sada, pre nego što novi formati postanu svakodnevica. Sajt koji je zaista responsive ne zavisi od jednog idealnog ekrana. On se ponaša stabilno kroz raspon uređaja, od uskog telefona do većeg unutrašnjeg ekrana.

Kako vaš sajt izgleda na novoj generaciji uređaja?

Ako niste sigurni, to je upravo mesto gde brzi pregled ima smisla. NMark Designs može da pogleda kako vaš sajt prolazi kroz ključne širine ekrana, gde se gubi poruka i da li kontakt putanja ostaje jasna.

Pošaljite URL i zatražite besplatan NMark audit. Dobićete konkretne zabeleške, ne apstraktno mišljenje: šta se vidi, gde nastaje problem i koji sledeći korak ima najveći smisao za vaš sajt.

Pošaljite sajt i dobićete 3 konkretna predloga

Ako želite brz i jasan sledeći korak, pošaljite URL sajta i javićemo šta prvo ima najveći uticaj na upite.