기획자가 알아야 할 디자인 용어 정리

이 곳과 이 곳 에서

기획자가 알아아 할 기획용어와 개발용어를 정리해보았다.

하지만 기획자가 자주 커뮤니케이션 하는 부서가 한곳 더 있다. 

 

바로 디자인 부서이다. 

공부할 게 또 늘어난다...

 

최소한의 디자인 용어조차 모른다면, 이런 표정의 디자이너를 목도하게 될거다.

 

 

기획자는 디자인을 "잘 하는 사람"이 아니라 

"왜 이렇게 설계했는지 설명할 수 있는 사람" 이 되어야 한다.

(물론 디자인을 잘 알면 잘 설명할 수 있다. 근데 모르면? 공부해야지 뭐...)

 

 

 

 

 

2. 디자이너와 소통할 때 사용하는 주요 용어          

 

User Flow (유저 플로우)        *흐름도, UX Flow 라고도 함

유저가 서비스에서 목표를 달성하기까지 거치는 전체 흐름

기능이 서비스에 필요한 이유를 논리적으로 설명하기 어려운 경우 플로우 차트를 그려보면 큰 도움이 된다.

 

Use Case (유케이스)

특정 상황에서 유저가 어떻게 행동하는지 시나리오로 정리한 것으로 

한 시스템에 관련된 요구사항을 끌어내는 과정이다. 
시스템을 분석가와 사용자가 함께 시스템의 사용 방법을 결정하는 데 도움을 준다.

 

 

와이어프레임 (Wireframe)

개발자나 디자이너에게 서비스의 구조와 기능을 대략적으로 보여주기 위한 설계도이다.

색상, 디자인 없이 뼈대만 표현하는 경우가 대부분이며 

보통은 기획이 어느 정도 구체화된 상세 기획 단계에서 와이어프레임을 제작한다.

 

스토리보드 (Storyboard)

사용자가 어떤 흐름으로 서비스를 이용하는지 그 스토리를 보여주는 도구이다.

예를 들어 사용자가 회원가입을 해야 한다면, 스토리보드에 그 과정을 하나하나 시각적으로 기재한다.

 

ex) 처음에 사용자가 메인 화면에서 ‘회원가입’ 버튼을 클릭하고, 이메일을 입력한 후 인증 절차를 거치고, 최종적으로 가입 완료 메시지를 확인하는 단계까지를 장면 단위로 나누어 그리기

 

프로토타입 (Prototype)

아직 구체화되지 않은 제품이나 시스템, 서비스 등의 설계 또는 성능, 구현 가능성 등을 평가하기 위해 간략한 형태로 구현한 시제품이다. 프로토타입은 개발자와 사용자 간의 상호 이해 및 지식 교환을 위한 작업이다.

 

UX (User Experience)        *사용자 경험 이라고도 함

사용자가 제품/서비스를 이용하면서 겪는 전반적인 상호작용과 감정 등을 말한다.

사용자 인터뷰, 설문조사, 비즈니스 웹 디자인 또는 앱의 사용성 테스트를 통해 수집할 수 있으며

피드백, 지속적인 개선을 통해 더 나은 제품/서비스를 만드는 것을 목적으로 한다.

 

 

UI (User Interface)

제품/서비스와 사용자가 직접 상호 작용하는 시각적 및 대화형 인터페이스이다.

UI에는 세부적으로 네가지가 있다. 보편적으로 사용자에게는 주로 GUI와 VUI가 사용된다.

  - GUI : 그래픽 기반 인터페이스

  - VUI : 음성 기반 인터페이스

  - OUI : 미래 지향적 인터페이스 

  - CLI : 명령어 기반 인터페이스 (ex: 윈도우 commend prompt CMD)

 

* UI 구성과 관련된 기본 용어 

1. 레이블(Label) : 사용자가 이해할 수 있는 텍스트

2. 아이콘(Icon) : 상징적인 그림

3. 고정값(Default) : 사용자가 실행하지 않으면 유지되는 값

 

 

Interaction (인터랙션)

사용자가 목적을 달성하기 위해서 제품의 UI를 사용하여 상호작용하는 과정을 의미한다. 

인터렉션은 UI를 포함하는 상위 개념이라고 이해하면 좋다.

상호작용 과정에서 목적 달성 절차를 포함하면 인터렉션이고, 그것을 포함하고 있지 않으면 UI이다.

 

Component (컴포넌트)

UI 컴포넌트란 UI를 구성하는 최소 단위로

버튼이나 필드, 체크박스 등 사용자에게 특정 행동을 유도하거나 전달하는 것을 말한다. 

ex) 버튼 (Botton), 메뉴 (Menu), 리스트 (List) 플로팅 액션 버튼, 배너 (Banner), 탭 (Tab) 등등

 

Design System (디자인 시스템)

일관된 사용자 경험을 제공하기 위한 UI 요소들의 모음이다.

디자인 시스템은 디지털 제품의 시각적 디자인과 시각적 언어를 일관되게 유지하며, 제품 팀, 디자이너, 개발자들에게

"일관된 단일 디자인 소스" 를 제공한다.

 

CTA (Call To Action)

사용자가 다음 단계의 행동을 취하도록 유도하는 명확한 요청 요소를 의미한다.

클릭, 문의, 다운로드, 신청, 구매와 같은 모든 전환 행동은 CTA를 통해 시작된다.

효과적인 CTA는 사용자의 행동을 강요하는 것이 아니라, 현재 사용자가 무엇을 할 준비가 되어 있는지를 정확히 짚어내는 설계에서 출발한다.

 

Error State

사용자가 앱이나 웹사이트를 이용하는 도중 의도치 않은 상황 (입력 오류, 네트워크 장애, 시스템 오류 등)을 만났을 때 보여주는 화면이나 UI 요소를 말한다.

 

 

 

 

++ 무한 추가 예정