800×600을 수용해야 하는 '실제' 웹 디자인

CSS-Tricks를 읽는 모든 힙한 아이들의 화면 해상도에 대한 통계를 확인하십시오.

이 사이트에서는 800×600이 10위권 안에 들지 못한다. 저는 이 사이트를 여분의 픽셀 공간을 활용하기 위해 디자인했습니다. 지금은 980픽셀입니다. 처음에는 1024 픽셀을 가득 채웠지만, 수직 스크롤 막대로 13-15 픽셀을 고려하지 않았기 때문에 수평 스크롤 문제가 발생했습니다. 이런!

하지만 CSS-Tricks는 정확히 "실제" 웹사이트는 아니다. 좀 더 기술에 정통한 청중을 대상으로 합니다. 아마도 기술에 정통한 사람들은 더 큰 모니터를 가지고 있을 것이다. 다행히도, 나는 추측할 필요가 없어. 내 Google Analytics는 사용 중인 화면 해상도를 정확하게 알려줍니다. 내가 추적하는 사이트는 CSS-Tricks뿐만이 아니다. 다른 Creative Suite 도움말 네트워크 사이트에서 클라이언트로부터 추적하는 일부 eCommerce 사이트에 이르기까지 약 25개의 사이트를 추적하고 있습니다.

이러한 전자상거래 사이트 중 하나는 야구장 장비를 판매하는 사이트입니다. 대상 관객은 도시 공원, 학교 및 경기장의 유지 관리 직원입니다. 그들에게 악의는 없지만, 이 사람들은 기술에 정통하지 않습니다. 그들은 1990년대 초부터 책상 위에 있던 CRT 모니터를 사용하고 있다. 그들에게 더 많은 힘을 주라, 나는 말한다. 나는 숙박을 위해 여기에 있다. 이 오래된 모니터들 중 많은 것들이 어떤 해상도일까요? 800×600의 아기. 해당 사이트의 통계를 확인하십시오.

이 사이트에서는 800×600이 건강한 3위를 차지합니다. 만약 제가 이 사이트를 위해 980픽셀 너비의 디자인을 만든다면, 방문객들은 수직 스크롤뿐만 아니라 수평 스크롤을 해야 하는 매우 실망스러운 경험을 하게 될 것입니다. 특히 이 특별한 사이트에서, "카트"는 오른쪽에 있습니다! 그건 정말 짜증날 거야. 이 사이트는 사용자가 쉽게 탐색할 수 있어야 합니다. 결국, 나는 그들이 실제로 여기서 돈을 쓰도록 하려고 노력하고 있다. 사람들은 좌절감을 주는 웹사이트에 돈을 쓰는 것이 아니라 더 쉬운 웹사이트를 찾을 것이다. 인터넷은 큰 장소이고 바보 같은 사소한 이유로 고객을 잃기 매우 쉽다.

요점은 청중을 아는 것입니다.

제 생각에는 세 가지 옵션밖에 없습니다.

• 800×600에 최적화
• 1024×768에 최적화
• 유동 너비 이동(또는 플래시와 같은 크기 조정 가능한 콘텐츠로 이동)

CSS는 접근성에 대한 모든 것이다. 접근하기 쉬운 정말 좋은 웹사이트를 만드는 수고를 감수하고 나서 방문자 모니터에 맞추기에 너무 큰 웹사이트를 만드는 것은 부끄러운 일이 아닐까요?