사용자 인터페이스 설계를 위해서 어떤 방법을 사용하나요? 저는 그때그때 상황에 따라서 보고 바로 작업에 들어갈 수 있는 문서를 원하는지 아니면 빠른 의사소통을 위해서 프로토타입이 필요한 것인지에 따라 다양한 도구(PowerPoint, Balsamiq Mockup, Axure RP, 네이버 Design Studio 2 등)를 사용해서 작업합니다. 화면설계를 지원하는 다양한 도구가 있지만 문서공유 및 수정을 위하여 모든 팀원이 학습없이 쉽게 사용 가능한 파워포인트가 가장 많이 사용되는 것이 현실인데 이때 소개하는 PowerMockup을 사용하면 빠른 작업이 가능합니다.




설치


PowerMockup은 독립적인 소프트웨어가 아니라 PowerPoint 와 함께 Add-on 형태로 동작합니다. 따라서 PowerPoint가 없으면 사용이 불가능하죠.


http://www.powermockup.com/



Download Free Trial 를 클릭하면 설치 파일을 다운 받을 수 있고 다운받은 파일을 실행하고 파워포인트를 실행하면 파워포인트 메뉴 상단에 "PowerMockup" 나타나며 왼쪽에 Library가 노출 됩니다.





기능


기본적인 사용법은 아래 화면과 같이 우측에 자리하고 있는 스텐실 라이브러리에서 원하는 모양을 드래그해서 사용합니다.




PowerMockup은 파워포인트의 Add-on 형태로 설치되는데, 설치된 이 후에 파워포인트 화면 우측에 스텐실 박스가 나타납니다. 좌측에 보이는 것과 같은 스텐실 박스에서 원하는 웹 컨트롤들을 끌어와 놓는 형태로 작업이 진행되기 때문에 스토리보드 레이아웃을 만들어 놓은 상태라면 간단하게 페이지 작성이 가능하고, 개인이 만든 커스텀 스텐실의 추가도 가능하기 때문에 라이브러리에 포함되지 않은 스텐실은 직접 만들어 작업할 수도 있습니다.






Trial 버전에서는 제공되는 스텐실이 몇가지 되지 않지만 정품으로 구매하면 다음과 같이 자유로운 화면설계가 가능합니다. 아래 화면은 PowerMockup 홈페이지의 스크린샷입니다.





구매


http://www.powermockup.com/order



오픈소스 개발자나 블로거인 경우에는 메일을 보내면 무료로 라이센스를 받을 수 있다고 하니 아래 링크를 참고하세요.

http://www.powermockup.com/order/free-license




+ Recent posts