[내일배움캠프 1일차] 개강! UXUI 디자인 입문 1주차 수강

드뎌 본캠프 첫날 두둥..!

그리운 우리 8조,,눈물핑이 되,,

그렇게 잽에서 쫌 놀다가 생이별 해씀다ㅜㅜ

 

오티를 듣고 나는 7조가 되었다..!

팀명은 7럭키라 🍀럭키비키조🍀로 정했다

잘 부탁드립니다아

그리고 노션 적고 대원카드 적고 이모저모 하다가 새강의를 들었다!

 

 

<UXUI 디자인 입문 1주차>

-UI 디자인

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

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

 

 

-UX 디자인

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

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

 

 

-HCI

Human Computer Interaction의 약자

인간과 컴퓨터 간의 상호작용에 대해 연구하는 분야를 말한다.

대학원에서는 주로 UX/UI보다는 HCI라는 용어를 더 많이 사용한다.

주 목적은 사람이 컴퓨터를 더 쉽게 사용하고, 더 잘 활용할 수 있도록 개선하는 것이다.

 

 

-CX

Customer Experience의 약자

고객 여정의 모든 측면에서 고객이 경험하는 느낌이나 인상을 말한다.

UX와 구분되는 특징은 느낌, 인상에 더 집중한다는 데에 있다.

CX에는 고객 서비스(CS)가 포함된다.

 

 

-BX

Brand Experience의 약자

고객의 전반적인 인식, 브랜드를 생각했을 때 떠오르는 감정 등을 의미한다.

큰 범위에서 CX와 UX가 모두 BX에 포함된다고 볼 수 있다.

Brand Identity라고 부르는 것들 이름, 로고, 컬러, 슬로건 등이 포함된다.

나이키라면 스우시 로고, Just Do it 슬로건, 조던 등이 BX라고 할 수 있다.

 

 

-UX/UI의 역사와 트렌드

 

 

내가 자주 쓰는 서비스 뜯어보기

https://wwit.design/2021/07/27/coupang/

What Was IT

 

💡눈에 띄는 요소

1️⃣ 쿠팡 로고

2️⃣ 파란색 배경과 흰색 글씨의 버튼, 흰색 배경과 파란색 글씨의 버튼

3️⃣ 카테고리 영역

4️⃣ 하단의 네비게이션바

 

가이드라인과 비교해보기

https://m3.material.io/

Material Design

✅ 좋은 점

1️⃣ 개별 작업에 용이한 버튼 구성

UI를 간단하게 만들고 레이블 텍스트보다 너비를 넓게 했다.

그래서 눈에 잘 띄면서도 개별 작업에 용이해 보인다.

2️⃣ 네비게이션바가 하단에 위치

네비게이션바는 앱의 어느곳에서나 접근 가능해야 하고

편리하게 이용되는 것이 목적인데

하단에 잘 위치해 보기 쉽게 구성한 것으로 보인다.

 

⚠️ 아쉬운 점

1️⃣ 카테고리 영역과 광고 이미지의 위치

카테고리 영역의 텍스트와 이미지, 광고 이미지가 한 화면에 있어 시선이 분산되기 때문에

깔끔해 보이는 느낌이 조금 떨어지는 것 같다.