90% návštěvníků webových stránek se odrazilo kvůli špatnému designu. Klíčové důvody pro to se týkají použitelnosti a zahrnují různé faktory, včetně mobilní odezvy.
Nelze dostatečně zdůraznit důležitost plynulého uživatelského zážitku napříč zařízeními a navrhování s ohledem na různá zařízení.
Proto vás v tomto článku provedeme nejčastějšími rozlišeními obrazovky, pro které by měly být responzivní weby navrženy.
Čtěte dále a zjistěte, zda byste se měli rozhodnout pro mobilní reklamy nebo responzivní design.
Proč na dimenzích webových stránek záleží ve webovém designu a vývoji
Podle StatCounter byl podíl provozu v květnu 2020 generován prostřednictvím:
- Mobilní (50,34%)
- Desktop (46,67%)
- Tablet (2,99%)
Prostředí webové interakce je rozmanité. A aby byla zajištěna vynikající uživatelská zkušenost napříč všemi zařízeními, musí podniky investovat do designu reagujícího na mobilní zařízení.
Wireframing je fáze, ve které weboví designéři vytvářejí prostředí pro stolní počítače i mobilní zařízení a distribuují prvky pro oba pohledy.
Většina designérů používá jeden standardní desktop a jedno standardní mobilní rozlišení pro škálování návrhů a zajištění plynulého UX napříč zařízeními.
Značky, které chtějí skutečně špičkový web a uživatelský zážitek, budou trvat dokonce ve fázi wireframingu je třeba mít na paměti více aspektů, včetně:
- zobrazení pro stolní počítače, tablety, mobilní zařízení,
- zobrazení na výšku a na šířku,
- prohlížeč,
Klikněte sem!
Jak se rozhodnout, které dimenze webových stránek použít, tj. jaké rozlišení obrazovky optimalizovat pro váš web
Prvním krokem k určení nejlepších dimenzí webu, na které se zaměřit, je zjistit, jaké mobilní zařízení velikosti obrazovky, které vlastní váš cílový trh.
Začněte tím, že se podíváte na demografické údaje publika.
Demografické údaje mohou určovat, jaká zařízení vaši potenciální klienti používají pro přístup na váš web.
Na co je třeba se zaměřit:
- Věk: Prozkoumejte nejoblíbenější značku / model zařízení ve věkové skupině, na kterou cílíte. YouGov je skvělý a aktuální zdroj, který sleduje tyto trendy a filtry.
- Pohlaví: Prostředky jako YouGov vám také umožňují filtrovat nejoblíbenější zařízení mezi pohlavími a umožňují vám vzájemně porovnávat zařízení podle věkové skupiny a cílového pohlaví.
- Umístění: Přechod na podrobnější a podrobnější pohled a přidání místních trendů vám pomůže zaostřit.
- Příjem: Pokud cílíte publikum s vysokými příjmy, váš web bude muset být na místě a fungovat hladce na nejnovějších a nejmodernějších zařízeních.
Najdete je zde!
Responzivní vs. mobilní webový design první: Který z nich se rozhodnout
Mobilní zařízení (kromě tabletů) tvoří polovinu celosvětového webového provozu. Ve skutečnosti v květnu 2020 vygenerovaly chytré telefony 50,44% zobrazení webových stránek na celosvětové úrovni.
Tato čísla přimějí podniky investovat do webů, které fungují dobře na chytrých telefonech.
Jeden z nich největším problémem je, zda by měli investovat do responzivního webového designu, který je první na mobilu.
Návrháři vytvářejí responzivní webový design, který se hodí na plochu, v maximálním požadovaném rozlišení, a pak jej upraví pro menší obrazovky. .
Proces vývoje designu založeného na mobilních zařízeních je naproti tomu velmi podobný návrhu mobilní aplikace, kde ji weboví designéři později přizpůsobí pro použití na počítači nebo tabletu.
V v tomto případě celkový design dokonale zapadá do mobilních zařízení a zvětšuje se (spíše než dolů), aby vyplnil zobrazení na ploše.
S rostoucím mobilním využitím vidíme, že kupující B2B se opravdu neliší od B2C.
To je důvod, proč 65,8% B2B podniků plánuje zlepšit mobilní zážitky ze svých webových stránek.
Jaké jsou nejlepší dimenze webových stránek soubory, které se mají použít v roce 2021?
Jedná se o komplikovanou otázku, která má jednoduchou odpověď.
Neexistuje univerzální řešení pro všechny.
Co funguje nejlépe pro jiné weby pro vás nemusí fungovat.
A místo toho, abyste se soustředili na nejlepší rozměry webových stránek a vytvářeli webové stránky pro různá zařízení, měli byste nejprve navrhnout své publikum.
Dnes jde především o uživatelskou zkušenost a měli byste se ujistit, že získáte responzivní design, který vašim potenciálním klientům vyhovuje.
Jak zkontrolovat, zda je váš web vhodný pro mobilní zařízení?
Google nabízí bezplatný test vhodný pro mobilní zařízení, kde zjistíte, zda se vaše webové stránky snadno používají v mobilních zařízeních.
Stačí přidat adresu URL nebo kód vašeho webu a zjistíte, jak vaše stránka boduje.
Během několika sekund získáte své výsledky a zjistíte, zda vám vaši designéři dodali design, který slíbili.
5 nejběžnějších celosvětových rozlišení obrazovky
Podle StatCounter jsou nejpoužívanější rozlišení obrazovky plochy od března 2019 do března 2020:
- 1366×768 (22,98%)
- 1920×1080 (20,7%)
- 1536×864 (7,92%)
- 1440×900 (7,23%)
- 1280×720 (4,46%)
5 nejběžnějších mobilních rozlišení obrazovky po celém světě
Pokud jde o nejběžnější rozlišení obrazovky chytrých telefonů, mezi březnem 2019 a březnem 2020 designéři po celém světě upřednostňovali následující velikosti:
- 360×640 (18,7%)
- 375×667 (7,34%)
- 414×896 (6,76%)
- 360×780 ( 5,31%)
- 375×812 (5,01%)
5 celosvětově nejběžnějších rozlišení obrazovky tabletu
Mezi březnem 2019 a březnem 2020 je nejběžnější celosvětová rozlišení obrazovky tabletu byla:
- 768×1024 (51,43%)
- 1280×800 (7,28%)
- 800×1280 (5,26%)
- 601×962 (4,32%)
- 962×601 (2,99%)
Top 15 nejběžnějších rozlišení obrazovky v USA
Zde jsou nejběžnější velikosti obrazovky, pro které byste se měli rozhodnout v roce 2021:
Nejběžnější plocha Rozlišení obrazovky v USA
Na základě údajů StatCounter byla v období od března 2019 do března 2020 nejběžnější rozlišení obrazovky pro stolní počítače v USA:
- 1920×1080 ( 19,57%)
- 1366×768 (14,88%)
- 1440×900 (9,18%)
- 1536×864 (7,22%)
- 1024×768 (4,73%) )
Most Commo n Rozlišení obrazovky pro mobilní zařízení v USA
Během stejného časového období byla nejběžnější rozlišení obrazovky pro mobilní telefony v USA:
- 414×896 (19,44%)
- 375×667 (13,67%)
- 375×812 (12,3%)
- 414×736 (8,91%)
- 360×640 (8,21%)
Nejběžnější rozlišení obrazovky tabletu v USA
Návrháři v USA upřednostňovali různá rozlišení obrazovky tabletů a vytvořili velikosti webových stránek pro následující dimenze:
- 768×1024 (55,64%)
- 1280×800 (5,74%)
- 800×1280 (5,31%)
- 601×962 (5,14%)
- 962×601 (3,2%)
Najdete je zde!
Trendy v dimenzích webových stránek
Na dimenzích a velikostech webových stránek záleží, protože jediné špatné prostředí na webu může vaše uživatele jednou provždy odpudit.
S ohledem na skutečnost, že uživatelé přistupují k webu z mobilních zařízení, včetně smartphonů a tabletů, můžete si vybrat ze dvou typů webového designu, který vám umožní optimalizovat web pro různá zařízení:
- Mobilní responzivní
- Nejprve na mobilu
Bez ohledu na to, jaké dimenze zvolíte, nezapomeňte navrhnout pro své publikum a zvážit jejich:
- Věk
- Pohlaví
- Umístění
- Příjem
Pomůže vám zlepšit uživatelský komfort, prodloužit dobu prodlevy a zlepšit hodnocení vyhledávačů.