90% dintre vizitatorii site-ului web resping din cauza designului slab. Motivele-cheie pentru acest lucru sunt legate de utilizare și cuprind diferiți factori, inclusiv capacitatea de reacție a dispozitivelor mobile.
Importanța experienței utilizatorului netedă, pe mai multe dispozitive și a proiectării având în vedere diferite dispozitive nu poate fi subliniată suficient.
Acesta este motivul pentru care, în acest articol, vă vom prezenta cele mai frecvente rezoluții de ecran pentru care ar trebui concepute site-urile web responsive.
Citiți mai departe pentru a afla dacă ar trebui să optați pentru un dispozitiv mobil sau mai întâi adaptabil design.
De ce dimensiunile site-ului web contează în proiectarea și dezvoltarea web
Conform StatCounter, cota de trafic din mai 2020 a fost generată prin:
- Mobil (50,34%)
- Desktop (46,67%)
- Tabletă (2,99%)
Mediul de interacțiune web este divers. Și pentru a asigura o experiență remarcabilă a utilizatorului pe toate dispozitivele, companiile sunt obligate să investească în designul receptiv pentru mobil.
Wireframing este etapa în care designerii web realizează atât experiențe pentru desktop, cât și mobile, distribuind elementele pentru ambele vizualizări.
Majoritatea proiectanților utilizează un desktop standard și o rezoluție mobilă standard pentru a scala designurile și pentru a asigura UX uniform pe toate dispozitivele.
Brandurile care doresc un site web și o experiență de utilizator cu adevărat de ultimă oră vor lua chiar și mai multe aspecte în minte în etapa de wireframing, inclusiv:
- Vizualizări pentru desktop, tabletă, mobil
- Vizualizări portret și peisaj
- Browsere
Faceți clic aici!
Cum să decideți dimensiunile site-ului web de utilizat, adică rezoluția ecranului pentru optimizarea site-ului dvs.
Primul pas pentru determinarea celor mai bune dimensiuni web pe care să vă concentrați este să aflați ce dispozitiv mobil dimensiunile ecranului pe care le deține piața țintă.
Începeți prin a analiza datele demografice ale publicului dvs.
Datele demografice pot dicta ce dispozitive utilizează potențialii dvs. clienți pentru a vă accesa site-ul web.
Iată la ce să te uiți:
- Vârstă: cercetează cea mai populară marcă / model de dispozitiv din grupa de vârstă pe care o vizezi. YouGov este o resursă excelentă, actualizată, care urmărește aceste tendințe și filtre
- Sex: Resurse precum YouGov vă pot permite, de asemenea, să filtrați cele mai populare dispozitive între sexe, permițându-vă să combinați dispozitivele după grupul de vârstă și sexul vizat.
- Locație: accesul la o perspectivă mai detaliată și mai detaliată, adăugarea tendințelor locale vă ajută să vă accentuați atenția.
- Venit: dacă vizați public cu venituri ridicate, site-ul dvs. web va trebui să fie la îndemână și să funcționeze fără probleme pe cele mai noi dispozitive de ultimă generație.
Găsește-le aici!
Responsive vs. Mobile-First Web Design: pentru care să opteze
Dispozitivele mobile (cu excepția tabletelor) reprezintă jumătate din traficul web mondial. De fapt, în mai 2020, smartphone-urile au generat 50,44% din vizualizările paginilor web la nivel global.
Aceste cifre determină companiile să investească în site-uri web care funcționează bine pe smartphone-uri.
Cu toate acestea, unul dintre cele mai mari preocupări este dacă ar trebui să investească în designul web receptiv sau primul mobil.
Proiectanții creează un design web receptiv pentru a se potrivi desktopului, la o rezoluție maximă necesară, apoi îl ajustează pentru ecrane mai mici .
Pe de altă parte, procesul de dezvoltare a designului mobil pentru prima dată este foarte asemănător cu proiectarea unei aplicații mobile, unde designerii web o adaptează ulterior pentru utilizarea desktopului sau tabletelor.
În în acest caz, designul general se potrivește perfect dispozitivelor mobile și se extinde (mai degrabă decât în jos) pentru a completa vizualizarea desktop.
Odată cu utilizarea mobilă în creștere, putem vedea că cumpărătorii B2B nu sunt cu adevărat diferiți din cele B2C.
Acesta este motivul pentru care 65,8% dintre companiile B2B intenționează să îmbunătățească experiențele mobile ale site-urilor lor web.
Care sunt cele mai bune dimensiuni ale site-ului web ensions To Use In 2021?
Aceasta este o întrebare complicată care are un răspuns simplu.
Nu există o dimensiune potrivită tuturor.
Ce funcționează cel mai bine este posibil ca alte site-uri web să nu funcționeze pentru dvs.
Și în loc să vă concentrați pe cele mai bune dimensiuni ale paginii web și să creați pagini web pentru diferite dispozitive, ar trebui să creați mai întâi pentru publicul dvs.
Astăzi este vorba despre experiența utilizatorului și ar trebui să vă asigurați că obțineți un design receptiv pentru a vă menține clienții potențiali mulțumiți.
Cum să verificați dacă site-ul dvs. este compatibil cu dispozitivele mobile?
Google oferă un test gratuit pentru dispozitive mobile, unde puteți descoperi dacă paginile dvs. web sunt ușor de utilizat pe dispozitivele mobile.
Pur și simplu adăugați adresa URL sau codul site-ului dvs. web și veți afla cum vă punctează pagina.
În câteva secunde, veți obține rezultatele și veți afla dacă designerii dvs. v-au livrat designul pe care l-au promis.
Cele mai frecvente rezoluții ale ecranului desktopului la nivel mondial
Conform StatCounter, cele mai utilizate rezoluții ale ecranului desktop din martie 2019 – martie 2020 sunt:
- 1366×768 (22,98%)
- 1920×1080 (20,7%)
- 1536×864 (7,92%)
- 1440×900 (7,23%)
- 1280×720 (4,46%)
5 cele mai frecvente rezoluții ale ecranului mobil la nivel mondial
Când vine vorba de cele mai frecvente rezoluții de ecran ale smartphone-urilor, între martie 2019 și martie 2020, designerii din întreaga lume au preferat să utilizeze următoarele dimensiuni:
- 360×640 (18,7%)
- 375×667 (7,34%)
- 414×896 (6,76%)
- 360×780 ( 5,31%)
- 375×812 (5,01%)
5 cele mai frecvente rezoluții ale ecranului tabletelor la nivel mondial
Între martie 2019 și martie 2020, cele mai frecvente rezoluțiile ecranului tabletelor la nivel mondial erau:
- 768×1024 (51,43%)
- 1280×800 (7,28%)
- 800×1280 (5,26%)
- 601×962 (4,32%)
- 962×601 (2,99%)
Cele mai frecvente 15 rezoluții de ecran din SUA
Iată cele mai comune dimensiuni de ecran pentru care ar trebui să optați în 2021:
Cele mai frecvente desktopuri Rezoluții de ecran în SUA
Pe baza datelor StatCounter, între martie 2019 și martie 2020, cele mai comune rezoluții de ecran pentru desktop în SUA au fost:
- 1920×1080 ( 19,57%)
- 1366×768 (14,88%)
- 1440×900 (9,18%)
- 1536×864 (7,22%)
- 1024×768 (4,73% )
Cele mai multe comunicări n Rezoluțiile ecranului mobil din SUA
În aceeași perioadă de timp, cele mai frecvente rezoluții ale ecranului pentru telefoanele mobile din SUA au fost:
- 414×896 (19,44%)
- 375×667 (13,67%)
- 375×812 (12,3%)
- 414×736 (8,91%)
- 360×640 (8,21%)
Cele mai frecvente rezoluții ale ecranului tabletelor din SUA
Designerii din SUA au preferat rezoluții diferite ale ecranului tabletelor și au creat dimensiuni ale paginii web pentru următoarele dimensiuni:
- 768×1024 (55,64%)
- 1280×800 (5,74%)
- 800×1280 (5,31%)
- 601×962 (5,14%)
- 962×601 (3,2%)
Găsește-le aici!
Dimensiuni pentru site-uri de luat masa
Dimensiunile site-ului și dimensiunile paginilor web contează deoarece o singură experiență slabă la fața locului vă poate respinge utilizatorii odată pentru totdeauna.
Având în vedere faptul că utilizatorii accesează web-ul de pe dispozitive mobile, inclusiv smartphone-uri și tablete, există două tipuri de design web din care puteți alege pentru a vă optimiza site-ul pentru diferite dispozitive:
- Mobile responsive
- Mobile-first
Indiferent de dimensiunile pe care le alegeți, asigurați-vă că proiectați publicul dvs. și luați în considerare:
- Vârsta
- Sex
- Locație
- Venit
Acest lucru vă va ajuta să îmbunătățiți experiența utilizatorului, să măriți timpul de ședere și să îmbunătățiți clasamentul în motoarele de căutare.