DESIGN

Reszponzív web design

A reszponzív web design egy dinamikus megjelenési formát jelent, amelynek köszönhetően a weboldal alkalmazkodik az azt megjelenítő eszköz méretéhez. Ennek köszönhetően a grafikai látványtervet mindig megtartja, ám azt némileg átrendezi az adott megjelenési eszközhöz igazodva. Ennek köszönhetően a reszponzív weboldalt szinte ugyanolyan kényelmesen lehet böngészni asztali számítógépen, táblagép vagy okostelefonon. Szemben a fix méretű weboldalakkal, amelyeket egy kisebb képernyőn, például okostelefonon csak úgy tud böngészni, hogy oldalirányú navigációt is végeznie kell, továbbá folyamatosan kicsinyítenie és nagyítania kell a képernyőt.

Miért jobb, mint a mobilra optimalizált weboldal?

Azért mert sokkal olcsóbb, és mert csak egy felületen kell szerkeszteni. A kifejezetten mobileszközre optimalizált weboldal valójában az alapweboldalnak egy klónja (külön domain név alatt), amit leegyszerűsítenek a mobil megjelenéshez. Újra meg kell tervezni a mobil weboldal megjelenését, ami jelentős többletköltséget jelent. Továbbá, ha weboldalán megváltoztat valamit, azt a mobil weboldalon is meg kell változtatni. Ráadásul a táblagépenen, vagy egy kisebb lapoton való megjelenés probléma továbbra is fennáll, hiszen arra nem alkalmas a mobilra optimalizált forma.

Mobil design irányelvek

Android irányelvek

http://developer.android.com/design/index.html

iOS irányelvek

http://www.apple.com/ios/design/