Co responzivní web znamená
Responzivní web je jedna webová stránka, která mění své rozložení podle šířky obrazovky. Na počítači může být obsah ve více sloupcích vedle sebe, na telefonu se stejné části seřadí pod sebe. Návštěvník nemusí přibližovat prstem ani posouvat stránku do stran. Označení „responzivní design“ se v praxi používá pro totéž.
Zmenšená stránka není mobilní verze
Existuje rozdíl mezi stránkou, která se jen zmenší do úzkého okna, a stránkou, která je pro telefon opravdu připravená. Zmenšený web má drobné písmo a malá tlačítka. Použitelný mobilní web má čitelný text, snadno ovladatelné menu a tlačítka, na která se dá bez problémů klepnout.
Na co se u mobilního zobrazení dívat
- Čitelnost: text se dá přečíst bez přibližování a nepřetéká přes okraj obrazovky.
- Menu: je snadné ho otevřít a zavřít a odkazy se dají trefit palcem.
- Tlačítka: jsou dost velká, mají mezi sebou odstup a je jasné, co udělají.
- Fotografie: jsou oříznuté tak, aby bylo vidět to důležité, a nenarušují čitelnost textu.
- Formulář: pole jsou dost velká, popisky jsou vidět a odeslání nevyžaduje zbytečné kroky.
Kontrolní seznam pro podnikatele
Otevřete svůj web na telefonu a projděte si tyto věci. Nejlépe na dvou různých přístrojích.
- Dozvíte se do několika sekund, co nabízíte a jak vás kontaktovat?
- Dá se přečíst text bez přibližování a bez posouvání do stran?
- Otevře se menu na první klepnutí a dá se zavřít?
- Dá se na telefonní číslo a e-mail klepnout?
- Jsou ceník a otevírací doba dobře vidět?
- Dá se odeslat formulář, aniž by se pole překrývala nebo zmizela pod klávesnicí?
- Načte se stránka v rozumném čase na běžném mobilním připojení?
- Fungují stejně dobře všechny důležité stránky, ne jen úvodní?
Jak to vypadá v ukázkách
Všechny naše ukázky webů si můžete otevřít v telefonu a zkusit si menu, tlačítka i formulář. Dobrý příklad rozdílů v návrhu jsou třeba moderní kosmetické studio, minimalistický autoservis nebo přírodní zahrada. Jde o ukázky fiktivních podniků, ne o realizace pro skutečné klienty.
Co o responzivitě neslibujeme
Responzivní web neznamená automaticky vyšší návštěvnost ani lepší pozice ve vyhledávání. Hlavní přínos je praktický: návštěvník se na telefonu snáze zorientuje a snáze vás osloví. Všechny weby z naší nabídky jsou navrhované pro mobil, tablet i počítač; viz ceník a rozsah balíčků.