[UI]한 개만 선택해야 할때? 라디오(Radio) or 선택박스(Select Element)

종종 홈페이지를 제작하다보면 고민되는 지점들이 생긴다.

이번 페이지에서는 한 개만 선택하는 상황에서 어떤 User Interface를 사용할 것이지 대한 저만에 생각을 공유해봅니다.

 

라디오(Radio)  버튼

Material Design

 

1. 선택이 한개 일 때

2. 보여줘야 하는 옵션의 수가 적을 때 (보통 5개 기준)

3. 옵션의 수가 적고 글을 많을 떄

 

Select Element(DropDown)

Material Design

1. 디폴트 값을 주고 싶지 않을 때

2. 옵션의 개수가 상당히 많아 공간 활용이 필요할 때

 

그럼에도 불구하고 많은 전반적인 문맥을 읽을 수 있어야 한다고 생각합니다.

라디오버튼은 클릭수는 낮지만 옵션이 많어지거나 특정 정보를 기본값으로 하고 있습니다. 반대로 셀렉트 요소는 빠르게 옵션을 확인할 수 없어 클릭수가 높아진다는 단점이 있습니다.

마지막으로 이 두개 외에 Checkbox, Switch 그리고 Tab(stepper) 등이 있으니 어떤 사용자가 어떻게 사용하는지를 확인할 필요가 있습니다.

 

원글

https://jin-na.tistory.com/entry/%EB%93%9C%EB%A1%AD%EB%8B%A4%EC%9A%B4dropdown-%EB%A9%94%EB%89%B4-%EB%94%94%EC%9E%90%EC%9D%B8-%ED%95%84%EC%88%98-%EA%B0%80%EC%9D%B4%EB%93%9C

https://brunch.co.kr/@ebprux/113