0217 오늘의 디자인카타

 

A 텍스트 필드 하단

1. 사용자 시선의 흐름이 위에서 아래로 흐르기 때문에 입력 필드에서 오류가 발생한 경우 사용자가 바로 아래를 봤을 때 오류 메세지를 확인할 수 있도록 배치하는 것이 효과적임.

2. 사용자가 무엇을 잘 못 입력했는지 직관적으로 빠른 파악이 가능함

 

B

1. 사용자가 어떤 텍스트 필드에서 잘 못 입력했는지 오류 위치를 찾기 어렵고, 다시 위로 이동하여 문제를 찾아야하는 추가적인 탐색 부담이 발생

2. 모든 폼을 작성하고 버튼을 눌렀을 때 에러 메세지가 발생하면 사용자의 입력 흐름을 방해할 수 있음

 

📌결론 : A vs B, 어떤 것이 더 좋을까?

✅ A 선택

텍스트 필드 하단에 배치하는 것이 사용자 시선 흐름, 오류 수정의 용이성, 접근성을 모두 고려했을 때 UX/UI적으로 효과적일 것 같다. B의 경우에는 인터페이스 면에서는 깔끔해 보일지 모르나 잘못 된 정보를 직관적으로 인지하기에는 힘든 부분이 존재할 것 같다. 개인적으로, 입력이 끝난 뒤 체크 표시나 오류 메세지로 오류가 있는지 없는지 인지 시켜주었던 것이 가장 수정하는 데 좋았던 것 같다. 따라서, 실시간 유효성 검사를 통해 텍스트 필드를 벗어날 때 즉각적으로 오류 메세지를 보여주는 것이 빠른 오류를 인지하고 수정하는데 가장 효과적일 것이라고 생각한다.