분당아재의 솔직한 블로그

Power Mockup으로 간단하게 화면기획서 쓰기

IT산책


지난 10여년의 직장생활을 주로 소프트웨어개발과 솔루션 개발/적용,

그리고 관리자로 생활하다가 새로운 도전을 위해 서비스 기획을 진행하고 있습니다. 


웹 서비스, 모바일 서비스를 공부해가면서 기획서를 작성하고 있는데요.

워낙 안해본 분야라 여러가지 점에서 어려움을 겪고 있지만 그 중에서도 가장 큰 문제가 

바로 PowerPoint에서 다양한 이미지를 그려내는 것입니다. 


머릿속에서 생각한 바를 팀원이나 고객에게 설명하기 위해서는 powerpoint에 여러가지 아이콘이나 이미지를 그려서

화면을 설명하거나 프로세스를 설명해야 하는데 일일이 그걸 그려내는 것이 정말 어려운 작업이더군요. 


그렇게 작업하다가 주위에서 PowerMockup이라는 툴을 한번 써보라는 이야기를 듣고 

처음으로 사용하게 되었는데... 와~~ 소리가 절로 나오네요.


생각했던 웬만한 아이콘이나 이미지가 이미 준비가 되어 있으니 필요한 곳에 착착 가져다가 붙이면 되네요.

그러니, 작업 속도는 빨라지고 머릿속은 화면 기획에만 집중할 수 있어서 참 편하고 좋습니다.


1.

예를 들어 모바일 화면 기획 중에 아래 그림 (1)과 같은 메뉴 구조를 그려야 하면

검은 박스를 그리고 흰색 텍스트로 메뉴명을 쓴 후에 정렬를 맞추는 작업을 해야 하지만

Powermockup에서 제공하는 스텐실을 사용하면 손쉽게 이미지를 바로 추가할 수 있습니다.

화면 오른쪽에 준비된 다양한 이미지 중에서 원하는 바를 검색해서 클릭하면 Powerpoint 본문에

바로 해당 이미지가 추가됩니다.

 

 

 

 

2.

원하는 이미지(스텐실)의 검색은 아래와 같이 하면 됩니다.

PowerMockup을 설치하면 파워포인트의 메뉴와 화면 오른쪽에 PowerMockup 영역이 생깁니다.

여기에서 그림과 같이 원하는 것을 입력하여 찾으면 됩니다.

Chart를 사용하기 위해서 검색창에 Chart를 입력하면 Bar Chart, Line Chart 등이 나오는데

여기서 원하는 Chart를 클릭하면 역시 본문에 바로 삽입됩니다.

가로형 Bar Chart와 세로형 Bar Chart를 넣어본 예시입니다.

 

 

 

3.

Powermockup을 사용하면서 가장 좋았던 스텐실 중 하나가 바로 아래 화면입니다.

모바일 화면 기획시 연락처 찾기, 키보드 모양을 그릴 때 참 난감했었는데요.

이렇게 Contacts에 대한 스텐실이 떡하니 나와주니 정말로 편리하더군요.

 

이 스텐실들이 모두 그룹으로 묶여 있기 때문에 "그룹해제" 후에 원하는 텍스트로 교체하여 사용하면

아주 쉽게 모바일의 화면을 기획할 수 있습니다.

 

 

 

4.

사용하기 좋은 스텐실 몇가지를 모아 보겠습니다.

웹 브라우저와 브라우저 내 메뉴, 보안어가 나올 때 많이 사용되는 텍스트, 버튼 입니다.

 


 

5.

모바일 화면기획에 필수적인 스마트폰, 달력, 체크박스, 메뉴리스트 등입니다.

 

 

 

PowerMockup은 http://www.powermockup.com 에서 시험판을 받아서 사용해 본 후에 구매해되 되니

화면기획서를 많이 쓰는 저같은 초보기획자는 한번씩 사용해보면 아주 좋을 것 같습니다.