라디오버튼

[PM][서비스기획] 01_[UI 컴포넌트별 > UX 원칙 #3] 체크 박스

체크 박스 - 체크 박스는 디폴트 개념이 없음 (라디오 버튼과 큰 차이) - 1개 이상의 옵션을 선택할 수 있는 기능 Cf. 독립 실행형 체크박스는 특정 조건의 동의 여부 확인/단위 확인을 위해, 폼 마지막 항목에 활용됨 - 사용자가 선택 옵션을 저장하거나 시스템 제출 전 확인 및 검토 시 사용 - 상위 옵션 내 하위 옵션 그룹화 형태 ui에서 사용됨 (토글 버튼은 이런 형태 불가능) 체크 박스의 인식성 - 체크 박스 영역이 충분해야 하므로, 박스 크기가 텍스트에 비해 상대적으로 커야 함 - 체크 박스의 리스트는 한 줄에 한 개로 세로 형태 제공 단 체크 박스가 너무 많이 필요한 경우, 칩 버튼으로 대체하여 세로 가로로 확장 형태 제공 체크 박스의 선택 행위 최소화 - 디폴트를 비설정하여 유저가 스스로 ..

[PM][서비스기획] 01_[UI 컴포넌트별 > UX 원칙 #2] 라디오 버튼 2

라디오 버튼의 즉각적 선택 행위 인지 - 라디오 버튼을 선택할 때 안에 있는 두 번째 원이 작은 원으로 표시되어야 함 단, 예/아니오에 대한 라디오 버튼이라면 두 번째 모양이 체크 표시여도 됨 - 호버링 표시&컬러 처리(포인트 컬러랑 통일된 색)를 하여 사용자의 행동 현황을 표현해야 함 포인트 컬러는 브랜드 이미지색과 동일함 - 항목이 많아 더보기를 눌러야 하는 경우, 더보기를 누르기 전에는 디폴트 옵션이 없게 세팅 더 많은 항목을 소개하기 위한 전략 CTA 여부에 따른 버튼 구성 - CTA : Call To Action, 목표 달성을 위해 고객의 특정 반응이나 행동을 유도 고객 유지의 핵심이 되는 버튼 1인칭을 사용한 문구 중요! 더 많은 클릭을 부르는 CTA 버튼 놓치면 안돼! (pixso.net) ..