UXUI

[내일배움캠프 1일차] UXUI 디자인 입문

deo11 2025. 4. 14. 23:00

저번 주 금요일로 사전캠프는 끝나고 오늘부터 본캠프가 새롭게 시작됐다. 일주일이 조금 넘는 짧은 시간을 봤는데도 다들 정이 많이 들어서 헤어지기 아쉬워했다 ㅠ

사전캠프 때 팀원들끼리 조가 바뀌기 전에 파란색으로 맞춰봤다.

사전캠프와 팀원도 달라지고 zep도 조금 변화가 생겼다.

본캠프에서 새로 만난 팀원들과 사전캠프와 달라진 zep

오전에는 본캠프 OT를 진행하고 새로운 팀원분들과 간단하게 인사를 하고 팀 노션을 생성했다. 팀 노션 생성 후 간단하게 팀 목표와 약속, 하루 시간표를 정했다. 그리고 개인적으로 1일 계획서를 작성했는데 오늘은 본 캠 첫 날이니까 가볍게 1주차 강의를 듣고 정리하는 걸로 계획을 세웠다. 

 


UXUI란 ?

UI(User Interface) : 제품과 사용자 사이에서 소통할 수 있도록 하는 실체적인 수단이나 매개체

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

                                *시각적 요소 : 레이아웃, 색상, 크기와 정렬, 버튼, 아이콘, 이미지 등

UX(User Experience) : 사용자가 어떤 제품이나 서비스를 이용하면서 느끼는 총체적인 경험

                                     주로 제품에서 어떠한 감정을 불러 일으키나 특정한 경험을 할 수 있도록 이끄는 것

                                    (제품 뿐 아니라 서비스나 브랜드를 이용할 때 느끼는 모든 경험)

+

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

CX(Customer Experience) : 처음만나는 순간부터 사용하는 고객 여정의 모든 측면에서 고객이 경험하는 느낌이나 인상(CS가 포함)

BX(Brand Experience) : 고객이 브랜드와 상호작용 할 때 갖는 전반적인 인식, 브랜드를 생각했을 때 떠오르는 감정 등(CX, UX가 포함)

 

디자이너의 역할

UI디자이너 : 화면의 전체적인 구조와 시각적인 요소들을 디자인하는 사람(회사에 따라 GUI디자이너라고 부르기도 함)

                    ex. 레이아웃, 색상, 크기와 정렬, 버튼, 아이콘, 이미지 등

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

                     유저 리서치와 테스트, 정보 구조 설계, 페르소나와 유저 시나리오 작성 등의 업무

프로덕트 디자이너 : UI와 UX를 포함하여 제품 전반의 경험을 디자인하는 사람

                              제품의 특정 부분이 아니라 사용자가 경험하는 제품의 시작과 끝을 모두 담당, 반복적인 개선을 통해 제품의

                              고도화에 집중

 

디자인 가이드라인

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

장점

기업

- 브랜드 아이덴티티를 강력하게 유지 가능

- 디자이너 간의 결과물 수준을 상향 평준화 할 수 있다.

디자이너

- 미리 정의된 컴포넌트를 재사용하면서 불필요하게 반복되는 업무를 줄이고 효율적으로 업무가 가능

사용자

- 원칙에 따라 디자인 된 화면을 통해 일관된 사용자 경험을 얻을 수 있다.

 

UX/UI 역사와 트렌드

 


UXUI 관점에서 분석하기

 

⭐넷플릭스⭐

넷플릭스 홈화면, 검색화면
NEW&HOT, 나의 넷플릭스 화면

- 검정색 배경화면에 흰색 글씨

- 좌우로 움직이는 포스터 창

- 화면 아래의 내비게이션바와 상단의 탭바

 

🌟장점🌟

- 검정색 배경에 흰색 글씨가 눈에 잘 보여진다.

 

😰단점😰

- 포스터 사이의 간격이 좁아 불편함이 있다.