검색 필터 패널에서 닫기 버튼의 역할

[eafiseemn]

검색 필터를 설정하던 중 닫기 버튼을 눌렀을 때 사용자 기대는?

1. 되돌아가기

• 닫으면 필터를 수정하기 전 상태로 유지되길 바람
• 즉, 임시 변경사항은 버리고 적용된 필터 상태로 복원되길 기대함

2. 임시 저장

• 닫았지만, 다음에 열었을 때 그대로 변경 중이던 사항이 남아있길 바람
• 하지만 실제로 [적용] 버튼을 누르기 전까지는 검색 결과에 반영되지 않기를 바람

3. 즉시 적용

• 닫기 버튼을 누르더라도 변경된 사항이 바로 반영되기를 바람

---

UX 비교

1. 되돌아가기의 경우

→ 필터가 dialog이기 때문에 Escape 등에 의해 실수로 닫힐 수 있음, 수정한 내용이 모두 날아가는 것이 부정적인 유저 경험을 유발할 수 있음

2. 임시 저장의 경우

→ 사용자가 필터를 잘못 선택해서 "취소" 하고 이전 필터 내용으로 롤백하고자 할 경우에 대한 UI가 없음, 닫기를 눌렀을 때 화면이 변하지 않는 게 다소 혼란스러울 수 있음

3. 즉시 적용의 경우

→ 필터에서는 혼란 유발 가능성이 높음, "적용" 버튼과의 차이가 없음

---

결론

• 닫기 는 대부분의 경우에 "취소"로 동작하는 것이 더 직관적임 (닫기 = 취소, 적용 = 반영)
• 필터 패널을 열기 전 상태로 롤백
• 대신 닫기 전 alert 모달을 띄워서 정말로 변경 사항을 모두 취소할 것인지에 대한 안내가 필요할 듯