ti-enxame.com

Qual navegador ou resolução de tela mínima devo segmentar meus aplicativos da web?

Ao tomar a decisão sobre os requisitos mínimos para um aplicativo Web em máquinas clientes:

  1. Navegadores - Quais navegadores devem ser segmentados no mínimo
  2. Resolução da tela - Qual resolução de tela deve ser direcionada no mínimo

Para garantir que a usabilidade do aplicativo não seja comprometida

18
Julius A

W3Schools (por exemplo) possui algumas estatísticas nas telas do navegador. Em janeiro de 2010:

Higher    1024x768    800x600    640x480    Unknown
76%       20%         1%         0%         3%

A figura Maior vincula a nova tabela . A partir das figuras, parece que 1024x768 é a resolução mínima efetiva da tela. No entanto, lembre-se de que nem todos executam o navegador no modo de tela cheia.

Há também uma página Estatísticas do navegador . Os navegadores são divididos por versão (por exemplo, Firefox ). Em navegadores como Firefox e Chrome, parece que a maioria está usando as versões mais recentes (não beta). Eu suspeito que isso ocorre porque eles são atualizados automaticamente.

Outros sites de estatísticas mais gerais estão disponíveis e você provavelmente deve consultar um intervalo para obter uma melhor imagem do uso do navegador e das resoluções de tela em toda a Internet.

8
ChrisF

Em vez de segmentar um navegador e uma resolução específicos, começaria com a suposição de que você deseja que seu site seja utilizável pela maior variedade de usuários possível. Tente fazer com que as coisas se adaptem a diferentes tamanhos de tela e funcionem em todos os navegadores. Dito isto, acho seguro assumir 1024x768 para a navegação na área de trabalho.

6
Oren Hizkiya

Um mais global conjunto de estatísticas indica que 1024x768 é realmente a resolução mais popular, no entanto, a distribuição dos usuários é muito diferente. Observe também que os netbooks, eles supõem, estão ajudando 800x600 a permanecer.

Nos navegadores modernos, você pode segmentar intervalos com Consultas de mídia . Eles são incríveis. Supondo que você não se importe com IE - embora o IE9 prometa suporte para eles. Comentários condicionais podem ser usados ​​para enviar uma resolução de denominador comum mais baixa para o IE ou JavaScript pode ser usado para carregar dinamicamente folhas de estilo. Carregar CSS por meio de JavaScript dinamicamente é, na minha opinião, uma péssima idéia.

Um web designer chamado Jon Hicks recentemente redesenhado seu site usando-os, vá lá e altere o tamanho da janela do navegador para ver um exemplo de como eles funcionam. Existem layouts de 1 a 4 colunas, dependendo da largura máxima atual da janela de visualização.

As consultas de mídia permitem que você não precise se estressar com coisas como "Meu site suportará o iPhone e o iPad?" ou "Como posso segmentar o tamanho da tela do dispositivo X para manter a usabilidade?". Você acabou de criar designs para os tamanhos de tela que deseja oferecer suporte e as Consultas de mídia cuidarão do resto, dependendo do navegador do usuário quando chegarem lá.

5
Bryson

Você pode basear sua decisão na estatística recente sobre o uso da resolução. Se você quiser um número genérico, poderá encontrar alguns de Aplicativos de rede e, se desejar dados precisos, poderá usar o Google Analytic no seu site para isso.

2
HoLyVieR

Verifique as estatísticas de participação no mercado mundial de navegadores

Esta pergunta fornece uma lista abrangente de fontes para procurar participação no mercado mundial de navegadores.

Aqui estão as três principais médias de 2010 para StatOwl :

1024x768    26.75%
1280x800    18.69%
1280x1024   11.57%

Aqui estão as três principais médias de 2010 para aplicativos líquidos :

1024x768    24.27%
1280x800    17.98%
1280x1024   10.83% 

De acordo com os dados, sua resolução mínima deve ser 1024x768, mas também depende da sua demografia.

Se o seu site for voltado para um público mais corporativo, atenha-se a 800x600. Muitas redes corporativas ainda estão executando hardware realmente antigo com o Windows 2000. Se essa é a base de usuários que você está alvejando, o uso da 'norma atual' de resoluções de tela pode alienar seu público.

1
Evan Plaice

A primeira coisa que você precisa fazer é determinar o grupo demográfico de destino que usará seu aplicativo Web. Por exemplo, se você tem como alvo um público americano/europeu predominantemente rico (como a venda de produtos sofisticados ou um site de revista de alta tecnologia), terá requisitos bem diferentes dos que, por exemplo, ao criar um site na Web aplicativo voltado para pessoas idosas, pessoas de países menos desenvolvidos etc. onde predominam PCs antigos e baixas resoluções. Sei por experiência própria, por exemplo, que muitos clientes do governo local no Reino Unido ainda (vergonhosamente) usam o IE6 como seu único navegador, o que pode ser um fator importante se eles forem seus clientes.

Você precisa levar em consideração que muitas pessoas acessam sites em dispositivos móveis - smartphones, netbooks, tablets e similares. Elas podem ter resoluções 'estranhas' ou uma porcentagem maior de usuários de navegadores como Safari, Chrome e Opera Mobile. Eles também podem ter requisitos de acessibilidade diferentes ou podem exigir diferentes folhas de estilo.

Uma das melhores maneiras é usar Google Analytics (talvez de um site existente) para determinar seu público-alvo. Você pode obter números reais para ver as falhas do navegador e da resolução que ajudarão você a decidir o que é certo para você para você .

1
Dan Diplo

Também vale a pena levar em consideração o conteúdo do seu site. Se você estiver fornecendo um fórum de suporte técnico para pessoas com problemas com placas de vídeo ou monitores, por exemplo, provavelmente o desejará utilizável em 640x480.

Se muitos de seus usuários são mais velhos ou têm uma visão mais fraca, eles podem ter telas de alta resolução, mas com fontes muito grandes, então é necessário permitir isso.

0
Colin Coghill

http://isie6dead.com/ Embora esse link tenha sido mais dinâmico há uma semana, o ponto subjacente à sua existência ainda é válido: existem muitos navegadores IE6 por aí e continuarão sendo provavelmente para a próxima década .

Para meus próprios projetos pessoais, se você estiver usando o IE6, não me importo se meu site faz com que os macacos voem para fora do seu traseiro. Para um trabalho, os requisitos podem ser diferentes e, em geral, quanto mais público e mais antigo for o seu público-alvo, maior a probabilidade de o seu site ver o IE6 em 640x480x4.

Esta pergunta não pode ser respondida com precisão sem um público especificado e ignora completamente as hordas crescentes dos dispositivos iPhony.

0
msw

Conforme mencionado em post anterior , o artigo da Wikipedia sobre participação no mercado de navegadores consolida informações de 6 fontes principais e que as estatísticas são provavelmente mais eficazes para decidir quais os navegadores importantes a serem segmentados .

0
mvark