[UX 스터디] 실무에서 쓰는 웹서비스 기획 용어 정리

오늘은 내가 완전완전 첫 입사할 때 많이 헷갈렸던 용어들을 다시 정리해보고자 한다.

1.기획 기초 용어

2.UI 관련 용어

3.기타 용어

1. 기획 기초 용어

인터넷의 많은 글들을 보며 내가 정의한 관계도이다.

만나는 사람마다 이야기를 해보지만 UX와 UI를 아직도 헷갈리는 사람도 많고, 나 또한 이게 정답인지 모르겠다.

UX와 UI의 관계, UX와 CX의 관계가 되게 모호하다고 생각되는데 UX라는 개념은 컴퓨터가 디지털 상호작용의 주요 형태였던 시대에 생성되서 UX를 고객과 회사 간의 평생 관계가 아닌 제품/서비스 안에서의 단일적인 상호작용이라는 제한된 개념으로 사용하고 CX는 보다 넓게 기업 비즈니스 까지 모든 종류의 교류 경험을 의미하는 것 같다.

구분	정의	개념의 비교	작업
BX	Brand Experience	브랜드 경험	브랜드와 관련된 자극이 소비자의 주관적이고 내재적인 반응과 결합되어 일어나는 경험
CX	Customer Experience	고객 경험	고객과 기업 비즈니스 사이에서 일어나는 모든 상호작용 경험
UX	User Experience	사용자 경험	사용자가 제품을 탐색하고 조사해보고 평가해보면서 발생하는 경험
UI	user interface	시각 · 비시각적 화면	사용자와 의사소통을 할 수 있도록 일시적, 영구적인 접근을 목적으로 만들어진 물리적 가상적 매개
GUI	Graphical User Interface	시각적 화면	아이콘, 메뉴, 창 등 시각적 인터페이스 요소

와이어프레임

스토리보드의 전 단계로, 서비스 레이아웃을 구상하는 단계에서 손으로 그리거나 PPT로 간단하게 그린 그림

스토리보드 (=화면설계서 = SB (Story Board))

디자이너/개발자가 업무 수행 전 이해해야 할 작업 지시서로,

페이지 구성과 기능들을 화면의 흐름에 따라 표현한 최종적인 산출 문서

프로토타입

설계가 끝난 화면이 어떻게 구동되는지 직접 실행해 볼 수 있는 데모

(예를 들면 XD, 피그마 등의 툴이 있죠.)

플로우 차트

흐름을 특정한 순서도 기호를 사용해서 도식적으로 표현한 다이어그램

정보구조도 (메뉴구조)

페르소나

어떤 제품이나 서비스를 사용할 만한 목표 연구 집단 안에 있는 다양한 사용자 유형을 대표하는 가상의 인물

백오피스 (=어드민)

서비스 운영을 위한 관리자 페이지로, 운영과 통계 등과 관련된 모든 행동을 할 수 있는 페이지

2. UI 관련 용어

더 많은 용어는 이 사이트에 정말 잘 나와있다.

https://m3.material.io/components/

Components – Material Design 3

Components are interactive building blocks for creating a user interface.

m3.material.io

- 팝업: 새 브라우저 창이 띄워지는 일반 팝업

- 모달: 현재 머무는 브라우저 창에 띄워지는 레이어 팝업

컨펌 (Confirm)

'확인하다'란 뜻을 가진 confirm은 사용자가 취한 행동에 대해 다시 한번 확인할 수 있게 하는 역할을 한다.

true 또는 false 값을 반환하며, '삭제/확인'을 누르면 true, 취소를 누르면 false를 반환한다.

얼럿(Aler)

알림/경고창 등을 뜻하는 시스템 팝업

라이트박스: 팝업이 뜨는 동시에 백그라운드 화면이 어두워지거나 밝아지는 효과 (Dimed)

프롬프트 (Prompt)

'즉각적인'이란 뜻을 가진 Prompt는 컴퓨터 언어로 사용자의 명령을 받아들일 준비가 되었음을 모니터에 나타내는 표시라고 구글 사전에서 안내하고 있다. 주로 사용자가 입력한 값을 받아오기 위한 용도로 사용한다. 값을 받아야 하는 입력 필드와 함께 확인/취소 버튼이 존재하며 취소를 누르면 null을 반환한다.