Browser atau resolusi layar minimum mana yang harus saya targetkan pada aplikasi web saya?


18

Saat membuat keputusan tentang persyaratan minimum untuk aplikasi web pada mesin klien:

  1. Peramban - Peramban mana yang harus satu target paling sedikit
  2. Resolusi Layar - Resolusi layar mana yang harus satu target dengan sangat minimum

Untuk memastikan kegunaan aplikasi tidak terganggu


Dipilih untuk ditutup sebagai di luar topik: lihat meta.webmasters.stackexchange.com/questions/144/…

1
Ini dapat dipindahkan ke stackexchange Antarmuka Pengguna.
milesmeow

1
Bisa saja, tetapi mungkin seharusnya tidak. Resolusi layar secara teknis terkait UI, tetapi juga terkait aksesibilitas dan platform. Ini adalah pertanyaan yang sebagian besar webmaster akan lebih tertarik dari sudut pandang bisnis daripada sudut pandang desain UI.
Lèse majesté

Jawaban:


8

W3Schools (misalnya) memiliki beberapa statistik pada tampilan browser. Per Januari 2010:

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

Angka yang lebih tinggi menautkan ke tabel baru . Dari angka yang terlihat seperti 1024x768 adalah resolusi layar minimum yang efektif. Namun, Anda harus ingat bahwa tidak semua orang menjalankan browser mereka dalam mode layar penuh.

Ada juga halaman statistik Browser . Browser dikelompokkan berdasarkan versi (mis. Firefox ). Dengan peramban seperti Firefox dan Chrome, tampaknya mayoritas menggunakan versi terbaru (bukan beta). Saya menduga ini karena mereka memperbarui secara otomatis.

Lain, lebih umum, situs statistik tersedia dan Anda mungkin harus berkonsultasi kisaran untuk mendapatkan gambaran yang lebih baik dari penggunaan browser dan resolusi layar di internet secara keseluruhan.


5
Anda harus mencatat bahwa w3schools, sebagai situs teknologi, TIDAK mewakili web secara luas (terutama statistik peramban).
DisgruntledGoat

@ DisgruntledGoat - poin bagus. Saya melewatkan sedikit tentang itu menjadi data mereka ketika saya awalnya membaca halaman.
ChrisF

Karena saya tidak memiliki ukuran sampel di situs saya sendiri untuk melakukan analisis saya sendiri, dan saya terlalu malas untuk mencari data yang akurat dan tidak dikenal untuk resolusi layar, saya hanya melakukan survei situs terbesar di web-- atau situs terbesar yang berbagi demografis saya. Saya pikir Google, Amazon, Yahoo, dll. Mungkin menghabiskan banyak sumber daya untuk jenis penelitian kegunaan ini sehingga tidak perlu mencoba untuk menduplikasi upaya mereka. Juga, saya akan menggunakan portal / spreadsheet terpisah untuk perangkat seluler jika itu demografis yang signifikan untuk Anda.
Lèse majesté

Masalahnya adalah statistik ini sering memilih sendiri. W3Schools adalah situs lebar tetap ~ lebar 1000 piksel. Jika saya memiliki layar 800x600 (atau netbook 800x480) saya juga tidak akan mengunjunginya.
robertc

Itulah sebabnya mengapa harus melihat situs yang orang tidak mampu untuk tidak mengunjungi.
Lèse majesté

6

Alih-alih menargetkan browser dan resolusi tertentu, saya akan mulai dengan asumsi bahwa Anda ingin situs Anda dapat digunakan oleh sebanyak mungkin pengguna. Cobalah untuk membuat hal-hal beradaptasi dengan berbagai ukuran layar dan bekerja di semua browser. Yang mengatakan, saya pikir aman untuk mengasumsikan 1024x768 untuk penjelajahan desktop.


5

Serangkaian statistik yang lebih global menunjukkan bahwa 1024x768memang resolusi yang paling populer, namun distribusi pengguna sangat berbeda. Juga perhatikan bahwa netbook, menurut mereka, membantu 800x600bertahan.

Di browser modern, Anda dapat menargetkan rentang dengan Pertanyaan Media . Mereka luar biasa. Dengan asumsi Anda tidak peduli tentang IE - meskipun IE9 menjanjikan dukungan untuk mereka. Komentar bersyarat dapat digunakan untuk mengirim resolusi common-denominator terendah ke IE, atau JavaScript dapat digunakan untuk memuat stylesheet secara dinamis. Memuat CSS melalui JavaScript secara dinamis, menurut pendapat saya, adalah ide yang buruk .

Seorang perancang web bernama Jon Hicks baru-baru ini mendesain ulang situs webnya menggunakan mereka, pergi ke sana dan ubah ukuran jendela browser Anda untuk melihat contoh bagaimana mereka bekerja. Ada tata letak dari 1 hingga 4 kolom, tergantung pada lebar viewport maksimum Anda saat ini.

Pertanyaan Media memungkinkan Anda untuk tidak perlu stres tentang hal-hal seperti "Apakah situs saya akan mendukung iPhone dan iPad?" atau "Bagaimana saya bisa menargetkan ukuran layar perangkat X untuk menjaga kegunaan?". Anda hanya membangun desain untuk ukuran layar sebanyak yang Anda ingin dukung dan Media Queries akan menangani sisanya, tergantung pada browser pengguna ketika mereka sampai di sana.


2

Anda dapat mendasarkan keputusan Anda pada statistik terbaru tentang penggunaan resolusi. Jika Anda ingin nomor generik, Anda dapat menemukan beberapa dari Aplikasi Net dan jika Anda menginginkan data yang tepat, Anda dapat menggunakan Google Analytic di situs web Anda untuk itu.


1

Hal pertama yang perlu Anda lakukan adalah menentukan demografi target yang akan menggunakan aplikasi web Anda. Misalnya, jika Anda menargetkan audiens AS / Eropa yang sebagian besar kaya (seperti menjual produk kelas atas atau situs majalah berteknologi tinggi) maka Anda akan memiliki persyaratan yang sangat berbeda daripada jika, misalnya, Anda membuat web- aplikasi yang ditujukan untuk orang yang lebih tua, orang-orang di negara kurang berkembang dll. di mana PC lama dan resolusi rendah masih mendominasi. Saya tahu dari pengalaman, misalnya, bahwa banyak klien pemerintah daerah di Inggris masih (secara memalukan) menggunakan IE6 sebagai satu-satunya browser mereka, yang bisa menjadi faktor utama jika mereka adalah klien Anda.

Anda kemudian harus mempertimbangkan bahwa banyak orang mengakses situs web di perangkat seluler - smartphone, netbook, tablet, dan sejenisnya. Ini dapat memiliki resolusi 'aneh' atau memiliki persentase lebih tinggi dari pengguna browser seperti Safari, Chrome dan Opera Mobile. Mereka juga dapat memiliki persyaratan aksesibilitas yang berbeda atau mungkin memerlukan style-sheet yang berbeda.

Salah satu cara terbaik adalah menggunakan Google Analytics (mungkin dari situs yang ada) untuk menentukan audiens Anda yang sebenarnya. Anda kemudian dapat memperoleh angka aktual untuk melihat kerusakan peramban dan gangguan resolusi yang akan membantu Anda memutuskan apa yang tepat untuk Anda .


1

Periksa statistik pangsa pasar browser di seluruh dunia

Pertanyaan ini memberikan daftar sumber yang komprehensif untuk mencari pangsa pasar browser di seluruh dunia.

Berikut adalah 3 rata-rata teratas 2010 untuk StatOwl :

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

Berikut adalah 3 rata-rata 2010 teratas untuk Aplikasi Net :

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

Menurut data, resolusi minimum Anda harus 1024x768 tetapi juga tergantung pada demografis Anda.

Jika situs Anda diarahkan pada audiens yang lebih korporat, tetap di 800x600. Banyak jaringan perusahaan masih menjalankan perangkat keras lama dengan Windows 2000. Jika itu adalah basis pengguna yang Anda targetkan, menggunakan 'norma saat ini' dari resolusi layar dapat mengasingkan audiens Anda.


Saya pikir maksud Anda 1024x768?
milesmeow

@milesmeow oops, perbaiki
Evan Plaice

0

http://isie6dead.com/ meskipun tautan ini lebih dinamis seminggu atau lebih yang lalu, titik yang mendasari keberadaannya masih valid: ada terlalu banyak browser IE6 di luar sana dan akan terus menjadi mungkin untuk dekade berikutnya .

Untuk proyek pribadi saya sendiri, jika Anda menggunakan IE6, saya tidak peduli jika situs saya menyebabkan monyet terbang keluar dari posterior Anda. Untuk suatu pekerjaan, persyaratannya mungkin berbeda, dan secara umum, semakin publik dan lebih tua audiens target Anda, semakin besar kemungkinan situs Anda akan melihat IE6 pada 640x480x4.

Pertanyaan ini tidak dapat dijawab secara akurat tanpa audiens yang ditentukan dan sepenuhnya mengabaikan gerombolan perangkat iPhony yang sedang berkembang.



0

Yang juga patut dipertimbangkan adalah konten situs Anda. Jika Anda menyediakan forum dukungan teknis untuk orang-orang yang mengalami masalah dengan kartu video atau monitor, misalnya, Anda mungkin ingin itu dapat digunakan pada 640x480.

Jika banyak dari pengguna Anda lebih tua atau memiliki penglihatan yang lebih lemah, mereka mungkin memiliki layar beresolusi tinggi, tetapi dengan font yang sangat besar, jadi Anda harus mengizinkannya.

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.