GN⁺: 사각 체크박스를 추모하며
(tonsky.me)- 체크박스의 사랑스러운 추억
- 체크박스는 사각형이며, 내부에 체크 표시가 있고, 동시에 여러 개를 선택할 수 있는 특징이 있음.
- 다양한 운영 체제에서 시간이 지남에 따라 체크박스를 다르게 렌더링함.
- 체크 표시가 항상 있는 것은 아니었지만, 체크박스가 사각형이라는 점은 변하지 않음.
- 왜 사각형인가?
- 체크박스를 라디오 버튼과 구별하기 위함.
- 라디오 버튼은 단일 선택만 가능하며, 하나를 선택하면 다른 모든 선택이 해제됨.
- 90년대에 이미 사각형과 원형의 구분이 존재함.
- 웹의 도래
- 웹, 특히 CSS, Flash, JavaScript의 등장으로 기존의 관행이 재발명되고 재디자인됨.
- 웹에서는 체크 표시가 있는 라디오 버튼이나 사각형 라디오 버튼을 흔히 볼 수 있음.
- 네이티브 앱에서도 웹의 영향을 받아 원형 체크박스를 도입함.
- 운영 체제 벤더들의 전통
- 운영 체제 벤더들은 체크박스는 사각형, 라디오 버튼은 원형이라는 관행을 지켜옴.
- 전통의 종말
- Apple이 visionOS에서 사각형 체크박스 전통을 버리고 원형 체크박스를 도입함.
- 이로 인해 사각형 체크박스 전통이 계속될 희망이 사라짐을 선언함.
- 2024년을 사각형 체크박스가 마침내 사라진 해로 공식 발표함.
GN⁺의 의견:
- 체크박스와 라디오 버튼의 디자인은 사용자 인터페이스에서 중요한 역할을 함. 이들의 형태가 사용자의 선택 방식을 직관적으로 안내하기 때문.
- Apple이 전통을 깨고 원형 체크박스를 도입한 것은 사용자 경험에 있어 새로운 변화를 시도한다는 점에서 주목할 만함.
- 이 글은 디자인과 사용자 인터페이스의 역사에 대한 흥미로운 통찰을 제공하며, 기술의 진화가 어떻게 사용자 상호작용에 영향을 미치는지 보여줌.
Hacker News 의견
- iOS가 오랫동안 둥근 체크박스를 사용해왔다는 사실에 놀랐음. macOS 설정 앱에서도 체크박스 대신 켜고 끄는 토글 스위치 사용이 늘어남. 그러나 불분명한 토글 버튼은 여전히 문제가 됨. 예를 들어, 마이크 아이콘이 하얀색일 때 켜져 있는 건지 꺼져 있는 건지, 선이 그어져 있으면 음소거 상태인지 아니면 탭할 때 음소거가 되는 건지 혼란스러움.
- Apple이 디자인 규칙을 무시한 것이 아니라, VisionOS에서 체크박스를 다룰 때 눈 추적의 신뢰성을 향상시키기 위한 노력일 수 있음. 사람들의 시선이 모서리로 끌리기 때문에 둥근 모양의 버튼이 더 주목을 받고, 단독으로 버튼을 표시할 때는 캡슐 모양을 선호함.
- 웹 사용자들은 기존의 컨트롤이 지루하다고 생각하고, 정규 컨트롤을 재발명하고 재디자인해야 한다고 믿음. 그래서 대화 상자의 '확인' 버튼 위치가 디자이너의 선호에 따라 왼쪽, 오른쪽, 또는 창 제목 표시줄에 배치됨.
- 평면 디자인은 우리 시각 시스템의 내재된 기능을 제거함. 색상, 테두리, 반투명성, 질감, 음영, 부드러운 움직임 등은 우리의 시각 정보를 빠르게 해석하는 데 도움이 됨. 이러한 요소들은 시각적 정보를 전달하는 데 중요하지만, 과도하게 사용되어서는 안 됨.
- 많은 웹 디자이너들이 포함과 상호 배타적 옵션의 차이를 이해하지 못함. 체크박스와 라디오 버튼의 사용에 혼란이 있음.
- 노화된 기술을 가진 노인에게 물질 디자인에서 화면의 어떤 영역이 누를 수 있는 버튼인지 설명하는 것은 어려움. 이전 사용 경험만이 활성화된 요소를 알려줌.
- 애플 디자이너들은 2013년부터 수십 년간 자체적으로 확립한 많은 관례를 버림. 스티브 잡스는 '작동 방식'을 중요시했고, 애플은 디자인 리더에서 최소 공통 분모 추종자로 변함. 나쁜 디자인은 도덕적 문제이며, 최악의 경우 사람들을 해치거나 죽일 수 있음. 디자인/엔지니어링에서 작은 것들로 시작되는 문제임. 줌 세대가 이를 깨닫기를 바라며, 앨런 쿠퍼의 'About Face'가 좋은 시작점임.
- Motif(X11에서 사용)는 체크박스에 작은 경사진 정사각형과 라디오 버튼에 경사진 다이아몬드 모양을 사용함. 활성화는 안으로 경사져 있고 비활성화는 밖으로 경사져 있음.
- 실제 자동차의 라디오 버튼은 대부분 직사각형이었음. 그 작동 방식에 대한 좋은 설명이 있음.
- 애플은 Apple Notes에서 오래전에 사각형 체크박스를 버림. iOS 7이 2014년에 도입된 이후로 이런 방식이었음을 믿음.