Intro

Protopie는 UI/UX 디자인아이디어를 모바일, 데스크톱, 웹 거기에 IoT 까지 고도의 상호작용적인 Prototype으로 전환하는데 사용되는 가장 쉬운 툴입니다.

디자이너는 코드 없이 매우 현실적인 interactive prototype을 만들어서 디자인 아이디어를 분석, 검증 그리고 테스트 할 수 있습니다.

Explore interaction design ideas

개발자의 도움 없이도 다양한 인터랙션을 구현할 수 있습니다

Validate assumptions

개발 단계 이전에도 사용자의 피드백을 쉽게 받을 수 있습니다

Communicate interactions

정교한 인터랙션을 팀원들에게 쉽게 설명할 수 있습니다

Make interaction design the epicenter

Bring the people who matter together and drive interaction design as an organizing principle.

Conceptual Model

프로토파이의 개념 모델은 프로그래밍 언어보다는 자연상에서 물체가 움직이는 원리를 바탕으로 하고 있습니다. 오브젝트의 움직임이나 상호작용은 해당 상호작용을 유발하는 트리거, 상호작용 의 결과를 보여주는 리스폰스, 상호작용의 대상이 되는 오브젝트로 구성됩니다. 프로토파이 역시 오브젝트, 트리거, 리스폰스를 조합하여 인터랙션을 기술하도록 만들어져 있습니다.

위의 예에서는 스크린에서 보여지는 오브젝트를 탭하는 동작은 트리거에 해당하고 탭한 오브젝 트가 움직이는 변화는 리스폰스라고 할 수 있습니다.

자연에서 원소들이 다양한 조합을 통해서 다양한 물질을 구성하는 것처럼, 인터랙션을 구성하는 인터랙션 피스(Interaction Piece)인 트리거와 리스폰스들을 조합하면 다양한 인터랙션을 만 들어 낼 수 있습니다. 위의 표에서 좌측은 트리거를 우측은 리스폰스를 의미합니다. 가운데는 트 리거와 리스폰스가 유기적으로 결합된 컴퍼넌트를 의미합니다.

Why ProtoPie?

프로토파이를 사용해야하는 다양한 이유가 있지만, 크게 4가지 장점을 꼽을 수 있습니다.

1. Low learning cost

프로토파이는 직관적으로 이해할 수 있는 개념 모델을 가지고 있고, 여타 그래픽툴과 유사한 UI 를 가지고 있어 디자인작업에 익숙한 사람이라면 쉽게 활용할 수 있습니다.

2. Code Free

프로토파이는 코딩을 하지 않아도 정교한 프로토타입을 쉽게 만들 수 있습니다. 복잡한 코드나 함수 대신에 인터랙션 피스(트리거, 리스폰스)를 조합하면 다양한 인터랙션을 기술할 수 있습니 다.

3. Multi-finger gestures & sensors

프로토파이는 화면상의 여러 개 포인트를 터치할 수 있습니다. 따라서 두 손가락 혹은 세 손가락 을 사용한 인터랙션을 활용하는 프로토타입을 만들 수 있습니다. 또한, 스마트폰에 탑재되어 있 는 다양한 센서를 활용할 수 있어서 단순히 디바이스의 스크린에서 보여지는 프로토타입을 넘어 디바이스간 통신이 필요한 프로토타입을 만들거나 서비스 디자인을 위한 프로토타이핑도 가능합니다.

4. Test on real phones

프로토파이는 프로토타입을 실제 스마트폰에서 테스트해볼 수 있습니다. 동시에 여러 개의 디바 이스에서 동시에 프로토타입을 테스트해볼 수 있어, 팀 내에서 디자인 회의를 하거나 사용자조사 를 할 때 등, 다양하게 활용할 수 있습니다.