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

18

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

Júlio A
fonte
Votado para fechar como fora de tópico: consulte meta.webmasters.stackexchange.com/questions/144/…
11
Isso pode ser movido para a pilha de troca da interface do usuário.
milesmeow
11
Pode ser, mas provavelmente não deveria ser. A resolução da tela é tecnicamente relacionada à interface do usuário, mas também à acessibilidade e à plataforma. Essa é uma pergunta na qual a maioria dos webmasters se interessará mais do ponto de vista comercial do que do ponto de vista do design da interface do usuário.
Lèse majesté

Respostas:

8

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.

ChrisF
fonte
5
Observe que o w3schools, sendo um site de tecnologia, NÃO é representativo da Web em geral (principalmente as estatísticas do navegador).
usar o seguinte
@DisgruntledGoat - bom ponto. Eu perdi um pouco o fato de serem os dados deles quando li a página originalmente.
22410 ChrisF
Como não tenho o tamanho da amostra em meus próprios sites para fazer minha própria análise e estou com preguiça de procurar dados precisos e não solicitados para obter resoluções de tela, apenas faço uma pesquisa nos maiores sites da Web. ou os maiores sites que compartilham minha demografia. Eu acho que o Google, Amazon, Yahoo, etc. provavelmente gastam muitos recursos nesse tipo de pesquisa de usabilidade que não é necessário tentar duplicar seus esforços. Além disso, eu usaria portais / planilhas separados para dispositivos móveis, se esse for um dado demográfico significativo para você.
Lèse majesté
O problema é que essas estatísticas geralmente são auto-selecionadas. O W3Schools é um site de largura fixa com aproximadamente 1000 pixels de largura. Se eu tivesse um monitor de 800x600 (ou um netbook de 800x480), também não o visitaria.
robertc
É por isso que deve procurar sites que as pessoas não podem se dar ao luxo de não visitar.
Lèse majesté
6

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.

Oren Hizkiya
fonte
5

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á.

Bryson
fonte
2

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.

HoLyVieR
fonte
1

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ê .

Dan Diplo
fonte
1

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.

Evan Plaice
fonte
Eu acho que você quer dizer 1024x768?
milesmeow 2/09/10
@milesmeow oops, corrigi-lo #
Evan Plaice
0

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.

msw
fonte
0

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.

Colin Coghill
fonte