[디자인 카타] 예약 시 정보 입력 각 방식의 장점은 무엇일까요?

디자인 카타 링크: https://ko.designus.design/topic/234

 

🧨A안: 단계별 정보 입력

👍장점

• 한 번에 하나의 정보만 입력하기 때문에 사용자의 피로도를 낮출 수 있다.
• 모바일 화면을 이용하는 사용자에게 콘텐츠가 덜 복잡하게 보인다.
• 단계 표시(1/2)를 사용해서 사용자가 진행 흐름을 인식하게 하여 이탈률을 방지한다.
• 필드별 유효설 검사를 그때 그때 피드백으로 제공하기에 좋은 콘텐츠 환경

👎단점

• 사용자는 전체 입력 항목을 미리 보기 어렵다
• 만약 수정이 필요하다면 뒤로 가기를 반복해서 행동하며 이전 단계 수정시 번거롭다.
• 항목이 많지 않다면 굳이 단계별 정보 입력은 불필요하다는 생각이 든다.

---

🧨 B안: 전체 정보 입력

👍장점

• 사용자가 입력 항목이 얼마나 되는지 처음에 알 수 있다.
• 수정이 필요한 항목은 바로바로 수정이 가능하다.
• 단계의 전환 없이 빠르게 처리가 가능하다.

👎단점

• 입력해야하는 항목이 많을 수록 사용자는 부담감을 느끼고 이탈할 가능성이 높아진다.
• 모바일 환경에서 항목이 많아지면 스크롤이 길어지면서 사용자의 피로도가 높아진다.

---

🙂결론

입력하는 항목이 많아진다면 A안을 사용하며, A안 + 프로그레스 바를 이용하여 시각적으로도 사용자에게 어디까지 진행이 되고있는지와 목표 달성의 인식이 전해진다면 좋을 거 같다.

하지만 예약시에는 정보입력 시 수정하는 항목이 많아지고 자주 수정을 할 수 있기 때문에 사용자가 오류를 한번에 확인하고 바로수정이 가능 한 B안이 좋다고 생각한다.

 

만약 입력항목이 많지만 한페이지에 정보를 입력하고 수정해야한다면 아코디언 폼을 활용해서 입력 항목을 카테고리별로 나눠서 토글 형식으로 접었다 펼칠 수 있는 구조를 활용한다면 좋을 거 같다.