입력 폼 디자인 : '필수'가 먼저냐 '선택'이 먼저냐

입력폼에 필수항목과 선택항목을 어떻게 표시할 것인지의 문제는,

얼핏 봐서는 단순한 문제인 것 같지만 여전히 100%의 정답을 찾지 못한 난제이다.

원문: https://uxdesign.cc/how-to-indicate-required-fields-in-forms-103b8ccc5b19

이 세상에 나와 있는 방식을 모두 나열하자면 다음과 같다.

1. 필수항목에만 제목 옆에 '필수'라고 표시

1-1. *로 표시

1-2. ‘필수’라고 표시

2. 선택항목에만 ‘선택’이라고 제목 옆에 표시

3. 선택과 필수항목 모두 ‘선택’ 또는 ‘필수’라고 제목 옆에 표시

4. 제목 옆이 아닌 입력 창에 표시 

(Nielson Normal그룹에서 절대 쓰지 말라고 함. 입력을 시작해버리면 필수인지 선택인지 알길이 없기 때문) 

Google은 대부분이 필수항목인 경우 선택항목에만 ‘선택’이라고 표시하고, 반대의 경우 필수 항목에 ‘필수’라고 할 것을 권장한다고 함

개인적으로 Interaction design을 잘한다고 생각하는 Toss를 살펴봤더니,

원문에는 해당하지 않는 방식인 - 필수 필드가 채워지지 않으면 다음 단계로 진행 불가 - 방식을 사용하고 있음.

만약 필수 필드가 여러 개라면 어떤 항목이 채워지지 않았는지 알수가 없다는 치명적인 단점이 있으나,

일단 오늘 살펴본 화면에서는 한번에 한두개의 항목만 입력받고 있어서 괜찮은 방식이라고 생각됨.

조만간, Toss나 카뱅 등 주요 앱들의 입력폼을 살펴보고 포스팅 해야 겠음.