90% dos visitantes do site rejeitam devido a um design ruim. Os principais motivos para isso estão relacionados à usabilidade e englobam vários fatores, incluindo a capacidade de resposta móvel.
A importância de uma experiência do usuário em dispositivos diferentes e harmoniosa e de projetar com vários dispositivos em mente nunca pode ser enfatizada o suficiente.
É por isso que neste artigo iremos guiá-lo através das resoluções de tela mais comuns para sites responsivos.
Continue lendo para descobrir se você deve optar por um dispositivo móvel ou responsivo design.
Por que as dimensões do site são importantes no design e desenvolvimento da Web
De acordo com a StatCounter, a participação do tráfego em maio de 2020 foi gerada por meio de:
- Celular (50,34%)
- Desktop (46,67%)
- Tablet (2,99%)
O ambiente de interação na web é diverso. E para garantir uma experiência de usuário excepcional em todos os dispositivos, as empresas devem investir em design responsivo para dispositivos móveis.
Wireframing é o estágio em que os web designers criam experiências de desktop e móveis, distribuindo os elementos para ambas as visualizações.
A maioria dos designers usa um desktop padrão e uma resolução móvel padrão para dimensionar os designs e garantir uma UX suave em todos os dispositivos.
As marcas que desejam um site e uma experiência do usuário realmente de ponta terão de enfrentar mais aspectos em mente no estágio de wireframing, incluindo:
- Desktop, tablet, visualizações em dispositivos móveis
- visualizações retrato e paisagem
- navegadores
Clique aqui!
Como decidir quais dimensões de site usar, ou seja, qual resolução de tela para otimizar seu site
A primeira etapa para determinar as melhores dimensões da web a se concentrar é descobrir em que celular tamanhos de tela que seu mercado-alvo possui.
Comece observando os dados demográficos do seu público.
Os dados demográficos podem ditar quais dispositivos seus clientes em potencial usam para acessar seu site.
Aqui está o que observar:
- Idade: pesquise a marca / modelo de dispositivo mais popular entre a faixa etária que você está direcionando. YouGov é um recurso excelente e atualizado que rastreia essas tendências e filtros
- Gênero: recursos como YouGov também podem permitir que você filtre os dispositivos mais populares entre os gêneros, permitindo a correspondência cruzada dos dispositivos por faixa etária e sexo alvo.
- Local: ter uma visão mais granular e aprofundada e adicionar tendências locais ajuda a aprimorar seu foco.
- Renda: se você estiver segmentando públicos de alta renda, seu site terá que estar no ponto e funcionar sem problemas nos dispositivos mais modernos e de última geração.
Encontre-os aqui!
Web design responsivo vs. mobile-first: qual deles escolher
Os dispositivos móveis (excluindo tablets) respondem por metade do tráfego mundial da web. Na verdade, em maio de 2020, os smartphones geraram 50,44% das visualizações de páginas da web em nível global.
Esses números fazem as empresas investirem em sites que funcionam bem em smartphones.
No entanto, um das maiores preocupações é se eles devem investir em web design responsivo ou que priorize dispositivos móveis.
Os designers criam um web design responsivo para caber na área de trabalho, com a resolução máxima exigida, e então o ajustam para telas menores .
O processo de desenvolvimento de design que prioriza o celular, por outro lado, é muito semelhante ao design de um aplicativo para celular em que os web designers posteriormente o adaptam para uso em desktop ou tablet.
Em neste caso, o design geral se ajusta perfeitamente aos dispositivos móveis e aumenta (em vez de diminuir) para preencher a visualização do desktop.
Com o uso crescente de dispositivos móveis, podemos ver que os compradores B2B não são realmente diferentes dos B2C.
É por isso que 65,8% das empresas B2B planejam melhorar as experiências móveis de seus sites.
Quais são os melhores sites Dim ensions para usar em 2021?
Esta é uma pergunta complicada que tem uma resposta simples.
Não existe um tamanho único para todos.
O que funciona melhor para outros sites pode não funcionar para você.
E em vez de se concentrar nas melhores dimensões da página da web e criar páginas da web para vários dispositivos, você deve projetar para o seu público primeiro.
Hoje é tudo uma questão de experiência do usuário, e você deve ter certeza de obter um design responsivo para manter seus clientes em potencial satisfeitos.
Como verificar se seu site é compatível com dispositivos móveis?
O Google oferece um teste gratuito de compatibilidade com dispositivos móveis onde você pode descobrir se suas páginas da web são fáceis de usar em dispositivos móveis.
Basta adicionar o URL ou código do seu site e você descobrirá a pontuação da sua página.
Em questão de alguns segundos, você obterá seus resultados e saberá se seus designers entregaram a você o design que prometeram.
5 resoluções de tela de área de trabalho mais comuns em todo o mundo
De acordo com a StatCounter, as resoluções de tela de desktop mais usadas de março de 2019 a março de 2020 são:
- 1366×768 (22,98%)
- 1920×1080 (20,7%)
- 1536×864 (7,92%)
- 1440×900 (7,23%)
- 1280×720 (4,46%)
5 resoluções de tela móvel mais comuns em todo o mundo
Quando se trata das resoluções de tela mais comuns de smartphones, entre março de 2019 e março de 2020, designers de todo o mundo preferiram usar o seguinte tamanhos:
- 360×640 (18,7%)
- 375×667 (7,34%)
- 414×896 (6,76%)
- 360×780 ( 5,31%)
- 375 x 812 (5,01%)
5 resoluções de tela de tablet mais comuns em todo o mundo
Entre março de 2019 e março de 2020, as mais comuns As resoluções de tela de tablets em todo o mundo foram:
- 768×1024 (51,43%)
- 1280×800 (7,28%)
- 800×1280 (5,26%)
- 601×962 (4,32%)
- 962×601 (2,99%)
As 15 resoluções de tela mais comuns nos EUA
Aqui estão os tamanhos de tela mais comuns que você deve optar em 2021:
Área de trabalho mais comum Resoluções de tela nos EUA
Com base nos dados da StatCounter, entre março de 2019 e março de 2020, as resoluções de tela mais comuns para desktop nos EUA foram:
- 1920×1080 ( 19,57%)
- 1366×768 (14,88%)
- 1440×900 (9,18%)
- 1536×864 (7,22%)
- 1024×768 (4,73% )
Mais Commo n Resoluções de tela de celulares nos EUA
Durante o mesmo período, as resoluções de tela mais comuns para telefones celulares nos EUA foram:
- 414×896 (19,44%)
- 375×667 (13,67%)
- 375×812 (12,3%)
- 414×736 (8,91%)
- 360×640 (8,21%)
Resoluções de tela de tablet mais comuns nos EUA
Os designers dos EUA preferiram diferentes resoluções de tela de tablets e criaram tamanhos de página da web para as seguintes dimensões:
- 768×1024 (55,64%)
- 1280×800 (5,74%)
- 800×1280 (5,31%)
- 601×962 (5,14%)
- 962×601 (3,2%)
Encontre-as aqui!
Vantagens sobre as dimensões do site
As dimensões do site e os tamanhos das páginas são importantes porque uma única experiência ruim no site pode repelir seus usuários de uma vez por todas.
Considerando o fato de os usuários acessarem a web a partir de dispositivos móveis, incluindo smartphones e tablets, existem dois tipos de web design que você pode escolher para otimizar seu site para diferentes dispositivos:
- Responsivo móvel
- Prioridade para dispositivos móveis
Não importa quais dimensões você escolha, certifique-se de projetar para o seu público e considerar:
- Idade
- Sexo
- Localização
- Renda
Isso o ajudará a melhorar a experiência do usuário, aumentar o tempo de permanência e impulsionar as classificações do mecanismo de pesquisa.