UX이론_ UI컴포넌트와 레이아웃 (학습일지 2주차)

UI컴포넌트와 레이아웃

 

1) 인터페이스 디자인이란?

User Interface Design = User Interaction Design

사용자가 시스템을 통해 과업을 달성하기 위해 조작하는 영역

 

(DOS의 시대: 컴퓨터의 언어  /  GUI의 탄생: 사용자의 언어)

 

2) UI컴포넌트의 이해

UI component = GUI를 구성하는 요소

UI디자이너: 로지컬한 UI컴포넌트를 만드는 사람. 어떻게 동작하는지, 어떤 형태, 텍스트를 취한다.

GUI디자이너: 그래픽컬한 디자인을 하는 사람.

 

3) 레이아웃이란?

화면을 나누어 각 영역에 어느 크기, 비율로 어떤 속성의 컴포넌트를 넣는지를 정의하는 과정.

 

- Column 레이아웃: 화면을 몇 개로 나눌 것인지.

 

 

디자인 환경

 

1) 디자인 환경이란

디자인이 반영되는 플랫폼의 특성을 말한다.

여기에는 디자인적 제약(표준)과 기술적 제약이 발생할 수 있으며 지속 가능한 디자인을 위해 반드시 고려되어야 한다.

Have to consider… design system, design language, design guideline

 

- 기술적 고려요소: implementation possibility(구연가능성), maintenance, usability

- 하드웨어 조건 (어떤 인풋 조건을 가지고 있는가 등)

 

- Adaptive design vs Responsive design

Adaptive: 제품마다 디자인을 따로. 컴퓨터, 태블릿, 워치 등등 다 따로 제작.

Responsive: 하나만 만들어 놓으면 자동으로 사이즈 맞춰진다. 효율적.

 

그럼에도 비즈니스적으로, 전략적으로 Adaptive로 가는 곳들이 많다. 플랫폼마다 하나하나 만들어야 하지만 사용자 입장에서 훨씬 더 최적화된 사용경험을 얻을 수 있다. 디자인하는 입장에서도 각 환경에 맞는 기능을 제공할 수 있다.

> 우리가 추구하는 바, 형태, 가용할 수 있는 리소스에 따라 방법 선택.