플레이스홀더 텍스트가 인터페이스 디자인에 도입된 이후 양식에서 프롬프트 정보로 널리 사용되었습니다. 이 접근 방식은 듣기에는 좋지만 텍스트로 표시되는 프롬프트 정보와 양식 항목의 실제 유효한 값 사이의 관계가 불분명해 보이기 때문에 실제로 문제가 있습니다.
사용 가능한 정보를 양식의 자리 표시자 텍스트로 배치하는 것이 항상 제대로 작동하지 않는다는 결론이 나왔습니다. 자리 표시자 텍스트가 레이블 대신 사용되는 경우 상황은 더욱 악화됩니다. 그 이유는 다음과 같습니다.
1. 자리 표시자 텍스트가 사라진 후에는 잊어버리기 쉽습니다
자리 표시자 텍스트는 사용자가 입력을 시작하면 사라지므로 사용자는 쉽게 잊어버릴 것입니다. 세그먼트 프롬프트 정보입니다. 이 문제는 더욱 복잡한 형태에서 특히 두드러집니다.
로그인 양식을 디자인할 때 아무 생각 없이 텍스트 레이블을 생략할 수 있습니다. 미니멀리즘의 유혹에 빠지면 입력 상자만으로 충분하다고 당연하게 여기기 때문입니다.
2. 모든 브라우저가 자리 표시자 텍스트를 지원하는 것은 아닙니다.
대부분의 브라우저가 자리 표시자 텍스트를 지원하지만 일부 사용자는 현재 이 기능이 지원되지 않는 브라우저를 사용하는 것이 불가피합니다. 이 사용자가 보는 상자는 비어 있습니다. 레이블을 사용하지 않으면 이 텍스트 상자의 의미를 알 수 없으며 어떻게 입력을 올바르게 완료할 수 있습니까?
3. 양식 항목의 사전 설정 값은 이해하기 어렵습니다.
양식을 로드할 때 레이블이 없으면 사전 설정 값이 포함되어 있어 사용자가 이해하기 어렵습니다. 이 값은 무엇을 의미합니까? 예:
4. 사용자가 되돌아보기 어려울 것입니다.
사용자가 긴 양식을 작성했다면 이제 자신이 작성한 내용을 되돌아보고 싶고, 사용자는 각 양식 항목의 내용이 무엇을 나타내는지 기억해야 합니다. 게다가 일부 브라우저는 입력을 잘못 자동 완성하여 문제를 더욱 악화시킬 수 있습니다.
5. 잘못된 입력은 수정하기 어렵습니다.
잘못된 양식 항목은 레이블이 없으면 오류 메시지가 충분히 명확하지 않기 때문에 수정하기 어려운 경우가 있습니다. 예:
여기의 오류 메시지는 사용자에게 순수한 숫자만 입력하라는 메시지를 표시하지만 숫자의 정확한 형식을 지정하지는 않습니다. 설명을 더 명확하게 하기 위해 오류 메시지는 "유효 기간은 숫자만 가능합니다."와 같이 더 장황해져야 했습니다.
어쨌든 라벨을 추가하면 그런 문제가 발생하지 않습니다.
6. 일부 브라우저는 포커스가 양식 항목에 있을 때 자리 표시자 텍스트를 배치합니다.
브라우저가 자리 표시자 텍스트를 처음 로드하고 표시할 때 포커스를 얻은 후 곧 사라집니다. 이는 사용자가 입력하기 전에 프롬프트를 읽을 시간조차 부족하다는 것을 의미하므로 사용자는 양식 항목에 초점을 맞추기 전에 프롬프트를 주의 깊게 읽어야 합니다.
대부분의 브라우저는 사용자가 입력을 시작할 때만 자리 표시자 텍스트를 숨기지만 일부 브라우저는 여전히 이 구식 접근 방식을 사용합니다.
7. 자리 표시자 텍스트가 유효한 값으로 오해될 수 있습니다.
사람들은 때때로 채워지지 않은 빈 양식 항목이 있는지 확인하기 위해 되돌아볼 수 있지만 이미 채워져 있습니다. fill in 유효한 값과 자리 표시자 텍스트 간의 차이가 충분히 명확하지 않아 사용자가 모든 양식이 완전히 작성되었다고 잘못 생각할 수 있으며, 결과적으로 이러한 빈 양식 항목을 건너뛰게 됩니다. 양식을 확인할 때 오류가 발생했습니다.
8. 대비가 충분히 명확하지 않습니다
자리 표시자 텍스트는 일반적으로 밝은 회색이므로 두 가지 이유로 문제가 발생합니다. 첫째, 사용자에게 유효한 값과 색상의 차이입니다. 알아차리기 어렵습니다. 둘째, 시각 장애가 있는 사용자가 제대로 읽기에는 색상 대비가 충분하지 않습니다.
9. 화면 판독기가 읽지 못할 수 있습니다.
자리 표시자 텍스트는 화면 판독기로 읽혀지지 않을 수 있으며 그 효과는 의미 없는 빈 양식 항목과 같습니다.
태그를 읽을 수 없는 경우가 많습니다.
10. 레이블이 지정되지 않은 양식 항목은 핫존을 줄입니다.
이는 운동 능력 장애가 있는 사람이 손가락이나 마우스를 사용하여 양식 항목에 초점을 맞추는 데 더 어려움을 겪는다는 것을 의미합니다.
11. 자리 표시자 텍스트의 크기는 양식 항목의 길이로 제한됩니다.
자리 표시자 텍스트가 양식 항목의 표시 길이를 초과하는 경우 가로채는 부분만 볼 수 있습니다. 문자 메시지에 대한 이해를 제한하는 부분을 표시합니다. 태그를 사용하면 이 문제가 발생하지 않습니다.
하지만 태그를 사용하는 한 자리 표시자 텍스트를 사용해도 괜찮지 않나요?
반드시 그런 것은 아닙니다. 물론 이것은 더 우호적이겠지만 여전히 문제가 있을 것입니다. ?
텍스트가 실제로 사용자 경험에 의미가 있다면, 사용자가 양식 콘텐츠를 채우거나 필요한 프롬프트를 표시하는 데 효과적으로 도움이 될 수 있다면 이 문서에서 논의된 자리 표시자 텍스트를 예로 들어 보겠습니다. information 에서 입력 형식을 지정하면 위의 문제를 일으키지 않고 사용하는 것이 당연히 좋습니다.
반면에 자리 표시자 텍스트가 레이블과 함께 사용되지만 그 자체에는 중요한 정보가 포함되어 있지 않다면 가치가 없는데 왜 사용합니까?
요약
이 문서에서 논의된 11가지 문제는 모두 사용자가 양식을 작성할 때 문제를 일으키므로 우수한 사용자 경험 디자인 질문을 만들 때 피해야 할 사항입니다.
정말로 사용자를 돕고 싶다면 양식 항목에 명확하게 보이는 라벨을 사용하는 것부터 시작하는 것이 가장 좋습니다.
때로는 태그 외에 자리 표시자 텍스트를 표시하는 것이 실제로 특정 효과를 가져올 수도 있지만 의심스러운 경우에는 다른 시나리오와 브라우저에서 자리 표시자 텍스트를 표시하는 것이 좋을 수도 있습니다. 다음으로 다양한 그룹의 사람들을 초대하여 사용자 테스트를 수행하고 최종적으로 최선의 결정을 내립니다.
번역: /simple-human/10-reasons-why-placeholders-are-problematic-f8079412b960#.qq1c7l8wu