brunch

You can make anything
by writing

C.S.Lewis

by 글쓰는개미핥기 Jun 20. 2023

✅ UI 컴포넌트와 UX 라이팅 (2)

#UX라이팅 #라디오버튼 

� 한 줄 요약

- 라디오 버튼 문구 작성법


✔️ 체크박스에 이어 이번에는 라디오 버튼 문구에 대해 이야기 할게요. 라디오 버튼은 사용자가 하나의 옵션만 선택할 수 있어요. 즉, 사용자에게는 체크박스보다 선택의 폭이 좁다는 것을 의미하죠.


✔️ 그러면 라디오 버튼의 정의가 어떻게 돼 있는지 살펴볼까요?


• 윈도우나 팝업의 선택 영역에서 어느 하나를 선택 또는 취소하기 위해 사용하는 버튼으로 일련의 선택 항목 중 단 하나의 항목만 선택 가능하다.


✔️ '선택한다'라는 사용자 행위가 들어가기 때문에 체크박스와 형식은 동일해요. 형식과 콘텐츠의 일관성을 유지하는 방안이 동일해야 하며, 옵션을 논리적인 방식으로 정렬해야죠. 다만, 라디오 버튼은 체크박스와 형태가 다르고, UI 기능이 다른 점을 유의해야 겠죠.


1. 단어 위계 설정



✔️ 우선, 라디오 버튼의 쓰임새는 크게 2가지라고 봐요. 둘 중 하나를 선택하거나, 여러개 중 하나를 선택하거나. 전자는 양자택일이기 때문에 대립되는 개념이 많이 있어요.


✔️ 가령, 'On - Off', '남 - 녀'와 같이 상대적인 개념에서 선택할 수 있도록 안내하고 있어요. 이럴 때 유의해야 할 점이 단어의 위계를 동일한 선상에 놓아야 한다는 점이에요. 위의 왼쪽 예시처럼 동일한 위계에 있는 단어를 제안해야 하죠.


✔️ 보통 사회적, 구조적 차이를 통해 사용하는 단어를 동일하게 표현해야 한다는 점인데요. 남성의 반대말로 보통 여성을 사용하듯, 언어의 의미와 사회적 언어 사용 방식을 고려해야 해요.


2. 중복 내용 방지


✔️ 라디오 버튼에는 추가 설명이 들어갈 때가 있어요. 이때는 타이틀만으로 전체를 설명하기 어려울 때인데요. 디스크립션(추가 설명)은 타이틀의 부족한 설명을 보충할 때만 써야 해요.


✔️ 다른 관점에서 보자면 타이틀과 디스크립션은 서로 상호보완적인 관계로써 작동하는 기능이라고 이해하면 편해요. 가장 좋은 UX라이팅은 타이틀만으로 사용자를 이해시키는 것이지만, 어렵다면 디스크립션도 작성해야 하는 거죠.


3. 긍정문 옵션 제시


✔️ 체크박스와 동일해요. 긍정문으로 옵션을 작성해, 사용자가 명확하고 빠르게 내용을 이해할 수 있도록 도와주세요. 단 한 번의 선택을 더 빠르게 할 수 있도록 말이에요.


✔️ 또한 옵션 문구 나열 순서는 논리적인 접근을 해야 해요. 가장 안전한 것부터 가장 위험한 것으로 나열하거나, 가장 간단한 것부터 가장 복잡한 것으로 안내하는 거죠.


4. 옵션 디폴트 값 설정


✔️ 라디오버튼은 언제나 하나의 값을 선택해야 해요. 가장 안전한 옵션부터 선택하게 하고 관련된 내용이 아니라면, 많이 선택할 옵션 또는 편한 옵션을 제시해주세요.








매거진의 이전글 ✅ UI 컴포넌트와 UX 라이팅 (1)
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari