대화 상자
1. 개요
대화 상자는 사용자 인터페이스의 한 요소로, 사용자에게 정보를 표시하거나 사용자 입력을 받기 위해 사용된다. 대화 상자는 크게 모달과 모달리스로 구분된다. 모달 대화 상자는 사용자가 대화 상자를 닫기 전까지는 다른 작업을 할 수 없도록 프로그램의 진행을 일시 중지시키며, 애플리케이션 모달, 시스템 모달, 문서 모달이 있다. 반면, 모달리스 대화 상자 또는 비모달 대화 상자는 다른 작업을 하면서도 열어둘 수 있으며, 툴바가 대표적인 예시이다. 일반적으로 사용자 경험을 위해 모달리스 대화 상자를 사용하는 것이 권장된다.
-
그래픽 사용자 인터페이스 -
메트로 (디자인 언어)
마이크로소프트가 스위스 그래픽 디자인과 런던 지하철 표지판에서 영감을 받아 개발한 메트로 디자인 언어는 큰 텍스트, 간결한 타이포그래피, 라이브 타일 등의 특징을 가지며 Windows, Xbox, Microsoft Office 등 다양한 제품에 적용되었고, 상표권 문제와 함께 명칭 변경 및 MDL2로 진화하며 사용자 경험에 대한 엇갈린 평가를 받았다. -
그래픽 사용자 인터페이스 -
작업 표시줄
작업 표시줄은 윈도우 운영체제에서 화면 하단에 위치하여 프로그램 실행, 창 관리, 시스템 상태 확인 기능을 제공하는 사용자 인터페이스 요소이며, 윈도우 95부터 도입되어 다양한 사용자 정의 설정을 지원하며 발전해 왔다.
2. 모달 (Modal)
모달 대화 상자는 사용자가 특정 작업을 완료하거나 중요한 정보를 확인하기 전까지는 프로그램의 다른 부분과 상호작용할 수 없게 하는 사용자 인터페이스 요소이다. 프로그램 실행을 일시 중지시키며, 대화 상자를 닫아야만 프로그램 사용을 재개할 수 있다. 추가 정보가 필요하거나, 사용자의 확인이 필요한 경우(확인 대화 상자) 등에 사용된다. 모드 오류를 일으키기 쉽기 때문에 나쁜 설계로 비판받는 경우가 많다. 갑자기 나타나는 대화 상자나 친숙화되어 주목받지 못하고 닫히는 대화 상자는 위험한 조작에 대한 경고로 부적절하다.
모달 대화 상자는 주된 작업 흐름을 중단시킨다는 특징이 있다. 개발자는 사용자가 현재 작업에 집중하기를 원하거나, 필요할 때 다른 작업으로 전환하는 것을 막기 위해 이러한 효과를 의도했을 수 있다.
과거에는 시스템 전체나 애플리케이션 단위로 모달 대화 상자가 사용되었으나, 최근에는 Mac OS X처럼 문서 단위 모달이 등장했다. 문서 단위 모달은 부모 창에 부착된 시트 형태로 표시되며, 다른 창에서는 작업을 계속할 수 있다.
2.1. 애플리케이션 모달 (Application Modal)
애플리케이션 모달 대화 상자는 프로그램을 일시 중지시킨다. 사용자는 대화 상자를 닫아야만 프로그램 사용을 재개할 수 있다. 프로그램이 계속 진행하기 위해 추가 정보가 필요하거나, 잠재적으로 위험한 작업(확인 대화 상자)을 진행하려는 사용자의 의사를 확인하려는 경우에 사용된다. 사용성 전문가들은 모달 대화 상자가 모드 오류를 유발하기 쉽기 때문에, 일반적으로 나쁜 설계 솔루션으로 간주한다. 위험한 작업은 가능한 한 실행 취소할 수 있어야 한다. 예상치 않게 나타나거나 자동으로 닫히는 모달 경고 대화 상자는 사용자가 습관이 생겨 위험한 작업으로부터 보호하지 못할 수 있다.
2.2. 시스템 모달 (System Modal)
시스템 모달 대화 상자는 사용자가 화면에 있는 다른 창과 상호 작용하는 것을 막고, 다른 응용 프로그램으로 전환하거나 대화 상자에 제시된 문제를 해결할 때까지 다른 작업을 수행하지 못하게 한다. 시스템 모달 대화 상자는 한 번에 하나의 응용 프로그램만 실행할 수 있는 단일 작업 시스템에서 과거에 더 일반적으로 사용되었다. 현재 Windows 버전의 종료 화면에서 볼 수 있다.
2.3. 문서 모달 (Document Modal)
문서 모달 대화 상자는 최근에 사용되기 시작했으며, 특히 macOS와 오페라 브라우저에서 사용된다. 이러한 대화 상자는 사용자가 대화 상자를 닫을 때까지 해당 창만 차단하며, 동일한 애플리케이션 내에서도 다른 창에서의 작업을 계속할 수 있도록 한다.
macOS에서는 macOS 빅 서 이전에는 대화 상자가 부모 창의 슬롯에서 나타나며, 강화 애니메이션과 함께 표시된다. 이는 사용자가 대화 상자가 단순히 앞에 표시되는 것이 아니라 부모 창에 연결되어 있음을 이해하는 데 도움이 된다. 빅 서 이후에는 부모 창이 회색으로 표시되고, 대화 상자는 부모 창 중앙 상단에 나타난다. 대화 상자가 표시되는 동안에는 기본 문서 자체에서 작업을 수행할 수 없지만, 부모 창은 여전히 이동, 크기 조절 및 최소화가 가능하며, 다른 창을 앞으로 가져와서 사용자가 작업을 할 수 있다.
이러한 유형의 대화 상자는 Windows 및 기타 운영 체제에서 사용되는 "표준" 모달 대화 상자와 비교할 수 있다.
| 유사점 | 차이점 |
|---|---|
두 메커니즘 모두 단점이 있다.
* Windows 대화 상자는 부모 창을 잠그므로 사용자가 대화 상자와 상호 작용하는 동안 참조해야 할 수 있는 다른 창을 숨길 수 있지만, 작업 표시줄을 통해 다른 창을 사용할 수 있으므로 이 문제는 완화될 수 있다.
* macOS 대화 상자는 부모 창을 차단하여 사용자가 대화 상자와 상호 작용하는 동안 부모 창을 참조할 수 없게 한다. 이로 인해 사용자는 필요한 정보에 접근하기 위해 대화 상자를 닫은 다음, 대화 상자를 다시 열어 작업을 계속해야 할 수 있다.
3. 모달리스 (Modeless)
모달리스(Modeless) 또는 비모달 대화 상자는 사용자가 요청된 정보가 계속 진행하는 데 필수적이지 않아, 다른 작업을 수행하면서도 창을 열어둘 수 있는 경우에 사용된다. 예를 들어, 현재 문서의 속성(배경색이나 글자색 등)을 설정하는 대화 상자는 모달리스로 되어 있는 경우가 있다. 사용자는 주 윈도우에 텍스트를 추가할 때 색상 설정을 변경할 수 있다.
3.1. 툴바 (Toolbar)
툴바는 비모달 대화 상자의 한 유형으로, 주 응용 프로그램과 분리되어 있거나 주 응용 프로그램에서 분리될 수 있으며, 툴바의 항목을 사용하여 응용 프로그램의 특정 기능이나 기능을 선택할 수 있다. 사용자가 특정 작동 모드로 강제되지 않기 때문에, 일반적으로 훌륭한 소프트웨어 설계는 가능한 한 대화 상자가 이러한 유형이 되도록 요구한다. 예를 들어, 현재 문서의 설정(예: 배경 및 텍스트 색상) 대화 상자가 있을 수 있다. 사용자는 주 창에 어떤 색상이든 텍스트를 계속 추가할 수 있지만, 대화 상자를 사용하여 언제든지 변경할 수 있다.