이번 글은 스타트업 초기에 목업(Mock up)을 제작하는 데에 꼭 필요한 5가지 툴들을 소개하려고 합니다. 목업은 '실물크기의 모형'이라는 뜻을 가지고 있으며, 실제로 서비스 개발이 들어가기 전에 결과물을 그려보는 것을 의미합니다. 기획자나 디자이너 등이 머릿 속에 가지고 있는 아이디어를 그려봄으로써 서비스를 더욱 명확하게 정의내리고 팀원들과 의견을 공유하는데도 꼭 필요한 작업이죠. 빠르고 효율적인 의사소통을 위한 다양한 툴들을 직접 사용해보시고 본인에게 꼭 맞는 툴을 찾아내시는데 도움이 되기를 바랍니다.  

혹시 이 외에 알고 계신 툴이 있다면 댓글로 달아주셔도 좋을 것 같습니다. :) 

 

 

1. Power Mockup http://www.powermockup.com




Power mockup은 MS사의 파워포인트 프로그램 내부의 플러그인(?) 같은 형태로 사용할 수 있습니다. 홈페이지에 들어가보시면 기능이 제한되어 있는 체험판(TRIAL)을 설치할 수 있는데요. 설치 후 파워포인트를 실행시켜보면 새로운 탭이 생긴 것을 발견하실 수 있습니다. 오른쪽사이드에 메뉴가 나타나게 되고 모바일, 웹 등의 서비스의 스토리보드를 만들때 유용하게 사용하실 수 있습니다. 몇 번의 클릭과 드래그앤드롭의 방식으로 손쉽게 사용할 수 있는 장점이 있습니다. 블로그나 홈페이지에 리뷰를 작성 후에 이메일을 보내면 무료 라이센스를 받아 사용할 수 있답니다. 



2. Fluidui  https://www.fluidui.com/




인터넷만 가능하다면 웹페이지로 접속하여 어디에서든지 사용할 수 있는 모바일 목업 디자인 툴입니다. 간단한 드래그앤드롭 형식으로 원하는 페이지를 구성해볼 수 있습니다. 가장 큰 특징은 제스추어, 애니메이션 효과가 가능하며 URL과 QR코드를 사용하여 쉽게 공유할 수 있다는 점입니다. 또한 공유된 목업 디자인을 실제로 웹 혹은 디바이스에서 시현을 해볼 수 있다는 것이 장점입니다. 다양한 라이브러리를 제공하고 있기에 생각하고 있는 대부분의 것들이 구현이 가능하다는 평입니다. 유료서비스이긴 하지만 무료서비스도 제한적으로 사용이 가능합니다. 



3. Balsamiq mockups  https://balsamiq.com/




다른 목업툴과의 차별점이라면 직접 스케치한 느낌의 감성적인 아이콘들 입니다. 역시나 드래그앤드롭 방식으로 손쉽게 구상하고 있는 서비스의 프로토타입을 만들어 볼 수 있습니다. 맥과 윈도우에 설치가 가능하며 웹과 앱으로도 서비스를 제공 하고 있습니다. 네트워크 연결 없이 사용이 가능하며 Ctrl+C, Ctrl+V 등의 기본적인 단축키도 가능합니다. 30일 간 무료로 사용이 가능하며, 그 이후에는 유료로 전환을 해야합니다. 



4. mockflow https://www.mockflow.com


 

 

기본적으로 목업프로그램이 영어버젼으로 지원하는데에 반해 Mockflow은 font setting 메뉴에서 한글로 전환이 가능합니다. 앞서 소개한 툴들과 같이 각 요소들을 드래그앤 드롭하는 형식으로 쉽게 사용할 수 있습니다. 또한 팀원들끼리 작업을 공유하며 진행이 가능하며 채팅기능도 지원하고 있습니다. 아이폰, 삼성 등의 특정 단말에 대한 템플릿도 지원을 하기 때문에 편리하게 UI를 구성할 수 있다는 장점도 있습니다. 제한적인 기능으로 무료버전이 사용가능합니다.

 

 

5. OmniGraffle  https://www.omnigroup.com/omnigraffle

 



 모바일이나 웹 서비스 이외에도 다이어그램, 플로우차트, 도면설계 까지 넓은 범위를 커버할 수 있는 맥전용 프로그램입니다. 키노트와 유사한 화면구성으로 PPT를 그린다는 느낌으로 사용하시면 됩니다. 팀원들과 협업시 폼(form)을 공유하며 라이브러리를 구축하여 재사용할 수 있다는 장점이 있습니다. 작성한 작업물은 메일, PDF, 이미지 등의 다양한 포맷으로 전송할 수 있습니다. graffletopia.com 사이트에서 유용한 스텐실을 다운받아 쓸 수 있다는 것도 큰 특징입니다. 14일간 무료로 사용할 수 있습니다. 



크리에이티브 커먼즈 라이선스
디캠프에 의해 작성된 스타트업 기획자에게 유용한 5가지 목업(Mock up) 제작 툴은(는) 크리에이티브 커먼즈 저작자표시-비영리-동일조건변경허락 4.0 국제 라이선스에 따라 이용할 수 있습니다.
http://dcamp.kr의 저작물에 기반이 라이선스의 범위 이외의 이용허락을 얻기 위해서는 http://dcamp.kr/support/qna을 참조하십시오.