본문 바로가기
내일배움캠프/강의 복습

UXUI 디자인 입문 1주차 - 강의 복습

by uxu1 2025. 1. 27.

UI

- User Interface

- 제품과 사용자 사이에서 소통할 수 있도록 하는 실체적인 수단이나 매개체를 의미

- 화면의 전체적인 구조와 시각적인 요소들을 디자인하는 것을 의미

- 시각적인 요소에는 레이아웃, 색상, 크기와 정렬, 컴포넌트라고 부르는 버튼, 아이콘, 이미지 등이 있음

UX

- User eXperience

- 사용자가 어떤 제품이나 서비스를 이용하면서 느끼는 총체적인 경험을 의미

- UX 디자인은 주로 제품에서 어떠한 감정을 불러일으키거나 특정한 경험을 할 수 있도록 이끄는 것을 말함

- 넓은 의미로는 제품뿐 아니라 무형의 서비스나 브랜드를 이용할 때 느끼는 모든 경험을 다 UX로 볼 수 있음.

 

HCI (Human Computer Interaction) : 인간과 컴퓨터 간의 상호작용에 대해 연구하는 분야

 

CX (Customer eXperience) : 브랜드를 처음 만나는 순간부터 제품을 사용하는 고객 여정의 모든 측면에서 고객이 경험하는 느낌이나 인상을 의미.

UX보다 CX는 느낌, 인상에 더 집중하고 있음. (경험보다는) 

고객 서비스(CS)도 포함됨. 

 

BX (Brand eXperience) : 고객이 브랜드와 상호작용할 때 갖는 전반적인 인식, 브랜드를 생각했을 때 떠오르는 감ㅁ정 등을 의.

BX는 큰 범위에서 CX와 UX를 포괄한다고 볼 수 있음 

Brand Identity라고 부르는 것들, 즉 브랜드의 이름, 로고, 컬러, 슬로건 등이 포함됨. 

i.e) 나이키는 스우시 로고, Just Do it 슬로건, 조던 라인 등을 BX라 할 수 있음.

 

UI 디자이너 

- 화면의 전체적인 구조와 시각적인 요소들을 디자인하는 사람 

- 시각적인 요소를 활용하여 화면 간의 관계, 인터페이스의 구성을 디자인하는 것에 집중함

- 주 업무: 레이아웃, 색상, 크기와 정렬, 컴포넌트라고 부르는 버튼, 아이콘, 이미지 등을 디자인하는 것

- 회사에서 따라서 GUI 디자이너라고 부르기도 함.

 

UX 디자이너 

- 사용자가 어떤 제품이나 서비스를 이용하면서 느끼는 총체적인 경험을 디자인하는 사람

- 주 업무: 유저 리서치와 테스트, 정보 구조 설계, 페르소나와 유저 시나리오 작성 등이 있음. 

UI 디자이너보다 업무에서 조사와 분석의 비중이 큼.

 

프로덕트 디자이너

- UI와 UX를 포함하여 제품 전반의 경험을 디자인하는 사람.

- 요즘은 다수의 기업, 특히 스타트업에서 UX/UI 디자이너를 아울러 프로덕트 디자이너로 부르고 있음. 

- 결국 두 직무는 모두 제품의 경험에 관해 디자인하고 있기 때문에 따로 떼어놓지 않고 하나로 묶어 지칭한다는 것.

- 제품의 특정 부분이 아니라 사용자가 경험하는 제품의 시작과 끝 모두를 담당하며, 반복적인 개선을 통해 제품을 고도화하는 일에 집중함.

- 주 업무는 문제 정의, 가설 설정, 솔루션 도출, 테스트 등이 있음.

 

- 한 제품을 끈덕지게 디벨롭하고 붙잡을 수 있는 사람이 하면 좋음.

 

기업 JD 분석을 통해 보는 UX/UI 디자이너의 업무

JD분석이란? 

- Job Description

- 회사의 직무 채용공고를 살펴보며, 해당 직무에서 요구하는 역량을 분석하는 것을 의미.

 

당근과 토스는 Product Designer를 모집하고 있음.

- 스타트업은 대부분 Product Designer가 전반적인 UX/UI를 모두 담당하고 있음. 

 

현대자동차, 현대오토에버의 경우 UI Designer과 UX Designer를 구분짓고 있음.

- 대기업의 경우 비즈니스 규모가 매우 크기 때문에 둘을 따로 떼어 구분하고 있고, 둘의 역할도 구분되어 있음.

UI 디자이너는 시각적인 UI 설꼐 및 심미성 개선을 담당하며

UX 디자이넌 리서치와 사용성 테스트, 통계적 분석 및 결론 도출이 주된 역할임. 

 

디자인 가이드라인 

- 일반적으로 브랜드의 디자인 원칙과 컴포넌트별 규칙을 정의한 것을 의미

- 컬러, 버튼, 폰트, 컴포넌트 디자인의 스타일부터 브랜드 철학이나 디자인 원칙까지 다양한 것들이 포함됨.

- 가장 대표적인 디자인 가이드라인은 

애플의 Human Interface Guidelines (HIG)와

구글의 Material Design

 

두 디자인 가이드라인을 읽으며 얻을 수 있는 것

- 사용자 경험을 위해 인터페이스를 설계하는 기본 원칙을 배울 수 있음

- 애플과 구글의 서로 다른 UX/UI 지침을 비교할 수 있음.

- 애플과 구글에서 제공하는 리소스를 다운받아 살펴보고 디자인에 활용할 수 있음

 

가이드라인은 정말 속성 하나하나에 대한 디테일한 정보를 담고 있기에 추후에 제대로 다뤄볼 예정 

UX/UI의 역사와 트렌드 

리얼 메타포 -> 스큐어모피즘 -> 플랫디자인 -> 뉴모피즘