[목업툴] 무료 목업툴소개 - 카카오 오븐(Oven)

프로그램 화면관련해서 화면 디자인관련 프로토타입이나 기획 및 아이디어 공유를 해야될경우에 목업툴을 찾아보다가 알게되어 안내드립니다. 파워포인트에 플러그인으로 사용된 파워목업으로 사용해본적이 있는데 파워포인트에 직접하고 싶으신분은 Trial버전을 다운받아서 사용해봐도 좋습니다. 자료를 찾다보니 ovenapp.io라는게 있어서 사용해봤는데 편리하다고 생각했는데 알고보니 카카오에서 제공해주는 툴이였네요. 

1. 다운로드 경로 
Oven - HTML5-Powered Web/App Prototyping Tool (ovenapp.io)

2. 사이트에 접속하여 계정을 생성합니다.

3. 주요특징 
홈페이지 로그인해서 주요특징을 확인해보니 아래와 같이 지원하고 있습니다. 

4. 사용방법
실제 프로젝트를 만들어 보겠습니다. 새로운 프로젝트 만들기를 누르면 아래와 같이 모바일모드 (가로,세로) PC모드의 화면 사이즈 선택이 나오며 테스트URL을 다른 사용자들과 공유를 할수 있게도 해주네요.

새로운 프로젝트 만들기를 클릭하면 아래와 같이 나타납니다. 화면 왼쪽에는 페이지 리스트, 가운데는 화면, 왼쪽에는 디자인할수 있는 요소들이 표시됩니다. 

오른쪽의 요소항목을 드래그하여 디자인 할수 있습니다. 텍스트,버튼,도형, 폼 등 다양한 요소를 제공해주고 있어 간단한 프로토타입을 만들오 공유하기 편리합니다.

요소항목에는 아래와 같이 텍스트, 글자, 페이징,폼등 화면을 구성할수있는 다양한 컨트롤등을 제공해줍니다. 

아이콘항목을 선택하면 아래와 같은 아이콘을 제공하고, 이미지의 경우는 드래그를 하면 이미지가 업로드되어 사용가능합니다. 캔버스(가운데화면) 에서 보관하고 싶은 객체를 그룹화 후 보관하면 해당컨트롤을 사용할수 있습니다. 

왼쪽상단의 디스크모양의 저장하기 아이콘을 눌러서 프로젝트를 저장합니다.  

사용법이 직관적이여서 사용해보면 간단하게 사용할수 있습니다. 프로토타입을 만들어 설명하면 제품개발관련해서 기획,개발,현업담당들과 보다 구체적으로 리뷰를 할수 있어 의사소통이 원활할것 같습니다.  매번 ppt로 그리다가 목업툴을 사용해보니 시간도 단축되고 아주 좋은것 같습니다.