UI도 세분화할 수 있다! UI의 네 가지 계층!

-해당 글은 UX 디자인 7가지 비밀을 읽으면서, 기록하고자 하는 부분과 함께 더 추가적으로 공부하여 정리해놓은 포스팅입니다

해당 포스팅에 사용된 모든 그림 자료는 제가 직접 만든 자료이니, 출처를 밝히고 가져가시는 건 좋으나, 불법으로 퍼가는 걸 금지합니다. - 

 

 

여러분들은 UI하면 무엇이 먼저 떠오르나요?

많은 사람들은 아이콘, 버튼 등을 떠오르게 됩니다. 저 역시 UI 디자인을 떠오르면 이런 시각적인 부분이 제일 먼저 떠오르게 되는데요!

하지만 UI는 이런 시각적인 것 뿐만 아니라 청각적, 촉각적인 부분까지 통틀어 말합니다.

이러한 UI는 4가지의 계층으로 설명될 수 있는데요! 

그럼 UI에 대해 좀 더 자세히 알아보도록 하겠습니다! 

 

 

 

(1)! PUI

physical UI를 뜻하며, 가장 낮은 계층입니다. 아마 스마트폰 자판을 치거나, 소프트키를 누르는 등 액션을 취했을 때 핸드폰이 미세하게

진동이 왔던 경험이 있으실건데요! 이러한 물리적인 부분을 담당하는 것이 바로 PUI입니다.

PUI는 물리적인 입력장치와 출력장치, 버튼 크기와 배치, 그리고 제품을 잡았을 때의 느낌을 결정하는 스타일 등을 포함하고 있습니다.

가장 하위 계층이지만, 그만큼 가장 기본적으로 필요한 그립감, 물리적인 입력과 출력장치등이 포함되어 있기 때문에

굉장히 중요한 요소 입니다.

 

 

 

(2) AUI

Audiotry UI를 뜻하며, 보다 나은 사용자 경험을 제공하기 위해 만들어진 임베디드 사운드를 뜻한다.

듣기 좋은 소리를 꼭 필요한 곳에 배치하여 사용에 도움을 주기 위한 것입니다.

따라서 이에는 벨소리, 각종 이벤트 발생 시 제공되는 사운드 피드백 등이 포함됩니다.

 

 

(3) GUI

아마 UI하면 가장 많이 접했을 UI 중 하나로, Graphic UI를 뜻합니다. 아까 위에서 얘기했던 시각적인 부분을 상당수 차지하는 것이 바로 이 GUI 부분인데요. 그래픽 레이아웃, 이미지, 아이콘, 애니메이션 등을 포함하고 있습니다.

 

 

(4) LUI

Logical UI를 뜻하는 LUI는 목적 달성 저차, 기능구조, UI 시나리오, 정보구조 등을 포함하고 있습니다. 여기서 정보구조란 각 화면에서 어떤 정보를 어떤 형태로 보여줄지에 대한 결정을 말합니다. 

 

 

우리는 이 네 가지 요소를 이니셜만 따서 LGAP UI 개념이라 부를 수 있습니다. 

 

 

그럼 UI는 어떻게 개발해야할까요? 이 네 계층이 서로 독립적으로 디자인되기 보다는 통합적으로 개발되어야 합니다.

사용자는 PUI, AUI. GUI, LUI 이 네가지를 이용하여 제품의 기능성, 사용성, 감성을 경험하고 최종적으로 제품을 사용하는 즐거움을 경험합니다.

따라서 뭐 하나 빠지면 안되고, 이 4가지 계층이 잘 융화되어서 최고의 사용자 경험을 선사해주어야 하지요.

 

UI란 You I(너와 나)를, 그리고 좋은 UI는 곧 사람 대 사람 사이의 원활한 커뮤니케이션처럼 사용자와 인터페이스 혹은 사용자와 디자이너 사이의 원활한 인터렉션을 의미할 수 있습니다. 

우리가 누군가를 알아갈 때에는 상대방을 관찰하고 이해하는 과정이 필요하듯, 좋은 인터페이스를 개발하기 위해서는 사용자를 관찰하고 이해하는것이 중요합니다.

 

 

따라서 LGAP UI를 잘 설계하기 위해서는 사용자의 인터렉션도 여러 복합적인 요소들로 구성됨을 이해해야 하며,

음성, 글, 제스처, 표정, 동작 등 여러 방면으로 관찰하고 설계해야합니다.