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의 역사와 트렌드
리얼 메타포 -> 스큐어모피즘 -> 플랫디자인 -> 뉴모피즘
'내일배움캠프 > 강의 복습' 카테고리의 다른 글
| UXUI 디자인 입문 2주차 - 강의 복습 (7) | 2025.01.30 |
|---|---|
| 1주차 강의 숙제: 내가 자주 쓰는 서비스 뜯어보기 (6) | 2025.01.27 |
| 피그마 강의 (10) 컴포넌트 프로퍼티 (5) | 2025.01.20 |
| 피그마 강의 (9) 디자인 시스템 및 UI 컴포넌트 제작 실습 (5) | 2025.01.20 |
| 피그마 강의(8) 마스터 컴포넌트와 인스턴스 (5) | 2025.01.20 |