Responzivní web a škálovatelný design

Jak vypadá dobrý responzivní design?

• Velká tlačítka, která jasně vedou k cíli (call to action),
• velký a dobře čitelný text, větší logo,
• přehledná navigace a minimum zbytečných informací,
• uspořádání všech prvků v jednom sloupci,
• minimální nutnost posunování po stránce,
• velká rychlost načítání.

Proč investovat do responzivního designu?

• Umožníte lidem prohlížet si váš web i na mobilech a tabletech.
• Díky přehlednému responzivnímu designu je snáz přivedete k cíli, který sledujete (nákup, poskytnutí e-mailové adresy, návštěvnost atd.).
• Údajně 36 % e-mailů je otevíráno na mobilu – pokud využíváte emailovou strategii, responzivní design je tu velmi důležitý.

Škálovatelný design. Co to je a kdy se hodí?

Škálovatelný design je často zaměňován za responsivní design a naopak. Na rozdíl od responzivního je škálovatelný design o něco méně přizpůsoben čtení na mobilních zařízeních a tabletech. Zjednodušeně řečeno – jde pouze o zmenšenou verzi webu. Škálovatelný design se vyznačuje větším písmem, než je na webu, zvětšením některých prvků (tlačítek), a mírným přeuspořádáním prvků z širokého webu spíše do délky. Stále jde ale jen o miniaturu hlavního webu.

Na škálovatelnost designu webu je dobré myslet zejména proto, že ne všechny mobily a tablety si poradí s responsivním designem. Kromě responzivního designu je proto dobré rovnou web navrhnout v tak trochu hybridním designu, který bude snadné zobrazit na mobilních zařízeních. Docílíte tím toho, že i pokud tato zařízení nebudou podporovat responzivní design, stále se váš web nezobrazí v klasické nečitelné desktopové verzi.

Weby umíme. Podívejte se:

• Reference našich marketingových projektů