TIL

오전에 디자인 카타 발표 진행할 버튼 컴포넌트 제작과 발표자료 정리를 완료하고 바로 발표를 진행하였다.

다행히 잘해서 오셨다고 말씀 주셨다.

자료조사를 하다보니 내용이 점점 많아져서 정리할때 살짝 힘들긴했지만 너무 도움이 되었던 오늘의 카타 시간이였다.

평소 컴포넌트 명칭에 대해 명확하게 알고 싶었는데 조사하며 공부가 되는 느낌이였다.

 

컴포넌트 버튼 발표 자료 제작

출처 : LINE Design System

 

 

나는 라인 디자인 가이드를 조사하여 버튼 컴포넌트에 대한 발표를 진행했다.

대기업인 라인은 이런 식으로 디자인 시스템을 구축하는구나와 라인의 프로덕트의 버튼종류들은 이런식으로 명칭하는 구나를 알게 되었다.

튜터님께서 프로덕트 마다 컴포넌트의 명칭이 다 다를 수 있다고 하셔서 또 한번 배웠다.

 

 

---

 

오늘 1주차 강의 복습하면서 디테일하게 이해하려고 노력했다.

우선 가장 기본적인 UXUI가 뭔지 개념 다시 복습.

UX란 User experience, 사용자 경험 영문 약자 이다.

UX는 디지털 뿐만 아니라 오프라인에서의 경험 또한 포괄하는 개념으로,

모든 감각을 활용하는 다양한 경험을 고려한다.

→ 유저가 제품이나 서비스와 상호작용하는 과정에서 얻는 모든 경험을 뜻한다.

UI (User Interface, 사용자 인터페이스)

UI가 UX에 포함되는 개념 중 하나라고 보는 시각도 존재.

→유저가 최종적으로 제품이나 서비스를 사용할때 맞닿는 시각적 구성요소를 뜻한다.

 

 

예전에는 UI, UX직군을 나눠서 진행했었는데 최근엔 프로덕트디자인직군과 UXUI디자이너라는 명칭과 함께 모두 아우르는 디자인 직군이 늘어나 칼자르듯 개념을 구분하지 않는 분위기라고 합니다.

02. UX/UI 디자인 프로세스

1. 더블 다이아몬드 모형 이해하기

더블 다이아몬드 모형은 문제 정의와 문제 해결에 초점을 둔 디자인 프로세스 모형이다.

아이디어의 발산과 수렴 과정을 나타내는 4단계로 구성되어 있다.

더블 다이아몬드는 디자인 프로세스를 구조화한 방법론으로, 영국 디자인 위원회가 제안한 디자인 사고 프로세스 모델이다.

이 모델은 문제를 이해하고 정의하는 문제 탐구 단계와 문제 해결을 위한 솔루션 개발 단계를 각각 다이아몬드 모양으로 구분해 표현한다. 두개의 다지아몬드 형태는 문제와 해결책을 명확하게 정의하고, 체계적으로 접근하도록 돕습니다.

명확하게 이해하려고 직접 그리면서 이미지를 제작해보았다.

더블 다이아몬드 프로세스 참고해서 UX프로젝트때 잘 접목시켜 봐야겠다.