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

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

서비스를 기획할 때 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 반응형 웹

저작자표시비영리변경금지

낑이
2016.07.19 22:36

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

수정/삭제 댓글쓰기 댓글보기
1. Damon Cho
  2016.07.20 10:25 신고
  
  댓글 감사합니다.
  Axure가 실무에 도움 되셨으면 좋겠습니다. ^^
  
  수정/삭제
익명
2017.05.12 17:24

비밀댓글입니다

수정/삭제 댓글쓰기 댓글보기
1. Damon Cho
  2017.05.13 00:41 신고
  
  공유드렸습니다 ^^
  
  수정/삭제
목캔디
2017.09.14 09:22

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

수정/삭제 댓글쓰기 댓글보기
1. Damon Cho
  2017.10.13 00:06 신고
  
  안녕하세요. 모바일에서 액션을 적용하기 위해서는 Dynamic Panel을 사용해야 합니다. 위 샘플을 구현하기 위해서는 여러 액션이 적용되었는데요. 글로 설명하기가 애매하네요 ^^;;
  
  수정/삭제
익명
2017.12.20 17:48

비밀댓글입니다

수정/삭제 댓글쓰기 댓글보기
1. Damon Cho
  2018.01.10 17:34 신고
  
  메일로 답변드렸습니다. 감사합니다.
  
  수정/삭제
쿼카
2018.02.13 10:25

안녕하세요ㅜㅜ axure를 공부하고 있는데 혹시 rp 파일을 얻을 수 있을까요?ㅜㅜㅜ lu_nar77@naver.com 메일입니다ㅠㅠㅠ 부탁드립니다ㅠㅠㅠ 감사합니다

수정/삭제 댓글쓰기 댓글보기
하이루
2018.02.21 14:39

안녕하세요, 구글 검색으로 발견했는데, axure 공부중이라 rp파일 공유 부탁 드려도 될까요? 정말 좋은 자료 감사드립니다! 꾸준히 방문하겠습니다!

수정/삭제 댓글쓰기 댓글보기
1. 하이루
  2018.02.21 14:39
  
  hongm_m@naver.com 입니다!
  
  수정/삭제
JohnK
2018.09.05 09:24

안녕하세요 조영수님 웹기획을 배우고 있는 새내기 기획자입니다.
책도 구입하여 정말 유용하게 공부하고 있습니다 :D
괜찮으시다면 RP FILE 공유드려도 괜찮은지요?
johank1985@gmail.com 입니다

수정/삭제 댓글쓰기 댓글보기

Axure 프로토타이핑 #2. 백오피스 프레임 및 기본 게시판

티스토리툴바