Tôi nên nhắm mục tiêu trình duyệt hoặc độ phân giải màn hình tối thiểu nào?


18

Khi đưa ra quyết định về các yêu cầu tối thiểu cho một ứng dụng web trên máy khách:

  1. Trình duyệt - Những trình duyệt nào nên nhắm mục tiêu ở mức tối thiểu
  2. Độ phân giải màn hình - Độ phân giải màn hình nào nên nhắm mục tiêu ở mức tối thiểu

Để đảm bảo khả năng sử dụng của ứng dụng không bị xâm phạm


Được bình chọn đóng ngoài chủ đề: xem meta.webmasters.stackexchange.com/questions/144/ Kẻ

1
Điều này có thể được chuyển đến stackexchange Giao diện người dùng.
milesmeow

1
Nó có thể, nhưng nó có lẽ không nên. Độ phân giải màn hình liên quan đến kỹ thuật UI, nhưng nó cũng liên quan đến khả năng truy cập và hỗ trợ nền tảng. Đây là một câu hỏi mà hầu hết các quản trị web sẽ quan tâm nhiều hơn từ quan điểm kinh doanh hơn là quan điểm thiết kế UI.
Lèse majesté

Câu trả lời:


8

W3Schools (ví dụ) có một số thống kê trên màn hình trình duyệt. Kể từ tháng 1 năm 2010:

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

Con số cao hơn liên kết đến một bảng mới . Từ các số liệu, có vẻ như 1024x768 là độ phân giải màn hình tối thiểu hiệu quả. Tuy nhiên, bạn nên nhớ rằng không phải ai cũng chạy trình duyệt của mình ở chế độ toàn màn hình.

Ngoài ra còn có một trang thống kê Trình duyệt . Các trình duyệt được chia nhỏ theo phiên bản (ví dụ: Firefox ). Với các trình duyệt như Firefox và Chrome, có vẻ như phần lớn đang sử dụng các phiên bản mới nhất (không phải beta). Tôi nghi ngờ rằng điều này là do họ tự động cập nhật.

Các trang web thống kê khác, tổng quát hơn có sẵn và có lẽ bạn nên tham khảo một phạm vi để có được bức tranh tốt hơn về việc sử dụng trình duyệt và độ phân giải màn hình trên toàn bộ internet.


5
Bạn nên lưu ý rằng w3schools, là một trang web công nghệ, KHÔNG phải là đại diện của web (đặc biệt là các số liệu thống kê về trình duyệt).
Không hài lòngGoat

@DisgruntledGoat - điểm tốt. Tôi đã bỏ lỡ một chút về nó là dữ liệu của họ khi tôi đọc trang này.
ChrisF

Vì tôi không có kích thước mẫu trên các trang web của riêng mình để tự phân tích và tôi quá lười để tìm kiếm dữ liệu chính xác và chưa được xử lý cho độ phân giải màn hình, tôi chỉ làm một cuộc khảo sát về các trang web lớn nhất trên web-- hoặc các trang web lớn nhất chia sẻ nhân khẩu học của tôi. Tôi cho rằng Google, Amazon, Yahoo, v.v. có lẽ dành nhiều nguồn lực cho loại nghiên cứu khả năng sử dụng này mà không cần phải cố gắng sao chép những nỗ lực của họ. Ngoài ra, tôi sẽ sử dụng các cổng / bảng tính riêng cho thiết bị di động nếu đó là một nhân khẩu học quan trọng đối với bạn.
Lèse majesté

Vấn đề là những số liệu thống kê này thường tự chọn. W3Schools là một trang web có chiều rộng cố định rộng ~ 1000 pixel. Nếu tôi có màn hình 800x600 (hoặc netbook 800x480), tôi cũng sẽ không truy cập nó.
robertc

Đó là lý do tại sao nên xem các trang web mà mọi người không thể không truy cập.
Lèse majesté

6

Thay vì nhắm mục tiêu một trình duyệt và độ phân giải cụ thể, tôi sẽ bắt đầu với giả định rằng bạn muốn trang web của mình có thể sử dụng được với càng nhiều người dùng càng tốt. Cố gắng làm cho mọi thứ thích ứng với các kích thước màn hình khác nhau và hoạt động trong tất cả các trình duyệt. Điều đó nói rằng, tôi nghĩ an toàn khi giả định 1024x768 cho trình duyệt máy tính để bàn.


5

Một bộ thống kê toàn cầu hơn cho thấy đó 1024x768thực sự là độ phân giải phổ biến nhất, tuy nhiên việc phân phối người dùng rất khác nhau. Cũng lưu ý rằng netbook, họ cho rằng, đang giúp 800x600treo.

Trong các trình duyệt hiện đại, bạn có thể nhắm mục tiêu phạm vi với Truy vấn phương tiện . Họ thật tuyệt. Giả sử bạn không quan tâm đến IE - mặc dù IE9 hứa sẽ hỗ trợ cho họ. Nhận xét có điều kiện có thể được sử dụng để gửi độ phân giải mẫu số chung thấp nhất tới IE hoặc JavaScript có thể được sử dụng để tải động các biểu định kiểu. Tải CSS thông qua JavaScript một cách linh hoạt, theo tôi, là một ý tưởng tồi tệ .

Một nhà thiết kế web có tên Jon Hicks gần đây đã thiết kế lại trang web của mình bằng cách sử dụng chúng, đến đó và thay đổi kích thước cửa sổ trình duyệt của bạn để xem ví dụ về cách chúng hoạt động. Có các bố cục từ 1 đến 4 cột, tùy thuộc vào chiều rộng khung nhìn tối đa hiện tại của bạn.

Truy vấn truyền thông cho phép bạn không phải căng thẳng về những điều như "Trang web của tôi có hỗ trợ iPhone và iPad không?" hoặc "Làm cách nào tôi có thể nhắm mục tiêu kích thước màn hình của thiết bị X để duy trì khả năng sử dụng?". Bạn chỉ cần xây dựng các thiết kế cho bao nhiêu kích thước màn hình mà bạn muốn hỗ trợ và Media Queries sẽ lo phần còn lại, tùy thuộc vào trình duyệt của người dùng khi họ đến đó.


2

Bạn có thể căn cứ vào quyết định của bạn về thống kê gần đây về việc sử dụng độ phân giải. Nếu bạn muốn số chung, bạn có thể tìm thấy một số từ Ứng dụng Net và nếu bạn muốn dữ liệu chính xác, bạn có thể sử dụng Google Phân tích trên trang web của mình cho điều đó.


1

Điều đầu tiên bạn cần làm là xác định nhân khẩu học mục tiêu sẽ sử dụng ứng dụng web của bạn. Ví dụ: nếu bạn đang nhắm mục tiêu đối tượng chủ yếu là người Mỹ / châu Âu giàu có (chẳng hạn như bán sản phẩm cao cấp hoặc trang web tạp chí công nghệ cao) thì bạn sẽ có các yêu cầu khá khác so với, ví dụ, nếu bạn đang tạo một trang web- ứng dụng dành cho người già, người ở các nước kém phát triển, v.v ... nơi mà PC cũ và độ phân giải thấp vẫn chiếm ưu thế. Tôi biết từ kinh nghiệm, ví dụ, nhiều khách hàng của chính quyền địa phương ở Anh vẫn (đáng xấu hổ) sử dụng IE6 làm trình duyệt duy nhất của họ, đây có thể là một yếu tố chính nếu họ là khách hàng của bạn.

Sau đó, bạn phải tính đến việc nhiều người truy cập các trang web trên thiết bị di động - điện thoại thông minh, netbook, máy tính bảng và những thứ tương tự. Chúng có thể có độ phân giải 'lạ' hoặc có tỷ lệ người dùng trình duyệt cao hơn như Safari, Chrome và Opera Mobile. Họ cũng có thể có các yêu cầu tiếp cận khác nhau hoặc có thể yêu cầu các biểu định kiểu khác nhau.

Một trong những cách tốt nhất là sử dụng Google Analytics (có lẽ từ một trang web hiện có) để xác định đối tượng thực tế của bạn. Sau đó, bạn có thể nhận được số liệu thực tế để xem các sự cố trình duyệt và phân tích độ phân giải sẽ giúp bạn quyết định những gì phù hợp với bạn .


1

Kiểm tra thống kê thị phần trình duyệt trên toàn thế giới

Câu hỏi này cung cấp một danh sách đầy đủ các nguồn để tìm kiếm thị phần trình duyệt trên toàn thế giới.

Dưới đây là 3 trung bình hàng đầu năm 2010 cho StatOwl :

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

Dưới đây là 3 mức trung bình hàng đầu năm 2010 cho Ứng dụng Net :

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

Theo dữ liệu, độ phân giải tối thiểu của bạn phải là 1024x768 nhưng nó cũng phụ thuộc vào nhân khẩu học của bạn.

Nếu trang web của bạn hướng đến đối tượng doanh nghiệp nhiều hơn, hãy gắn bó với 800x600. Rất nhiều mạng công ty vẫn đang chạy phần cứng thực sự cũ với Windows 2000. Nếu đó là cơ sở người dùng bạn đang nhắm mục tiêu, sử dụng 'tiêu chuẩn hiện tại' của độ phân giải màn hình có thể khiến khán giả xa lánh bạn.


Tôi nghĩ bạn có nghĩa là 1024x768?
milesmeow

@milesmeow oops, đã sửa nó
Evan Plaice

0

http://isie6dead.com/ mặc dù liên kết này đã linh hoạt hơn một tuần trước, nhưng điểm bên dưới sự tồn tại của nó vẫn còn hiệu lực: có quá nhiều trình duyệt IE6 ngoài kia và có thể sẽ tiếp tục trong thập kỷ tới .

Đối với các dự án cá nhân của riêng tôi, nếu bạn đang sử dụng IE6, tôi không quan tâm nếu trang web của tôi khiến khỉ bay ra khỏi hậu thế của bạn. Đối với một công việc, các yêu cầu có thể khác nhau và nói chung, đối tượng mục tiêu của bạn càng công khai và càng cũ thì trang web của bạn sẽ càng thấy IE6 trên 640x480x4.

Câu hỏi này không thể được trả lời chính xác nếu không có đối tượng cụ thể và hoàn toàn bỏ qua các nhóm đang phát triển của các thiết bị iPhony.



0

Cũng có giá trị tính đến là nội dung của trang web của bạn. Ví dụ, nếu bạn đang cung cấp một diễn đàn hỗ trợ công nghệ cho những người gặp sự cố với thẻ video hoặc màn hình, bạn có thể muốn nó có thể sử dụng được ở 640x480.

Nếu nhiều người dùng của bạn lớn tuổi hoặc có khả năng có thị lực yếu hơn, họ có thể có màn hình độ phân giải cao, nhưng với phông chữ rất lớn, vì vậy bạn cần phải cho phép điều đó.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.