topic★★★★★난이도
Toggle
전등 스위치의 on/off에서 유래한 UI.
#toggle#스위치#on/off
Toggle은 영어로 '막대기로 고정하다'라는 뜻이다. 더플 코트의 토글 단추(toggle button)가 대표적이다. 한 방향으로 밀면 잠기고, 반대로 밀면 풀리는 구조다. UI에서는 전등 스위치처럼 on/off 두 상태를 전환하는 컨트롤을 뜻한다. iOS가 2007년 아이폰에서 슬라이드 토글을 도입하며 대중화됐다.
| 실제 사물 | UI 패턴 |
|---|---|
| 전등 스위치 (on/off) | 토글 스위치 (활성/비활성) |
| 더플 코트 토글 단추 | 슬라이드로 밀어서 전환 |
| 상태가 즉시 바뀜 | 클릭 즉시 설정이 적용됨 |
사용 가이드라인: 즉시 적용되는 on/off 설정에 쓴다. '다크 모드', '알림 허용' 같은 것. 체크박스와 헷갈리기 쉬운데, 체크박스는 '저장' 버튼을 눌러야 반영되고, 토글은 누르는 즉시 반영된다는 차이가 있다. 현재 상태가 on인지 off인지 시각적으로 명확해야 한다.