IT 현장에서는 화면 UI를 설계할 때 대부분 파워포인트를 사용합니다. 저 또한 파워포인트로 수많은 스토리보드를 제작했는데요. 파워포인트로 화면을 설계하면서 다음과 같은 불편함을 느꼈습니다.
파워포인트 설계의 불편한 점
1. 제한된 공간에 페이지 경로, 화면 UI, 디스크립션 등 다양한 내용을 담아야 한다. 그러다 보니 화면이 점점 복잡해진다. 개인적으로는 다음 페이지로 넘기지 않기 위해 최대한 욱여넣었고 폰트 사이즈는 점점 작아졌다.
2. 수정사항이 발생하면 모든 화면을 일일이 수정해야 한다. 페이지가 적으면 크게 문제 되지 않지만, 페이지가 많아지면 메뉴명 하나만 수정해도 모든 페이지를 건드려야 하는 노가다 작업이 빈번히 발생한다.
3. 스토리보드를 받아보는 대표, 클라이언트, 디자이너, 개발자 등이 문서만으로 기획자의 의도를 100% 이해하지 못한다. 그러다 보니 결과물이 눈에 보여지는 디자인 단계와 실제 구현되는 개발 단계에서 미처 예측하지 못했던 이슈들이 발생한다.
위와 같은 이유로 파워포인트를 대체할 수 있는 툴을 찾아보게 되었고, Axure를 알게 되어 실무에서 약 6년 이상 사용하고 있습니다. 이제 5월부터 정식으로 Axure 강의를 진행할 예정인데, 강의 진행에 앞서 시장에 나와있는 툴에 대한 이해가 필요할 것 같아 현재 출시된 대부분의 툴을 이용해 보고, 직접 사용해본 경험을 바탕으로 각 툴에 대한 분류 및 간략 리뷰를 남겨봅니다.
툴을 소개하기에 앞서, 조금은 헷갈리는 용어를 먼저 정의해보겠습니다.
와이어프레임(Wireframe) : UI 중심의 화면 레이아웃
목업(Mockup) : 실물과 흡사한 정적인 형태의 모형
프로토타입(Prototype) : 다양한 인터랙션이 결합되어 실제 서비스처럼 작동하는 모형
스토리보드(Storyboard) : 정책, 프로세스, 와이어프레임, 디스크립션 등이 모두 포함된 설계 문서
용어 정리가 되었으니 툴을 성격에 따라 분류해보겠습니다.
프로토타이핑 툴은 작업 순서에 따라 2가지 그룹으로 구분할 수 있습니다.
첫째. 기획 단계에서 사용하는 툴로 화면 UI 설계 및 인터랙션 적용에 최적화된 툴.
둘째. 디자인 작업 후 사용하는 툴로 디자인된 이미지의 인터랙션 적용에 최적화된 툴.
첫번째 기획단계에서 사용하는 툴 중 가장 유명한게 "Power Mockup" 이다.
이 툴의 가장 큰 특장점은 다음과 같다.
1. 쉽게 설치가 가능하고, 쉽게 배워서 바로 쓸수 있다.
2. 스킨을 만들어 추가할 수 있다.
3. 가벼운 용량.
발사믹과 유사하나 파워포인트에 아래와 같은 설계가 가능하다. 엑셀런트!!
파워목업을 설치하면 아래와 같이 파워포인트에 플러그인 형태로 설치가 되고, 여러 목업들을 사용하여
UI 와이어프레임을 설계할 수 있다.
무료 라이선스 버전으로 설치하게 되면 사용할 수 있는 UI 컴포넌트가 제한됩니다.
저같이 전문적인 기획자가 아닌 개발자가 사기에는 좀 낭비라는 생각이 좀 드는군요.
PoC개념으로 사이트 개발을 위해 개발 새발 기획을 해야 되는 입장이고, 이후에 기획할 일은 별로 없어 보이기 때문입니다.
UI 기획자 분들은 해당 툴이 없으면 생산성에 문제가 생길 정도로 강력한 툴로 보입니다.
그냥 간단히 드래그 앤 드롭 방식으로 끌어다 놓으면 되기 때문에 사용이 쉽군요.
"download more shapes" 기능을 사용하면 좀더 풍부한 아이콘을 사용가능합니다.
자신만의 아이콘을 그린 후 add shape해서 두고두고 재사용 가능합니다.
다른 기능들도 있는데, 별로 어렵지 않습니다.
이런 풍부한 powermockup의 기능들을 활용하기 위해서는 시리얼이 필요합니다.
블로깅을 해서 홍보하는 블로거에게 공짜로 시리얼을 제공해준다고 합니다.
https://www.powermockup.com/order/free-license
Free License | PowerMockup
Are you a blogger, journalist, or a Microsoft MVP? Here’s how you can apply for a free PowerMockup license. Bloggers If you write a blog post about your experiences with the trial version of PowerMockup, we will be happy to provide you with a free single-user license in return. To be accepted, pleas...
www.powermockup.com
저도 받았으면 하네요.
실행환경 : 윈도우
가격 : 개인 $59.99 (한화 약 7만 원), 파워 목업 리뷰를 포스팅하면 무료 라이선스 취득 가능
추천 : 파워포인트 화면 설계 시간을 단축시키고 싶은 사용자에게 적합함
공식 사이트 : http://www.powermockup.com
관련 동영상 : http://youtu.be/OrSxE0XnWLw
'잡담' 카테고리의 다른 글
| [EPL 입문자] 리버풀 FC 소개 (0) | 2022.10.03 |
|---|---|
| 걱정이란 무엇인가? (0) | 2014.10.28 |