Három lehetőség a webhely mobil változatához
Egy korábbi cikkünkben meséltünk az új tervezési trendekről, és arról, hogy miért fontos, hogy modern legyen és kedveljék a webhely látogatói. Ahhoz, hogy egyre látogatóbbá válhasson, mindenhol elérhetőnek kell lennie. Ezért fontos, hogy webhelye mobil verzióval rendelkezzen. A közelmúltban 2014-ben meséltünk a mobil verzió fontosságáról. A mai napig a téma továbbra is a legforróbbak között van, különösen egy webes projekt indításakor, ezért úgy döntöttünk, hogy visszatérünk rá, és részletesebben elmondjuk, mik a lehetőségei annak, hogy webhelye mobil legyen, előnyeivel és hátrányaival.
A mobil verziók fontosak a webhely minden látogatója számára. A StatCounter által készített érdekes statisztikák a mobil eszközök webböngészésre történő felhasználásáról azt mutatják, hogy a mobil eszközökön keresztül történő internetes böngészés átlagos aránya 33%, és vannak olyan országok, ahol ez a százalék meghaladja a 70% -ot! 2015-ben a bolgárok 48% -a azt mondja, hogy okostelefont és 22% -át táblagépet használja. * Lehet, hogy jelenleg mobileszközön olvassa ezt a cikket! 🙂
Szeretné, hogy webhelye bármilyen típusú eszközről könnyen elérhető legyen? Itt van, amit tudnia kell!
Három lehetőség közül választhat, hogy webhelye mobil legyen:
Reszponzív dizájn
Hogy a webhelyén lévő információk hogyan néznek ki, amikor betöltődnek a böngészőbe, azt a webhely HTML és CSS kódja határozza meg. Reszponzív kialakítással, függetlenül attól, hogy milyen eszközt tölt be a webhelye, a benne lévő HTML-kód változatlan marad, és a CSS-kód megmondja a böngészőnek, hogyan kell a webhely tartalmát rendezni a felbontásnak megfelelő megjelenésnek, azaz. amikor webhelyét mobil eszközről tölti be, a tervezés igazodik a képernyő méretéhez. A webhely URL-je megegyezik mobil eszközről történő betöltéskor és az asztali verzió betöltésekor, ami megkönnyíti a link (a webhelyre mutató link) megosztását a különböző eszközökön.
Az adaptív kialakításnak számos előnye van. Ezzel nem kell újból feltöltenie a tartalmat, át kell irányítania a linkeket a mobil és az asztali verziókra, létre kell hoznia a webhely külön verzióját, létre kell hoznia egy külön aldomaint, amely csak mobileszközökön töltődik be.
Ha a webhely mobil változatának adaptív kialakítását választja, ügyeljen arra, hogy ne kövessen el gyakori hibákat, például:
- nem megfelelő betűtípus - amikor kisebb méretű megjelenítéseknél méretezi át az oldalt, ne feledje, hogy a betűtípusnak könnyen olvashatónak kell maradnia.
- elégtelen távolság a webhely linkjei között - a mobil verziókban a kattintás érintéssel történik, és az egymáshoz túl közel elhelyezkedő linkek megnehezítik az oldallal való munkát.
- kis gombok - kívánatos, hogy a gombok és a szöveges linkek könnyen kiválaszthatók legyenek. Ezáltal a webhely mobil verzióján töltött idő ugyanolyan élvezetes lesz a látogatók számára, mint az asztali változaté.
- Olyan elemek, amelyek nem töltődnek be a mobil verzióba, például a videók. A webhelyen nem ajánlott hibák, bár a következővel magyarázzák: "ez a tartalom nem érhető el a mobil verzióhoz".
Jegyzet: Ha további információkat keres az adaptív és adaptív dizájnnal kapcsolatban, számos cikket talál, amelyek szinonimaként kezelik őket. De valójában van különbség közöttük:
- Mikor reszponzív dizájn a webhely elemei alkalmazkodnak a böngésző bármilyen szélességéhez.
- Mikor adaptív tervezés, a nézet változásai egy pont (pixel) szélességben való áthaladása után következnek be, azaz. a változások különböző szélességű intervallumoknak felelnek meg.