1. UX, UI 디자인의 단계별 핵심 개념

UX, UI를 만드는 과정에 대한 설명은 대체로 IDEO에서 나온 디자인 씽킹(Design Thinking)에 기반을 둔 것으로 보입니다.

 

 

Figma는 이 과정에서 Prototype 제작에 사용되는 도구입니다.

 

이 프로토타입은 완성도에 따라 다시 세 가지로 분류되는데 크게

 

Lo-Fi (Low Fidelity) : 스케치

Mid-Fi (Mid Fidelity) : 와이어프레임

Hi-Fi (High-Fidelity) : UI 디자인

와 같이 나뉘게 됩니다. 이 때 Mid-Fi와 Hi-Fi 프로토타입 제작에 피그마를 활용할 수 있습니다.

 

위 과정을 거쳐 UI디자인이 완료되면, 실제품 개발을 위해 개발자에게 산출물이 전달되는데 이를 디자인 핸드오프(Hand-off)라고 합니다. 이 역시 피그마를 통해 만들어낼 수 있습니다.

 

결론적으로 피그마를 통해 컨텐츠와 상호작용이 정의되어있는 와이어프레임을 제작 후 사용자가 실제로 접하게 되는 UI디자인을 만들어 핸드오프로 뽑아내는 것이 사용법의 전부라고 할 수 있겠습니다.

 

와이어프레임

UI 디자인