BLOG ShopSys a netdevelo s.r.o.

Informácie z oblasti e-komercie a zo spoločnosti netdevelo.
Rady a tipy pre prácu s e-shopom, aktuality z vývoja aplikácie ShopSys.

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

# 

Responsive design

18. 1. 2012

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í.



Zdieľajte články:

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



Obmedzuje vás aktuálny e-shop? Je čas povýšit na ShopSys!

Neváhajte nás kontaktovať. Na základe konzultácií vám pripravíme riešenie a stratégiu šitú na mieru vaším potrebám.