문서

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

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

AI 핵심 요약

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

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

소개

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

비슷한 학습 자료

문서 손연지

귀로 듣는 챗봇의 탄생 | 접근성 업무일지 #3

문서 손연지

스크린리더 사용자에게도 챗봇 흐름이 자연스럽게 느껴지게 하기 위해 고민한 4가지 포인트를 알려드려요.

프론트엔드

문서 토스 프론트엔드 챕터

코드 리뷰할 시간이 어딨어요? 모닥불 | EP.12

문서 토스 프론트엔드 챕터

이번 모닥불에서는 토스 프론트엔드 챕터가 어떻게 코드 리뷰 문화를 활성화했는지 알려드릴게요. ‘고맥락자 코드 리뷰’ 부터 ‘코드스멜 워킹그룹’, ‘가독성 위원회’ 그리고 ‘코드 리뷰 배틀’ 까지실전에 적용해 볼 수 있는 다양한 코드 리뷰 꿀팁들, 지금 바로 공개합니다!

개발 · 프로그래밍 기타 애자일 · 협업