#아티클공유
Article 2. Ui Component : checkbox, radiobutton, toggle의 차이
내용 요약체크박스, 라디오버튼, 토글의 유래, 활용 범위, 예시들을 간단하게 정리해둔 아티클이다.
디자인 시스템 구축에서 Components 작업시, 각 요소들의 차이점과 요소들을 적재적소에 사용하기 위해서 찾아보게되었습니다. 아티클 내용CheckBox(체크박스)→ 말 그대로 네모난 상자 + 체크표시
언제 사용하나요?•
체크, 동의 혹은 확인한 경우
•
중복으로 값을 체크
•
값이 없어도 될때(중립표시)
예시•
약관동의
•
필터 중복 선택
RadioButton(라디오버튼)→ 라디오의 물리적인 버튼에서 따온 컴포넌트
언제 사용하나요?•
값이 없는 상태가 없어야하는 경우
•
선택지 중 하나만 선택해야하는 경우
예시•
옵션 중 하나 선택
Toggle(토글)→ 스위치라는 물리적인 요소에서 따온 컴포넌트
언제 사용하나요?•
즉각적인 변화가 눈에 보일 때
•
두 가지중 하나의 상태를 설정할 때
예시•
On/Off
•
LightMode/DarkMode
느낀점각 컴포넌트의 유래, 활용범위, 예시를 알고 있거나 정리를 해둔 글을 보면서, 서비스를 제작할 때 우리는 어느정도 답을 정해두고 컴포넌트와 ui들을 제작한다는 점을 다시 한번 생각하게 되었습니다. 우선 사용자의 행동들을 예측하고 적재적소에 ui components 들을 배치하면, 서비스 평가에 100점 중 50점은 받을 수 있겠다 라는 생각도 하게되었습니다. 나머지 50점은 그 외에 기획, 컨텐츠도 도움이 되겠지만 ui/ux를 점점 디벨롭하면 되는구나 라는 생각들을 다시 한번 하면서, 평소 디자인을 하면서 놓쳤던 uiux 디자인의 기초를 돌아볼 수 있었습니다.