모달 대화 상자 닫기
나는 매일 모달 대화 상자를 만나고 항상 다른 구현을 봅니다.
대부분의 모달 대화 상자에는 취소/닫기 단추와 함께 대화 상자의 오른쪽 상단에 [X]가 있습니다.
너무 많은 옵션이 있습니다. 모달 대화 상자를 닫는 가장 좋은 방법은 무엇입니까? 또한 선호하는 것을 보여주는 참고 문헌이 있습니까?
내가 본 구현 :
모서리에 [X]가있는 취소/닫기 버튼 (오른쪽 상단/왼쪽, 오른쪽 하단/왼쪽?)
모달의 아무 곳이나 클릭하여 닫습니다
모서리에있는 [X] 만 (오른쪽 위/왼쪽, 오른쪽 아래/왼쪽?)
취소/닫기 버튼 만
모달 외부의 아무 곳이나 클릭하십시오
[X]/취소/닫기의 유무에 관계없이 Esc 키
최선의 구현은 대화 유형과 원하는 상호 작용 모드에 달려 있다고 생각합니다.
조치가 필요한 대화 상자 내 의견으로는 닫을 수있는 [X]가 없어야합니다 (조치 단추 이외의 다른 곳을 클릭해도 닫히지 않아야 함).
대부분의 사용자에게는 "저장"및 "취소"버튼 세트가 있으므로 "닫기"가 "취소"를 의미하는지 여부를 사용자가 생각할 수 있습니다 (분의 1 초라도).
정보 대화 상자 제 생각에는 "닫기"버튼과 [X]가 모두 있어야합니다.
정보가 사용자가 원하는 정보 인 경우 상호 작용 (예 : 텍스트 선택 및 복사) 내부를 클릭하여 대화 상자를 닫을 수는 없습니다.
사용자가 정보를 주의를 기울여하도록하려면 외부 클릭이 해제되지 않도록합니다. 사용자가 대화 상자를 닫으면 정보를 닫을 가능성이 높아지기 때문입니다. (그리고 희망적으로 거기에서 무언가를 읽으십시오).
ESCAPE (Esc 키)를 잊어 일부 ( 취소 (OK/취소) 또는 [~ # ~] ok [~ # ~] 단일 OK ) 모달 창
I never 모서리에있는 십자가를 클릭하십시오. 버튼이 빠져 있으면 여전히 창이라는 것을 기억할 때까지 혼란스러워합니다. 확인/취소 버튼 (예 : '예/아니오' '저장/저장하지 않음'과 같이 더 적합하지 않은 경우)과 취소 버튼과 같은 모서리의 십자형을 사용합니다. 아무 곳이나 클릭하면 닫기와 같은 다른 '숨겨진'동작이 없습니다.
종료 버튼은 사용자가 클릭 여부에 관계없이 항상 필요합니다. 부재가 혼동되기 때문입니다. 닫기 링크는 도움이되지만 'X'를 동반해야합니다. 항상 모든 이탈 옵션 ( 'x', 링크 및 닫으려면 아무 곳이나 클릭)을 제공하는 것이 좋습니다.
현재이 주제를 언급 한 연구에 대해서는 잘 모르지만, Modal Windows의 올바른 사용법에 관한 흥미로운 기사 Con Smashing Magazine이 있습니다 : http://www.smashingmagazine.com/2009/ 05/27/모달 창에서 현대 웹 디자인 /
명시 적 대화 버튼도 중요한 접근성 기능으로 판명되었습니다. 나는 수년 동안 GNOME Human Interface Guidelines 작업을 해왔으며, 업데이트 할 때마다 대화 상자에서 '중복 닫기 버튼'을 제거하여 '클러스터 감소'라는 호출이 있습니다. 창 프레임 컨트롤과 관련 키보드 바로 가기 (Alt-F4, MS Windows와 동일)를 사용하여 명확하게 닫을 수 있습니다.
그러나 우리는 그놈 접근성 커뮤니티에 제안 할 때마다 창 자체에 유형 버튼을 유지하는 것에 대한 선호도를 다시 언급합니다.
아마 두 컨트롤과 함께 갈 것입니다 :
(X)-오른쪽 상단
이론적 근거 : 웹에서 매우 일반적이며 Mac 사용자들도 익숙하다고 생각합니다. [X]는 사용자가 잘 인식하고 (닫기)가 중복 된 것 같은 기호입니다.
[확인/닫기]-내용에서
합리적 : 사용자가 텍스트를 훑어 본 경우 눈이 텍스트 아래로 떨어지고 커서가 닫기 버튼에 더 가까워 질 수 있으므로 특히 버튼이 커지기 때문에 버튼을 누르는 것이 더 빠를 수 있습니다. 사용자가 Enter 키를 눌러 대화 상자를 닫을 수 있도록 닫기 버튼에 초점을 둘 수도 있습니다.