기획자도 알면 좋은 UX 용어 10가지
기획자도 알면 좋은 UX 용어 10가지 – 피그마 실무 예시와 함께
기획자도 UX 용어를 알아야 하는 이유
기획자는 아이디어를 체계적으로 정리하고, 화면의 논리적 흐름을 설계하며, 팀의 방향을 이끄는 핵심 역할을 담당하는 전문가입니다.
이 과정에서 UX(User Experience) 용어는 마치 정밀한 도구와 같이 필수적으로 활용됩니다.
디자이너나 개발자와 협업할 때 'CTA', 'Fold', 'Hierarchy' 같은 용어를 한 번 쯤 들어보셨을 것입니다.
이러한 용어들을 제대로 이해하고 있으면 팀 내 의사소통이 훨씬 원활해지고, 피그마로 작성한 기획서의 설득력도 크게 높아집니다.
이번 글에서는 기획자라면 반드시 알아두어야 할 UX 용어 10가지를 피그마 실무 사례와 함께 쉽고 명확하게 설명해드리겠습니다.
1. CTA (Call To Action)
CTA(행동 유도 메시지)는 사용자로 하여금 특정 행동을 취하게 유도하는 버튼이나 문구를 의미합니다. 예를 들어, '지금 신청하기', '바로 구매하기', '자세한 정보 보기' 등이 있습니다.
피그마 디자인 예시: CTA 버튼은 사용자의 시선을 끌 수 있도록 눈에 띄게 배치하며, 주로 빨간색이나 파란색과 같은 강렬한 색상을 활용합니다.
2. Fold (접는선)
Fold는 웹페이지나 앱 화면에서 스크롤하지 않고 초기에 바로 볼 수 있는 영역을 의미합니다. 중요한 정보는 Fold 영역에 배치하여 사용자가 즉시 확인할 수 있도록 해야 합니다.
피그마 예시: 웹 디자인할 때 화면 최상단에 주목도 높은 이벤트 배너나 핵심 안내 문구를 전략적으로 배치합니다.
3. Above the Fold / Below the Fold
Fold 위에 있는 부분은 'Above', 아래는 'Below'입니다.
중요한 정보는 Always Above!
피그마 예시: 첫 화면에 로그인을 배치하고, 공지사항은 아래로 내립니다.
4. Hierarchy (계층 구조)
Hierarchy(계층 구조)는 정보의 구조와 중요성을 시각적으로 나타내는 디자인 기법입니다.
피그마 예시: 제목은 크게, 부제목은 작게, 본문은 중간 크기로 디자인하여 정보의 우선순위를 명확히 보여줄 수 있습니다.
5. Affordance (유도성)
Affordance란 사용자가 특정 요소와 어떻게 상호작용할 수 있는지를 직관적으로 알아챌 수 있게 해주는 디자인 원칙입니다.
피그마 예시: 버튼은 입체감 있게 디자인하고 링크는 밑줄로 표시함으로써 사용자의 행동을 자연스럽게 유도할 수 있습니다.
6. Feedback (피드백)
사용자의 특정 행동에 대한 시스템의 즉각적인 응답을 의미합니다.
피그마 예시: '회원가입 완료' 화면에서 확인 알림창이나 체크 아이콘을 전략적으로 배치하는 방식을 들 수 있습니다.
7. Placeholder (자리 표시 텍스트)
입력 필드에 가볍게 표시되는 안내 텍스트입니다. 사용자에게 어떻게 입력해야 하는지 도움을 줍니다.
피그마 예시: 이름 입력란에 '예: 홍길동'과 같은 안내 문구를 넣어 작성 방식을 안내합니다.
8. Onboarding (온보딩)
앱이나 서비스를 처음 접하는 사용자를 위한 소개 화면입니다.
피그마 예시: 튜토리얼 이미지를 삽입하고, 화면 하단에 '시작하기' 버튼을 배치합니다.
9. Modal (모달 창)
화면 중앙에 작은 팝업 창이 나타나는 방식입니다.
일반적으로 '확인'과 '취소' 버튼이 함께 배치됩니다.
피그마 예시: 버튼을 클릭하면 '로그아웃하시겠습니까?'라는 모달 창이 표시됩니다.
10. Tooltip (툴팁)
아이콘이나 버튼 위로 커서를 가져가면 나타나는 추가 설명을 의미합니다.
피그마 예시: '?' 아이콘 위에 마우스를 올리면 '비밀번호는 8자 이상 입력하세요'라는 도움말 말풍선이 표시되도록 설정합니다.
용어를 익히면 기획 능력이 더욱 높아집니다!
UX 용어는 기획자의 전문적인 언어라고 할 수 있습니다.
처음에는 어렵게 느껴질 수 있지만, 차근차근 배워나가면 실무에서 즉시 활용할 수 있습니다.
피그마로 화면을 구성할 때 이러한 용어들을 떠올리면 더욱 설득력 있고 명확하게 이해할 수 있는 기획서를 만들 수 있습니다.
이 글에서 소개하는 10가지 용어는 실무에서 기본이 되는 핵심 개념들입니다.
앞으로 실제 프로젝트에 꼭 적용해 보세요.