시작과 끝이 있는 UI 컴포넌트 집합?

처음부터 안되게!

폼(Form) 형식의 UI를 만들 경우 시작,끝으로 이루어지는 형식의 컴포넌트 집합이 있다.

예를 들면 시작일, 종료일 또는 시작 IP, 끝 IP

위의 예제에 UI를 구성할 경우 시작일은 종료일보다 늦게 오면 안되는 처리가 필요하다.

다양한 처리방법이 있겠지만 일반적으로 생각되는 2가지 방법이 있다.

1. 시작일을 종료일 보다 늦게 선택이 가능한 대신 메시지 박스로 알려주고 선택처리 무효화

   "시작일은 종료일 보다 뒤에 설정 할 수 없습니다."

2. 애초에 화면에서 시작일을 종료일보다 뒤에 선택이 불가능하도록 만든다.

나는 주로 2번 선택을 사용한다. 사용자에게 애초에 실수 할 여지를 주지 않는다.

사람마다 UX에 대한 관점이 다를 수 있다. 어떤게 더 편한지는 개인의 주관에 따라 다르지만

나의 생각은 사용자를 혼란스럽게 만들지 않는 UI가 좋은 UX라 생각한다.