앱/웹 프로토타입 제작하기
2020-11-18
앞선 미션카드 솔루션 구상하기를 통해 여러분은 불편한 점을 찾고 이를 해결할 방안을 탐색해봤습니다. 이제 본인의 솔루션을 만들고 테스트할 단계입니다.

이번 미션카드를 통해 웹사이트와 모바일 앱과 같은 IT서비스를 제작하는 방법을 알아보도록 해요. 혹시 무형의 오프라인 서비스, 또는 정말 형체가 있는 제품을 구상하셨나요? 그렇다면 아래 미션카드를 참고하세요.

하드웨어 시제품 제작하기(준비중)



웹/앱 서비스 기획

웹 또는 앱 서비스를 기획하는 데에 정도가 있을까요? 대부분 간소하게 진행하여 빠르게 프로토타입을 제작하기도, 모든 세부 단계를 차근차근 밟아 나가기도 합니다. 아래는 앱 서비스 기획에 관한 유용한 가이드를 담고 있는 곳입니다.




와이어프레임
IT서비스 기획에는 정말 다양한 문서가 쓰여요. 와이어프레임, 스토리보드, 정보구조도(IA), 플로우차트, 객체관계도식(ERD) 등이 있답니다. 하지만 스타트업 방법론 이해하기를 읽어봤다면 아시겠지만, ‘빠르게 실패하는 것’이 우리에게 필요한 것 아닐까요? 그렇기에 앱/웹의 화면구성이 전반적으로 어떻게 될 것인지 빠르게 그려보는 와이어프레임으로도 충분하다고 생각합니다.


와이어프레임은 종이와 펜으로도 충분히 그릴 수 있어 제작시간이 상대적으로 짧습니다. 새로운 앱/웹을 기획하기 위해 팀원과 미팅을 갖는다면, 함께 와이어프레임을 그려보는 것이 어떨까요?



프로토타이핑 툴 비교
위에서 와이어프레임을 그려보며 여러분의 앱/웹의 화면이 어떤 구성을 할 것인지 정해봤다면, 이제 그것을 토대로 프로토타입을 만들어 볼 차례입니다.

실제로 제품이나 서비스를 상용화하기 전에 사용자의 반응을 미리 확인하기 위해 만들어보는 과정을 ‘프로토타이핑’ 이라고 합니다. 그렇다면 어떤 프로토타이핑 툴을 사용할 수 있는지 알아볼까요? 아래 비교 내용을 확인하고 여러분이 사용할 프로토타이핑 툴을 한번 골라보세요 



카카오 오븐


가격: 무료
실행 가능 환경: 윈도우, 맥, 웹 브라우저

온라인 프로토타이핑 툴 ‘카카오오븐’은 단번에 이해를 도울 수 있는 툴입니다. 처음 이용하는 사용자도 손쉽게 화면을 그릴 수 있고, 온라인으로 제작한 화면을 단축 url과 QR 코드를 통해서 공유할 수 있습니다. 서비스 컨셉을 직관적으로 이해할 수 있어 초심자에게 제격이랍니다. 또한 다양한 선택이 가능한 스크린과 100여가지 UI 컴포턴트들과 500여개에 달하는 벡터 아이콘으로 밀 설계도 해볼 수 있으니 시행착오도 줄일 수 있습니다.

프로토타이핑 툴이 다양해 무엇을 사용해야할 지 잘 모르겠다면, 카카오 오븐으로 시작하는 것을 추천드립니다. 툴의 장단점을 비교하는 시간에 차라리 시작을 하는 것이 좋다고 생각한다면요!




액슈어


가격: 스탠더드 버전 289달러, 학생 무료 라이선스 발급, 월정액
실행 가능 환경: 윈도우, 맥

현직자도 많이 사용하는 액슈어는 전반적인 웹사이트 기획에 필요한 모든 요소를 다 갖춘 프로토타이핑 툴입니다. 베이스가 되었던 자료부터 실행할 수 있는 모든 과정들을 한편의 동화책처럼 살펴볼 수 있는 툴 중 하나인데요. 특히 팀 프로젝트로 협업이 가능한 기능도 있으며, 웹사이트 기획자가 꼭 봐야하는 스토리보드, 디스크립션 등을 모두 작성할 수 있도록 돕고 있습니다. 



발사믹 


가격: 89달러
실행 가능 환경: 윈도우, 맥, 웹 브라우저

페이퍼 프로토타이핑을 그대로 화면에 담아볼 수 있다면 얼마나 좋을까요? 발사믹목업은 스케치 한듯이 빠르고 심플하게 서비스 컨셉을 전달할 수 있는 툴입니다. 디테일한 화면 구성은 어렵겠지만 페이퍼 프로토타이핑을 화면에 똑같이 띄워볼 수 있는 툴입니다.



인비전 

참고

InVision


가격: 월정액, 프로페셔널 버전 22달러
실행 가능 환경: 웹 프라우저

인비젼은 최근 인기를 끌고 있는데요. 포토샵, 스케치로 등으로 디자이너가 작업한 이미지를 사이트에 업로드한 다음에 UI를 연결해 간단한 작동을 확인할 수 있습니다. 직접적으로 구동을 살펴볼 수 있으며, 따로 회의를 하거나 파일을 주고 받지 않아도 기획 참여자 간에 다양한 형태로 피드백도 실시간으로 나눌 수 있습니다. 



지금까지 IT서비스 프로토타입에 관한 내용이었는데요, 어떠셨나요? 시작은 쉽지 않겠지만 꾸준한 도전과 노력만 있다면 충분히 멋진 기획을 할 수 있답니다. 그럼 이제 가볍게 첫걸음을 내딛어 볼까요?

앱/웹 프로토타입 제작하기
시작하기
0
윈도우 타이틀
Toast Title
Toast Contents
페이스북
링크 복사