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

O 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 superior é vinculada a uma 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 de 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 na Internet como um todo.

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.

Um conjunto mais global de estatísticas indica que essa 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 a 800x600aguentar.

Nos navegadores modernos, você pode segmentar intervalos com as Consultas de mídia . Eles são incríveis. Supondo que você não se importe com o 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 redesenhou seu site usando-os, vá para 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 suporta 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 desejados e as Consultas de Mídia cuidarão do resto, dependendo do navegador do usuário quando chegarem lá.

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 dos aplicativos da Net e, se desejar dados precisos, poderá usar o Google Analytic no seu site para isso.

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 de alta qualidade ou um site de revista de alta tecnologia), terá requisitos bem diferentes dos que, por exemplo, ao criar um site da 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. Eles podem ter resoluções 'estranhas' ou ter 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 o Google Analytics (talvez de um site existente) para determinar seu público real. 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ê .

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 do StatOwl :

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

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

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.

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 provavelmente continuarão na 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 velho 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.

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

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 desejará utilizá-lo 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.