BLOG ShopSys a netdevelo s.r.o.

Informace z oblasti e-komerce a ze společnosti netdevelo.
Rady a tipy pro práci s e-shopem, aktuality z vývoje aplikace ShopSys.

domůShopSys.cz    BLOG ShopSys a netdevelo s.r.o.    Responsive design

# 

Responsive design

18. 1. 2012 / Michal Slíva - vedoucí implementace designu

Na konci roku 2011 byl podíl tzv. chytrých telefonů v ČR okolo 20%. Avšak již od roku 2010 prodeje chytrých telefonů celosvětově překonávaly prodeje notebooku a klasických počítačů. Většina uživatelů využívá svůj chytrý mobilní telefon k procházení svých oblíbených stránek, hledání zboží a služeb. Mnoho z nich se také naučilo porovnávat ceny vystaveného zboží v kamenných prodejnách s cenami na internetu. Díky tomu se objevuje stále více uživatelů, kteří přes své mobilní telefony nakupují.



Sdílejte články:
Michal Slíva
vedoucí implementace designu

V prosinci 2010 si prohlíželo webové stránky přes mobilní telefon 4% všech uživatelů. O rok později počet stoupl na 8%.

Responsive design - ukázka

Co je responsive design

Pokud si uživatel mobilního telefonu otevře klasickou webovou stránku, která není optimalizovaná pro mobilní telefon, uvidí jí celou v zmenšené podobě. Každý ovládací prvek je malý a prakticky nečitelný. Musí si tedy odkazy na stránce najít, přiblížit a případně na něj kliknout. Ovládání takové stránky je přizpůsobeno na ovládání myši a nikoliv palcem. Obzvlášť problémové stránky jsou ty, které počítají s efekty po najetí myší. Tento efekt bohužel palcem neuděláte. Celé prohlížení pak vypadá jako prohlížení přes klíčovou dírku.

Responsive design - ukázka

Responsive design všechny výše uvedené podněty zohledňuje a přizpůsobuje vzhled stránek právě používanému zařízení.

Responsive design - ukázka

To znamená, že podle používaného zařízení se upřednostňují prioritní prvky tak, aby byla navigace snadná a přirozená a důležitý obsah byl lehce dosažitelný. Responsive design se tvoří nejprve od mobilní verze. Kde vyjde najevo, které prvky jsou opravdu důležité a právě díky tomuto postupu je i samotný vzhled klasické verze mnohem uhlazenější a přehlednější.

Responsive design platí za správný směr, jak tvořit moderní aplikaci.

Responsive design - ukázka



Omezuje vás stávající e-shop? Je čas povýšit na ShopSys!

Neváhejte nás kontaktovat. Na základě konzultací vám připravíme řešení a strategii šitou na míru vašim potřebám.