UX/UI
- UI : User Interface. 제품과 사용자 사이에서 소통할 수 있도록 하는 실체적인 수단이나 매개체.
UI 디자인은 주로 화면의 전체적인 구조와 레이아웃, 색상, 크기와 정렬, 컴포넌트/버튼, 아이콘, 이미지 등 시각적인 요소들을 디자인하는 것 - UX : User eXperience. 사용자가 어떤 제품이나 서비스를 이용하면서 느끼는 총체적인 경험.
UX 디자인은 주로 제품에서 감정이나 경험을 할 수 있도록 유도하는 것으로, 단순 제품 뿐만 아니라 서비스나 브랜드 이용 시 느끼는 모든 경험을 다 UX로 볼 수 있다. - 즉, UI/UX는 제품과 사용자 사이를 이어주는 것을 목표로 설계된다.
- UX 디자이너 : GUI 디자이너. 시각적인 요소를 활용하여 화면 간의 관계와 인터페이스의 구성을 디자인하는 것에 집중하며, 화면의 전체적인 구조와 시각적인 요소들을 디자인하는 사람.
- UX 디자이너 : 사용자를 분석한 데이터를 토대로 사용자가 어떤 제품이나 서비스를 이용하면서 느끼는 총체적인 경험을 디자인하는 사람으로, UI 디자이너보다 업무에서 조사와 분석의 비중이크다.
- 프로덕트 디자이너 : UX/UI 디자이너 모두를 아울러 제품의 특정 부분이 아니라 사용자가 경험하는 제품의 시작과 끝 모두를 담당하며, 반복적인 개선을 통해 제품을 고도화하는 일에 집중하여, UI와 UX를 포함하여 제품 전반의 경험을 디자인하는 사람.
- UX/UI의 변천사
▶ 리얼 메타포: 1990년대, IBM HCI 디자인팀에서 초보자들도 컴퓨터를 쉽게 이용할 수 있도록 실제 물건을 모방해 디자인한 것.
▶ 스큐어모피즘: 아이폰과 함께 등장한 양식.
▶ 플랫디자인: 2013년 애플이 iOS7에서 처음 선보인 GUI 양식.
▶ 뉴모피즘: 2020년부터 스큐어모피즘과 플랫디자인의 장점을 결합한 디자인 트렌드로 떠오르고 있는 양식.
디자인 가이드라인
- 일반적으로 회사 내부의 디자인 원칙과 컴포넌트별 규칙을 정의한 것.
- 일관된 디자인을 하기 위한 지침서로서, 디자인의 스타일부터 브랜드 철학, 디자인 원칙 등 다양한 디자인할 때 지켜야 할 반복되는 요소나 규칙이 포함되어 있다.
- 기업에 따라서 디자인 시스템이나 가이드라고도 나눠 부르기도 한다.
UX/UI 실무 프로세스
- 디자인 프로세스
▶ 기획
문제정의 : 제품 목표에 따라 우선순위가 높은 문제를 정한다.
아이데이션 : 문제를 해결한 아이디어를 내고 그 중 적절한 솔루션을 선택한다.
프로덕트 스펙 문서 : 디자인 작업 전, 솔루션에 대해 상세 내용이나 기능 사양을 정의하여 가이드 문서로 적어보는 것. 기획 초기에 만들기 시작해 기능이 배포되고 실험이 종료될 때까지 끊임없이 업데이트하고 관리되어야 한다.
▶ 디자인
초안 디자인 : 디테일 보다는 전반적인 사용성에 집중하면서 문서랑 비교하며 디자인한다.
피드백 : 초안에 피드백을 반영하여 최종 디자인을 확정하고, 개발자에게 공유한다.
▶ 개발 : 개발이 완료되면 디자인대로 정확하게 개발되었는지 비슷한 환경에서의 테스트를 통해 확인한다. - 협업 : 여러 전문적인 능력을 갖춘 사람들이 모인 팀에서, 각 직무의 리소스가 낭비 없이 좋은 솔루션을 만드는 데 집중적으로 쓰이는 것을 의미.
- 각 직종 이해하기
| PO/PM | PM(프로덕트 매니저) | 제품의 전략을 수립하고 아이디어의 우선순위를 정해 디자이너와 함께 솔루션을 설계하여, 실제 프로젝트를 수행하는 실무직. |
| PO(프로덕트 오너) | 제품팀을 이끌며 시장에 전달되도록 관리 및 관계자와 논의하며 팀원들을 관리한다. | |
| 엔지니어 | 프론트엔드 엔지니어 | UI와 화면 간의 이동, 컴포넌트의 모션, 사용자의 인풋에 따른 반응 같은 UX를 코드로 구현. |
| 백엔드 엔지니어 | 제품에 필요한 정보를 저장하거나 전송하고, 관리하는 영역을 담당하며, 제품 전체를 효율적으로 운영할 수 있도록 구조를 고민한다. | |
| QA 엔지니어 | QA 테스트를 계획, 진행하고 제품 전반적인 품질을 높이는 기 위해 지속해서 제품을 모니터링하면서 서비스의 안정성과 품질을 지키고자 한다. | |
| 데이터 애널리스트 | 필요한 데이터를 추출하여 수집하고, 여러 방면으로 분석하여 인사이트를 제공한다. | |
| UX/UI | BX 디자이너 | 브랜드와 관련된 요소들을 전반적으로 디자인 하는 사람. |
| UX writer | 브랜드 이미지나 제품의 사용성을 높이기 위한 메시지와 같이 제품 내 문구를 담당하는 사람. |
- 실험 : 제품의 개선이 실제로 사용자에게 더 나은 경험으로 이어지는지를 데이터를 통해 객관적으로 검증하는 단계.
- 디자인 QA : 제품 출시 전, 제품이 기획한 수준으로 설계 되었는지, 제품에 사용 불가능한 수준의 결함이나 오류가 없는지, 사용에 편리하거나 충분한 품질이 갖춰졌는지를 확인하는 단계.
'UI\UX 공부 > UIUX강의정리' 카테고리의 다른 글
| [실전UI디자인] ch1. UI 디자인의 개념 (4) | 2025.08.07 |
|---|---|
| [Day3] 디자인 툴과 프로토타입 (1) | 2025.08.01 |
| [Day1] 논리적 아이디어 구상&UXUI패턴 분석 (6) | 2025.07.30 |
| [ch4] 일관된 디자인을 위한 컴포넌트 (4) | 2025.07.24 |
| [ch3] 레이아웃과 그리드 (2) | 2025.07.23 |