본문으로 바로가기

안녕하세요. 기획자 조영수입니다.


서비스를 기획할 때 PPT에서 벗어나 프로토타입 툴을 사용해보고 싶은 적 없으셨나요? 사용하고 싶다고 해도 업무협업, 효율성 등의 이유로 현업에 도입하기가 쉽지 않으셨을 겁니다. 또한 시중에 수많은 프로토타입 툴이 나와있어 어떤 툴을 사용할 지 결정하기 어렵죠.


저 또한 Axure, balsamiq mockups, Flinto, Framer, Indigo Studio, Invision, Marvelapp, Mockups, Proto.io, Pencil, Pixate, pop, Oven.io, Origami, UXPin, 프로토나우 등 대부분의 툴을 사용해봤는데 툴 마다 장단점이 명확해서 어떤 툴이 좋다라고 설명하기 어렵더라구요.

  

저는 위의 툴 중 Axure를 5년간 사용해왔고 프로토타이핑에 있어서는 Axure가 최고의 툴이라고 생각되어 여러분에게 소개하려고 합니다. 어떤 점에서 이 툴이 좋은지 사례를 중심으로 하나씩 소개하겠습니다.


Axure 프로토타이핑 #1. 모바일 인터랙션


샘플보기(클릭)


하루 짬을 내어 샘플을 만들어봤습니다. 모바일에서 활용할 수 있는 다양한 인터랙션을 적용했으며 웹과 모바일에서 모두 작동합니다. (맥에서 작업해서 일부 윈도우 브라우저에는 최적화가 안될 수 있습니다 ^^;;)


메인 인터랙션 스케치



샘플 #2 백오피스 프레임 및 기본 게시판

샘플 #3 동적 그래프

샘플 #4 워치 앱과 계산기

샘플 #5 반응형 웹

저작자 표시 비영리 변경 금지
신고
웹기획자 조영수
여행 카테고리 서비스 기획자. 《처음부터 다시 배우는 웹 기획》 저자. 웹기획&AXURE 강사. 웹/모바일 기획자 그룹 운영자.

댓글을 달아 주세요

  1. 낑이 신고">2016.07.19 22:36 신고

    구글 검색으로 찾아오게 되었습니다. 좋은 게시글 감사합니다. 도움이 많이 될 것 같습니다.

  2. 2017.05.12 17:24

    비밀댓글입니다

  3. 목캔디 신고">2017.09.14 09:22 신고

    모바일에서 액션 적용하고 싶은데 방법을 모르겠어요~

    • BlogIcon 웹기획자 조영수 신고">2017.10.13 00:06 신고

      안녕하세요. 모바일에서 액션을 적용하기 위해서는 Dynamic Panel을 사용해야 합니다. 위 샘플을 구현하기 위해서는 여러 액션이 적용되었는데요. 글로 설명하기가 애매하네요 ^^;;