PowerMockup을 활용한 화면 설계 쉽게하기

프로그램을 개발한다는 것은 Database에 있는 data를 사용자가 볼 수 있도록, 또는 사용자의 입력을 database에 저장하는 그런 일련의 과정을 만들어가는 거라고 생각합니다.

---

아무리 멋진 알고리즘으로 무장을 해도, 결국 사용자는 화면빨(!)에 따라 프로그램을 평가하게 되더군요.

그래서 기획단계부터 화면설계안을 작성해서 많은 논의를 거쳐야 하는데, 

이게 굉장히 번거롭더군요.

 

그래서 준비했습니다!! 아니, 찾았다고 해야 하나.. 

 

PowerMockup!!

 

---

1. 설치하기

    가. powermockup.com 사이트에 가서 다운로드를 받습니다.

    나. "DOWNLOAD TRIAL"을 클릭해서 설치파일을 다운로드 하고, 다운로드된 파일을 실행시킵니다.

    다. 다들 친숙한, "Next" 및 "Install" 신공을 펼쳐서 쭉쭉.. 설치를 진행해서 마무리 하시면 됩니다.

        앗!.. 설치가 마무리 되는 순간을 캡쳐하지 못했습니다. 흑흑;;; 

 

    라. 설치가 완료되면, Powerpoint를 실행시켜 봅니다.

    마.  Powerpoint 상단 메뉴바에 "PowerMockup"이라는 메뉴와 함께 우측에 " PowerMockup Shapes"라는 것이 생겼습니다.

 

성공!!  Success!!

 

 

---

2. 사용해 보기

    파워포인트 도형 가져다 그리듯이 사용하면 되는 것이라 그다지 어렵지 않고, 매우 직관적입니다.

    단점은, 무료 사용버전이라 사용할 수 있는.. 아니 사용하고 싶은  Shape가 몇 개 없다는 것!!

    이것은 유료버전을 사용하면 되는 것이라 문제가 될 것은 아닙니다.

    

    감사하게도. 무료로 몇 몇 유용한 Shape들이 있습니다.

 

 

우와.. 너무 많아서 화면에 다 보여드리기 힘드네요. 여기까지만 보여드리겠습니다.

 

 

일단, 한 번 화면을 그려 보겠습니다.

이런 느낌으로 Mockup sheet를 빠르고 직관적으로 만들 수가 있습니다.

 

Drag & Drop 방식으로 원하는 위치에 순서대로 배열을 하시고, 해당 아이템별로 디자인 효과를 적용할 수 있었습니다.

 

원할한 협업과 의사소통이 필요할 때 필요한 mockup 이미지를 PowerMockup을 이용해서 만들어보세요!