테이블에서 사용자 입력을 시각적으로 거부하는 방법은 무엇입니까?

Question

테이블 기반 애플리케이션 모듈의 프로그래밍에서 (즉, 사용자는 대부분 이미 정리 된 테이블에 표에 테이블 데이터를 입력합니다) 주어진 셀에 대한 사용자 입력을 어떻게 거부 하시겠습니까?

시나리오는 다음과 같습니다. 사용자는 셀을 편집하고, 무언가 (텍스트, 그림, ...)를 입력하고 편집을 완료 할 때 (예를 들어 Enter, Enter를 치는) 입력이 주어진 "형식"에 유효하지 않다는 것을 알기를 원합니다. (더 넓은 의미에서 : 숫자 대신 문자열을 입력했을 수 있습니다. 항목이 너무 길고 너무 짧아서 그림이 포함되어 있지 않지만 허용 할 수는 없습니다 ...).

두 가지 다른 일이 일어나는 것을 볼 수 있습니다.

1. 당신은 그들의 형식에 쉽게 입력 할 수 있고, 그렇게 할 수 있지만, 당신은 그들이 추측이 충분하지 않으면 변경할 수 있도록 그것을 알아 차리고 싶어합니다 (예 : 그들은 정수, 그래서 당신의 프로그램은 그것을 "15"로 만듭니다)
2. 입력으로 무엇을 해야할지 추측 할 수 없으며 유효하지 않다는 사실을 알리고 싶습니다.

내 질문은 구체적으로 다음과 같습니다. 사용자에게 입력이 유효하지 않다는 사실을 알리기 위해 어떤 시각적 디스플레이를 제공 할 수 있습니까? 편집 모드를 떠나는 것을 거부하는 것이 바람직합니까?

내가 상상할 수있는 두 가지는 다음과 같습니다.

• 색상 사용 (유효하지 않은 경우 빨간색 배경, 내 케이스에 대한 노란색 배경 1)
• 입력을 거부 할 때 Apple이 사용자 계정의 암호 입력을 위해 수행하는 것과 같은 작업을 수행합니다. 셀을 "흔들리는"(즉, 왼쪽과 오른쪽의 진동)을 1 초 동안 만듭니다. 그들이 입력 한 것.

당신의 제안을 들어 보자.

추신 :이 질문은 적어도 내 사고 과정에서 어떻게 든 이전 질문의 지속 및 전문화입니다. 사용자가 오류 메시지를 읽도록합니다.

PPS :이 커뮤니티 위키를 만들었습니다. 이런 종류의 질문에 대해 옳은 일 이었습니까?

Answer 1

사용자 입력을 형식에 맞게 강제하는 것과 같은 자동 정복을 사용하여주의하십시오. 보다:

초점을 잃을 때 텍스트 상자 콘텐츠를 정규화하는 것이 허용됩니까?.

일반적으로 나중에 자동 고정하는 것보다 처음부터 유효하지 않은 항목을 방지하는 것이 좋습니다. 예를 들어, 정수 만 허용되는 경우 소수점의 키를 무시합니다 (모든 문자 및 대부분의 특수 문자와 함께). 일부 환경에서는 입력이 무시 된 조용한 가청 신호를 제공 할 수 있습니다 (예 : 둔한 thud).

사용자에게 오류를 경고해야 할 때 콜 아웃은 어떻습니까? 문제의 컨트롤 또는 지점 (필드, 상태 발표자, 버튼, 메뉴, 드래그 앤 드롭의 위치)에서 밝은 선을 창의 여백으로 그려 간단한 메시지 ( "인식되지 않은 날짜"와 같은 간단한 메시지를 넣습니다. ) 풍선에. 여백에 메시지를 배치하면 혼잡 한 테이블에 관심있는 모든 것을 폐쇄하지 않아야합니다.

콜 아웃의 갑작스런 외관은 사용자의 관심을 끌기에 충분해야하므로 나중에 오류를 고치려면 사용자가 다른 셀로 넘어가도록해도 괜찮습니다. 효율성을 위해 오류가 원래 발생할 때 (사용자가 바로 수정하려면) 오류 관련 필드에서 사용자를 보유 할 수 있지만 다음 탭이나 마우스를 클릭하여 사용자를 탐색 할 수 있습니다.

마우스 오버 또는 오류와 관련된 컨트롤에 중점을두면 라인이 강조 표시되고 (존재할 수있는 다른 콜 아웃 라인과 구별하기 위해) 풍선은 전체 오류 메시지로 확장되어 문제를 해결하는 방법에 대한 자세한 내용을 제공합니다. (최대 두 문장). 사용자가 관심있는 것을 막을 경우, 새로운 위치로 풍선을 끌고 떨어 뜨릴 수 있도록하십시오.

자세한 내용은 확장 된 풍선에 도움말 버튼을 포함시킵니다. 오류를 수정하기위한 버튼을 포함시킬 수도 있습니다 (예 : 재 시도, 재 연결 또는 기본값으로 설정).

오류가 고정되면 풍선이 자동으로 사라집니다. 실행 취소는 오류의 원인이 무엇이든 되돌아갑니다 (예 : 필드를 원래 값으로 되돌립니다).

사용자가 오류와 관련된 장소에서 멀어지면 풍선은 보는 아이콘으로 줄어들어 사용자가 잊을 가능성이 적습니다. 아마도 삼각형의 느낌표는 좋은 아이콘 일 것입니다. 아이콘을 스크롤 바 옆에 또는 스크롤 바 트랙에 놓으면 테이블의 상대 위치를 표시하여 사용자가 빠르게 스크롤하여 나중에 찾을 수 있습니다. 마우스 오버는 아이콘을 전체 메시지로 확장합니다. 아마도 아이콘을 클릭하면 테이블의 올바른 위치로 스크롤하여 관련 제어에 초점을 맞출 수 있습니다.

풍선은 서로 시각적으로 방해를 시작하면 아이콘으로 줄어들 수 있습니다. 사용자가 아이콘을 가정하도록 강요 할 수 있도록 풍선에 컨트롤을 포함시킬 수도 있습니다.

일관성을 위해 테이블의 필드와 관련된 오류뿐만 아니라 모든 오류에 사용하십시오.

Answer 2

마지막으로 (웹 페이지에서) 그런 양식을했을 때 나는 불쾌한 입력 주위에 빨간색 상자를 넣었습니다.

사용자가 "왜이 셀 주위에 빨간 상자가 있는가?"라고 물을 때까지 정말 깔끔한다고 생각했습니다.

좋은 점은 또한 표시됩니다 왜 입력은 잘못된 것입니다. "이 필드는 숫자 만 받아들입니다"라고 말합니다.

Answer 3

셀에 아이콘이나 툴팁을 표시 할 수 있습니다. 툴팁이 자동으로 또는 마우스 포인터가 아이콘 위로 떠날 때 열릴 수 있습니다. 사용자가 다른 셀을 편집 할 때 또는 시간 초과가 만료되면 자동으로 사라질 수 있습니다.

Answer 4

Adobe Flex의 Error Tooltips와 같은 화살표 툴팁을 사용할 수 있습니다. 오류에주의를 기울이고 간단한 설명을 제공합니다.