본문으로 이동
[미디클] 라디오 vs 체크박스 뭐가 좋을까? EP.1
문서

[미디클] 라디오 vs 체크박스 뭐가 좋을까? EP.1

미스터리 디자인 클럽 · 토스 · 토스 기술 블로그

원본 보기

소개

‘선택 화면’을 디자인할 때 있었던 고민과 해결 과정을 들려드릴게요.

AI 핵심 요약

단일 선택에는 라디오 버튼을 써야 한다는 관례가 모바일에서도 유효한지 확인하기 위해, 미스터리 디자인 클럽은 선택 개수를 안내하지 않은 질문에 체크박스와 라디오 버튼을 반대로 적용해 UT를 진행했습니다. 참여자 15명 중 13명은 버튼 모양보다 질문의 의미에 따라 선택했고, 토스 앱 화면을 활용한 테스트에서도 맥락이 선택을 이끄는 모습을 확인했습니다. 따라서 모바일에서 동그란 라디오 버튼을 반드시 사용할 필요는 없으며, 사용자가 선택 개수를 자연스럽게 이해하도록 질문과 주변 맥락을 설계하는 것이 중요하다는 결론을 얻었습니다.

  • 익숙한 UI 패턴도 모바일의 터치 환경에 적합한지 다시 검토하세요.
  • 선택 개수는 버튼 모양에 맡기기보다 질문 문구와 주변 맥락으로 명확히 안내하세요.
  • UT에서는 기존 관례와 반대되는 UI를 적용해 사용자의 실제 행동을 관찰할 수 있습니다.
  • 사용자가 선택 과정에서 망설인다면 컴포넌트뿐 아니라 이전 화면과 설명 문구도 함께 살펴보세요.