A webhely látogatóinak 90% -a a rossz tervezés miatt ugrál. Ennek legfőbb okai a használhatósághoz kapcsolódnak, és különféle tényezőket ölelnek fel, ideértve a mobil reagálóképességet is.
A zökkenőmentes, több eszközön keresztüli felhasználói élmény és a különféle eszközöket figyelembe vevő tervezés fontosságát nem lehet eléggé hangsúlyozni.
Ezért ebben a cikkben áttekintjük a leggyakoribb képernyőfelbontásokat, amelyekre az adaptív webhelyeket meg kell tervezni.
Olvassa el tovább, hogy megtudja, előbb a mobil vagy az adaptív választása szükséges-e. tervezés.
Miért fontos a webhelydimenziók a webdesignban és -fejlesztésben
A StatCounter szerint a forgalmi részesedés 2020 májusában a következők révén jött létre:
- Mobil (50,34%)
- Asztali (46,67%)
- Táblagép (2,99%)
A webes interakció környezete változatos. És annak érdekében, hogy minden eszközön kiemelkedő felhasználói élményt nyújtson, a vállalkozások kötelesek befektetni a mobil adaptív tervezésbe.
A drótvázolás az a szakasz, amikor a webtervezők mind asztali, mind mobilalkalmazásokat kidolgoznak, elosztva az elemeket mindkét nézethez.
A legtöbb tervező egy szabványos asztali számítógépet és egy szabványos mobilfelbontást használ a méretezéshez és a zökkenőmentes UX biztosításához az eszközök között.
Azok a márkák, amelyek valóban élvonalbeli webhelyre és felhasználói élményre vágynak, még további szempontok a drótvázas fázisban, beleértve:
- Asztali, táblagépes, mobil nézetek
- Álló és fekvő nézetek
- Böngészők
Kattintson ide!
Hogyan lehet eldönteni, hogy melyik webhelydimenziókat használja, azaz melyik képernyőfelbontás optimalizálja a webhelyet
A legjobb webdimenziók összpontosításának első lépése az, hogy megtudja, milyen mobil a célpiac tulajdonában lévő képernyőméretek.
Kezdje azzal, hogy megnézi a közönség demográfiai adatait.
A demográfiai adatok meghatározhatják, hogy a potenciális ügyfelek milyen eszközöket használnak az Ön webhelyének eléréséhez.
A következőket kell megnéznie:
- Kor: Kutassa meg a megcélzott korcsoport legnépszerűbb eszközmárkáját / modelljét. A YouGov egy nagyszerű, naprakész erőforrás, amely nyomon követi ezeket a trendeket és szűrőket.
- Nem: Az olyan források, mint a YouGov, lehetővé teszik a legnépszerűbb eszközök szűrését is a nemek között, lehetővé téve az eszközök keresztpárosítását korcsoport és célnem szerint.
- Tartózkodási hely: Részletesebb, mélyebb betekintést nyerhet a helyi trendek hozzáadásával, hogy élesebbé tegye a hangsúlyt.
- Jövedelem: Ha célzol magas jövedelmű közönségnek, webhelyének pontosnak kell lennie, és zökkenőmentesen kell teljesítenie a legújabb, legmodernebb eszközökön.
Találja meg őket itt!
Adaptív és a mobil-első webtervezés: melyiket választhatja
A mobileszközök (kivéve a táblagépeket) a világ webes forgalmának felét teszik ki. Valójában 2020 májusában az okostelefonok globális szinten a weboldalak megtekintésének 50,44% -át generálták.
Ezek a számok arra késztetik a vállalkozásokat, hogy olyan webhelyekre fektessenek be, amelyek jól működnek okostelefonokon.
a legnagyobb aggodalom az, hogy befektetniük kell-e az adaptív vagy a mobil-alapú webdesignba.
A tervezők az asztalra illeszkedő, adaptív webdizájnt készítenek, maximálisan szükséges felbontással, majd kisebb képernyőkhöz igazítják .
A mobil-első tervezés fejlesztésének folyamata viszont nagyon hasonlít egy mobilalkalmazás tervezéséhez, ahol a webtervezők később adaptálják azt asztali vagy táblagépes használatra.
ebben az esetben az általános kialakítás tökéletesen illeszkedik a mobileszközökhöz, és felfelé (nem pedig lefelé) méretez, hogy kitöltse az asztali nézetet.
A növekvő mobilhasználattal láthatjuk, hogy a B2B vásárlók nem igazán különböznek egymástól a B2C társaságoktól.
Ezért a B2B vállalkozások 65,8% -a tervezi webhelye mobilélményeinek javítását.
Mi a legjobb webhely Dim 2021-ben használandó ensions?
Ez egy bonyolult kérdés, amelyre egyszerű a válasz.
Nincs egyetlen méret, amely mindenkinek megfelelne.
Mi működik a legjobban mert más webhelyek nem biztos, hogy működnek az Ön számára.
És ahelyett, hogy a legjobb weboldal-dimenziókra összpontosítana, és weboldalakat szeretne létrehozni különböző eszközökhöz, először a közönség számára kell terveznie.
Ma minden a felhasználói élményről szól, és győződjön meg arról, hogy egy rugalmas kialakítást kapott, hogy leendő ügyfelei elégedettek legyenek.
Hogyan ellenőrizhető, hogy webhelye mobilbarát-e?
A Google egy ingyenes mobilbarát tesztet kínál, ahol megtudhatja, hogy weblapjait könnyen lehet-e használni mobileszközökön.
Egyszerűen adja meg webhelye URL-jét vagy kódját, és megtudhatja, hogy az oldala hogyan teljesít.
Néhány másodpercen belül megkapja az eredményeket, és megtudhatja, hogy tervezői megadták-e az ígért terveket.
5 A világ leggyakoribb asztali képernyő-felbontásai
A StatCounter szerint a 2019. március és 2020. március közötti leggyakrabban használt asztali képernyő-felbontások a következők:
- 1366×768 (22,98%)
- 1920×1080 (20,7%)
- 1536×864 (7,92%)
- 1440×900 (7,23%)
- 1280×720 (4,46%)
5 leggyakoribb mobil képernyő felbontás világszerte
Ami az okostelefonok leggyakoribb képernyőfelbontását illeti, 2019 márciusa és 2020 márciusa között a tervezők szerte a világon az alábbiakat preferálták méretek:
- 360×640 (18,7%)
- 375×667 (7,34%)
- 414×896 (6,76%)
- 360×780 ( 5,31%)
- 375×812 (5,01%)
5 A táblagép képernyőjének leggyakoribb felbontásai világszerte
2019 márciusa és 2020 márciusa között a leggyakoribb táblagép képernyőjének felbontása világszerte a következő volt:
- 768×1024 (51,43%)
- 1280×800 (7,28%)
- 800×1280 (5,26%)
- 601×962 (4,32%)
- 962×601 (2,99%)
A 15 leggyakoribb képernyőfelbontás az Egyesült Államokban
Itt vannak a leggyakoribb képernyőméretek, amelyeket 2021-ben érdemes választani:
A leggyakoribb asztali számítógép Képernyőfelbontások az Egyesült Államokban
A StatCounter adatai alapján 2019 márciusa és 2020 márciusa között az Egyesült Államokban a leggyakoribb képernyőfelbontások voltak az asztali számítógépek számára:
- 1920×1080 ( 19,57%)
- 1366×768 (14,88%)
- 1440×900 (9,18%)
- 1536×864 (7,22%)
- 1024×768 (4,73%) )
Legtöbb kommó n Mobil képernyők felbontásai az Egyesült Államokban
Ugyanebben az időszakban az Egyesült Államokban a leggyakoribb képernyőfelbontás volt a mobiltelefonok esetében:
- 414×896 (19,44%)
- 375×667 (13,67%)
- 375×812 (12,3%)
- 414×736 (8,91%)
- 360×640 (8,21%)
A leggyakoribb táblagép-képernyőfelbontások az Egyesült Államokban
Az amerikai tervezők a táblagépek különböző képernyőfelbontásait részesítették előnyben, és a következő dimenziókhoz készítettek weboldalméreteket:
- 768×1024 (55,64%)
- 1280×800 (5,74%)
- 800×1280 (5,31%)
- 601×962 (5,14%)
- 962×601 (3,2%)
Keresse meg őket itt!
Elvihetők a webhelyméretekről
A webhelydimenziók és a weboldalméretek számítanak, mert egyetlen gyenge helyszíni tapasztalat egyszer és mindenkorra taszíthatja a felhasználókat.
Figyelembe véve a Az a tény, hogy a felhasználók mobileszközökről, köztük okostelefonokról és táblagépekről is hozzáférnek az internethez, kétféle webtervezés közül választhat, amelyek optimalizálják a webhelyét különböző eszközök számára:
- mobil reagál
- Először a mobilra
Nem számít, melyik dimenziókat választja, mindenképpen tervezze meg a közönségét, és vegye figyelembe a következőket:
- Kor
- Nem
- Hely
- Jövedelem
Ez elősegíti a felhasználói élmény javítását, a várakozási idő növelését és a keresőmotorok rangsorának növelését.