reszponzív weboldal különböző eszközökön
oto hlincik
Feb 18, 2015 oto hlincik

az egyik leggyakoribb kérés, amelyet manapság kapunk, a reagáló weboldal fejlesztése, és ez jó dolog, mert van néhány nagy előnye a reagáló webhely használatának. Úgy tűnik azonban, hogy ez is a zűrzavar közös területe. Kezdjük azzal, hogy megosztjuk azokat a gyakori tévhiteket, amelyekkel találkozunk, amikor az ügyfelekkel reagáló és mobilbarát webhelyekről beszélünk:

  1. csak az érzékeny webhelyek működnek mobil eszközökön.
  2. minden weboldalnak reagálnia kell.
  3. a mobilbarát weboldal érzékeny.

tehát mit jelent pontosan a “reszponzív” és a “mobilbarát” kifejezés? Vessünk egy közelebbi pillantást…

 reszponzív

vessen egy pillantást a reszponzív weboldalunkra

reszponzív tervezés

a reszponzív weboldal az, amely a felhasználók és az eszköz (ebben a példában mobil eszköz) igényei alapján reagál (vagy változik), amelyen megtekintik. Itt a szöveg és a képek három oszlopos elrendezésről egy oszlopos megjelenítésre változnak. A felesleges képek rejtve vannak, így nem zavarják vagy versenyeznek a webhely kisebb kijelzőjén található fontosabb információkkal.

ha számítógépet használ, akkor megállapíthatja, hogy egy webhely reagál-e, ha a böngésző ablakméretét a teljes képernyőről nagyon kicsire csökkenti. Ha a szöveg, a képek és a menü megjelenése megváltozik, ahogy kisebb lesz, a webhely reagál.

a reszponzív weboldalak főbb jellemzői:

  • dinamikus tartalom, amely megváltoztatja
  • navigációs sűrített
  • optimalizált képek
  • helyes padding és térköz
  • függ a mobil operációs rendszerek működését
mobilbarát

vessen egy pillantást az asztali verzióra

mobilbarát kialakítás

a mobilbarát weboldal olyan, amelyet úgy terveztek, hogy pontosan ugyanúgy működjön az eszközök között. Ez azt jelenti, hogy semmi sem változik vagy használhatatlan számítógépen vagy mobil eszközön. Az olyan funkciók, mint a navigációs legördülő listák, korlátozottak, mivel nehezen használhatók mobilon. Flash animációt nem használnak. A weboldal szó szerint ugyanaz az egész fórumon, használhatósági aggályok nélkül, függetlenül attól, hogy melyik eszközön nézik meg.

főbb jellemzői a mobil-barát:

  • statikus tartalom, amely nem változik
  • egyszerűsített navigáció
  • a képek kisebb
  • nem függ a mobil operációs rendszer megfelelő működéséhez

Honnan lehet tudni, hogy melyik a megfelelő az Ön számára?

Nos, mi lesz lebontani az Ön számára egy hasznos kis ellenőrzőlista…

érzékeny

lehet elérni egy testre szabott mobil élményt Érzékeny design. Ez azonban szakértelmet, megfelelő tervezést és egy kicsit nagyobb költségvetést igényel.

gondoljon arra, hogy reagáljon, ha:

  • a webes forgalom nagy többsége mobileszközről nézi a webhelyet – legalább 35 százalék
  • összetett webhelytartalommal vagy olyan funkciókkal rendelkezik, amelyeket nehéz használni egy mobil eszközön
  • hosszabb eltarthatósági időt tervez a webhelyén, és azt szeretné, hogy hosszabb ideig naprakész legyen

mobilbarát

egy egyszerűsített, mobilbarát webhely segítségével minden eszközön egységes webhelyélményt érhet el. Lehet, hogy ezek a webhelyek nem rendelkeznek őrült funkciókkal vagy funkciókkal, de csak működnek.

Gondolj megy mobil-barát, ha:

  • nem kell egy hatalmas mobil közönség nézi a webhely a mobil – kevesebb, mint 35 százalék
  • van egy egyszerű webhely, amely többnyire szöveges és kép-alapú, anélkül, hogy bonyolult funkcionalitás
  • a kép mérete kicsi, amely lehetővé teszi a gyors betöltése a mobil kapcsolatok

Vélemény, hozzászólás?

Az e-mail-címet nem tesszük közzé.