2

 

UX

UX는 User Experience(사용자 경험)을 줄인 말로, 제품이나 서비스를 사용하는 사용자가 느끼는 전반적인 경험을 뜻합니다. 제품이나 서비스의 편의성, 효율성부터 디자인적인 부분까지 고려됩니다. 사용자 경험을 분석하고 반영한 제품이나 서비스는 사용자 만족도와 충성도를 높일 수 있습니다.

UI

UI는 User Interface(사용자 인터페이스)를 줄인 말로, 사용자가 디지털 제품이나 서비스와 만나는 면이자 상호작용할 수 있도록 연결하는 매개체입니다. 사용자가 누르고 클릭하는 버튼, 텍스트, 이미지, 애니메이션 등의 시각적 요소들이 모두 UI 구성 요소이죠.

UI 디자인을 통해 인터페이스를 구성하는 레이아웃, 색상, 폰트, 아이콘 등을 결정하는데요. 이런 디자인은 사용자가 제품 또는 서비스를 사용하는 동안 어떻게 반응하고 동작해야 하는지 알려주는 중요한 역할을 합니다. 좋은 UI는 사용자가 쉽게 찾아 따라 할 수 있는 직관적인 디자인으로 구성되죠. 따라서 UI는 사용자 경험(UX)의 중요한 요소이기도 합니다.

GUI

GUI는 Graphical User Interface(그래픽 사용자 인터페이스)의 약자로, 사용자가 그래픽 기반으로 컴퓨터와 상호작용하는 방식을 말합니다.

스피너(Spinner)

숫자 입력 컨트롤로 편집 필드와 위아래 화살표 버튼으로 구성되어 있습니다. 편집 필드에 직접 숫자를 입력하거나 화살표 버튼으로 조절하여 원하는 숫자를 입력할 수 있습니다.

슬라이더 (Slider)

사용자가 제한된 범위 안에서 입력 값을 선택하게 해주는 UI 요소입니다. 일반적으로 가로 방향으로 이동하는 막대 형태이며, 사용자가 이동시키는 위치에 따라 값을 선택할 수 있습니다. 온라인 쇼핑몰에서 가격 범위를 선택할 때 사용하는 슬라이더가 대표적인 예입니다.

드롭다운 리스트 (Drop-down List)

드롭다운 리스트는 사용자가 선택할 수 있는 여러 옵션 중 하나를 선택할 수 있도록 합니다. 드롭다운 리스트 버튼을 클릭하거나 커서를 올리면 선택지가 펼쳐지며, 그중 하나의 항목을 선택할 수 있습니다.

체크박스 (Checkbox)

체크 박스는 여러 옵션 중 동시에 여러 가지 항목을 선택할 때 사용합니다. 체크 박스 선택지가 너무 많을 경우 사용성에 문제가 생길 수 있어 주의해야 합니다. 하나 이상의 항목을 선택할 수 있다는 점에서 ‘라디오 버튼’과 차이가 있습니다.

CTA (Call To Action)

사용자가 구매, 구독, 방문 등 원하는 행동을 하도록 유도하는 장치입니다. 특정 행동을 유도하는 자극적인 문구와 눈에 띄는 시각적 요소로 구성한 버튼을 주로 활용합니다.

헤더 (Header) & 푸터 (Footer)

헤더는 웹페이지의 상단 영역, 푸터는 웹페이지의 하단 영역입니다. 헤더에는 주로 브랜드 로고와 네비게이션바가 포함되며 푸터에는 회사 정보, 개인정보 정책, 소셜 미디어 정보 등이 포함됩니다.