Web uygulamalarımı hangi minimum tarayıcı veya ekran çözünürlüğünü hedeflemeliyim?

İstemci makinelerde bir web uygulaması için minimum gereksinimler hakkında karar verirken:

1. Tarayıcılar - Hangi tarayıcıların en az bir hedefi hedeflemesi gerekir
2. Ekran Çözünürlüğü - En az bir ekran çözünürlüğünü hedeflemelidir

Uygulamanın kullanılabilirliğinin tehlikeye atılmamasını sağlamak

W3Schools (örneğin) tarayıcı ekranlarında bazı istatistiklere sahiptir. Ocak 2010 itibariyle:

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

Yüksek rakam yeni bir tabloya bağlanır . Rakamlardan 1024x768'e kadar etkili minimum ekran çözünürlüğü gibi görünüyor. Ancak, herkesin tarayıcılarını tam ekran modunda çalıştırmadığını unutmayın.

Bir de var Tarayıcı istatistik sayfası. Tarayıcılar sürüme göre ayrılmıştır (örn. Firefox ). Firefox ve Chrome gibi tarayıcılarda, çoğunluk en son (beta olmayan) sürümleri kullanıyor gibi görünüyor. Bunun otomatik güncelleme yaptıkları için olduğundan şüpheleniyorum.

Diğer, daha genel istatistik siteleri mevcuttur ve muhtemelen bir bütün olarak internette tarayıcı kullanımı ve ekran çözünürlüklerinin daha iyi bir resmini elde etmek için bir aralığa başvurmalısınız.

Belirli bir tarayıcıyı ve çözünürlüğü hedeflemek yerine, sitenizin mümkün olduğunca çok sayıda kullanıcı tarafından kullanılabilir olmasını istediğiniz varsayımıyla başlayacağım. Farklı ekran boyutlarına uyum sağlamaya çalışın ve tüm tarayıcılarda çalışın. Bununla birlikte, masaüstü tarama için 1024x768 olduğunu varsaymanın güvenli olduğunu düşünüyorum.

Daha küresel istatistiklerin kümesi belirtmek 1024x768, aslında en popüler çözünürlük Ancak kullanıcıların dağılımı çok farklıdır. Ayrıca, netbook'ların beklemeye yardımcı olduklarını da unutmayın 800x600.

Modern tarayıcılarda Medya Sorguları ile aralıkları hedefleyebilirsiniz . Müthişler. IE ile ilgilenmediğiniz varsayılarak - IE9 onlar için destek vaat ediyor olsa da. Koşullu yorumlar IE'ye en düşük-ortak payda çözünürlüğünü göndermek için kullanılabilir veya stil sayfalarını dinamik olarak yüklemek için JavaScript kullanılabilir. CSS'yi JavaScript üzerinden dinamik olarak yüklemek bence korkunç bir fikir.

Jon Hicks adında bir web tasarımcısı kısa süre önce web sitesini yeniden kullanarak yeniden tasarladı , oraya gidin ve nasıl çalıştıklarına dair bir örnek görmek için tarayıcı pencerenizin boyutunu değiştirin. Geçerli maksimum görünüm alanı genişliğinize bağlı olarak 1 ila 4 sütunlu düzenler vardır.

Medya Sorguları, "Sitem iPhone ve iPad'i destekleyecek mi?" veya "Kullanılabilirliği korumak için X cihazının ekran boyutunu nasıl hedefleyebilirim?". Desteklemek istediğiniz kadar ekran boyutu için tasarımlar oluşturursunuz ve Medya Sorguları, kullanıcının oraya vardığında tarayıcısına bağlı olarak gerisini halleder.

Karar kullanımıyla ilgili son istatistik kararınızı dayandırabilirsiniz. Genel numara istiyorsanız, Net Uygulamalardan bazılarını bulabilirsiniz ve kesin veriler istiyorsanız, bunun için web sitenizde Google Analitik'i kullanabilirsiniz.

Yapmanız gereken ilk şey, web uygulamanızı kimin kullanacağı hedef demografisini belirlemektir. Örneğin, ağırlıklı olarak zengin bir ABD / Avrupa kitlesini (üst düzey ürünler veya yüksek teknoloji ürünü bir dergi sitesi satmak gibi) hedefliyorsanız, örneğin, eski PC'ler ve düşük çözünürlüklerin hâlâ baskın olduğu yaşlı insanlara, daha az gelişmiş ülkelerde vb. Örneğin, İngiltere'deki birçok yerel yönetim müşterisinin hala (utanç verici) IE6'yı tek tarayıcıları olarak kullandığını, bu da müşteriniz olduklarında önemli bir faktör olabileceğini deneyimlerimden biliyorum.

Daha sonra, birçok kişinin mobil cihazlarda (akıllı telefonlar, netbook'lar, tabletler ve benzeri) web sitelerine eriştiğini dikkate almalısınız. Bunlar 'garip' çözünürlüklere sahip olabilir veya Safari, Chrome ve Opera Mobile gibi tarayıcıların daha yüksek kullanıcı yüzdesine sahip olabilir. Ayrıca farklı erişilebilirlik gereksinimleri olabilir veya farklı stil sayfaları gerektirebilirler.

En iyi yollardan biri , gerçek kitlenizi belirlemek için Google Analytics'i (belki mevcut bir siteden) kullanmaktır. Daha sonra, sizin için neyin doğru olduğuna karar vermenize yardımcı olacak tarayıcı arızalarını ve çözünürlük arızalarını görmek için gerçek rakamlar alabilirsiniz .

Dünya çapında tarayıcı pazar payı istatistiklerini kontrol edin

Bu soru , dünya çapında tarayıcı pazar payını aramak için kapsamlı bir kaynak listesi sağlar.

İşte StatOwl için en iyi 3 2010 ortalaması :

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

İşte Net Uygulamalar için en iyi 3 2010 ortalaması :

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

Verilere göre, minimum çözünürlüğünüz 1024x768 olmalıdır, ancak demografinize de bağlıdır.

Siteniz daha kurumsal bir kitleye yönelikse 800x600'e sadık kalın. Birçok şirket ağı hala Windows 2000 ile gerçekten eski bir donanım kullanıyor. Hedeflediğiniz kullanıcı tabanı buysa, ekran çözünürlüklerinin 'geçerli normunu' kullanmak kitlenizi yabancılaştırabilir.

http://isie6dead.com/ Bu bağlantı bir hafta kadar önce daha dinamik olmasına rağmen, varlığının altında yatan nokta hala geçerli: Orada çok fazla IE6 tarayıcısı var ve muhtemelen önümüzdeki on yıl boyunca olmaya devam edecek .

Kendi kişisel projelerim için IE6 kullanıyorsanız, sitemin maymunların posteriorunuzdan uçmasına neden olup olmadığı umurumda değil. Bir iş için gereksinimler farklı olabilir ve genel olarak hedef kitleniz ne kadar genel ve daha yaşlı olursa, sitenizin 640x480x4 boyutunda IE6'yı görme olasılığı o kadar yüksektir.

Bu soru, belirli bir kitle olmadan doğru bir şekilde cevaplanamaz ve iPhony cihazlarının gelişen ordularını tamamen göz ardı eder.

Bir de belirtildiği gibi eski yazı , tarayıcı pazar payı üzerinde Wikipedia makalesi 6 büyük kaynaklardan bilgileri birleştirir ve istatistikleri muhtemelen hedefe önemli tarayıcılar hangi karar verirken en etkili yöntemdir.

Ayrıca dikkate değer sitenizin içeriği. Örneğin, video kartları veya monitörlerle ilgili sorun yaşayan kişiler için bir teknik destek forumu sağlıyorsanız, muhtemelen 640x480'de kullanılabilir olmasını istersiniz.

Kullanıcılarınızın birçoğu daha büyükse veya daha zayıf görme yeteneğine sahipse, yüksek çözünürlüklü ekranlara sahip olabilirler, ancak çok büyük yazı tiplerine sahip olabilirler, bu yüzden buna izin vermeniz gerekir.