본문으로 바로가기
스토리보드에 빼놓을 수 없는 중요 요소 중 하나가 디스크립션입니다. 

기획자는 설계서를 보는 디자이너, 퍼블리셔, 개발자에게 전해야 하는 메세지를 디스크립션에 작성하고 '화면 UI'와 '디스크립션'에 근거하여 소통을 진행하는데요. 프로토타입 툴은 이러한 디스크립션을 작성하기 어렵다는 단점이 있습니다. 

그렇다고 방법이 없지는 않겠죠? 
보다 나은 소통을 위해 직접 연구하고 개발한 Axure 스토리보드 실무 적용 사례를 공유드립니다.

샘플은 PC 기준으로 제작되었으니, 모바일 접속자는 동영상 링크를 클릭해주세요.

모바일에서는 동영상 링크를 클릭해주세요.



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

댓글을 달아 주세요

  1. 김형섭 신고">2016.02.26 10:16 신고

    궁금한 점이 있는데 Axure툴이 오븐이나 인비전, 발사믹, Cacoo 같은 툴과 비교하면 어떤 점에서 나을까요?

    • BlogIcon 웹기획자 조영수 신고">2016.02.26 10:30 신고

      개인적인 의견이지만 크게 2가지 정도의 차이가 있습니다.

      1. Axure는 PC에 설치하는 로컬 프로그램이여서 오프라인에서 작업이 가능합니다. 또한, 100page 이상 페이지가 많아져도 속도에 크게 지장이 없습니다.

      2. 오븐과 인비젼 같은 툴은 프론트 페이지를 설계하기에 적합하지만, Axure의 경우 복잡한 백오피스 시스템까지도 무리없이 설계할 수 있습니다.

      따라서, 간단히 시연용 프로토타입을 만들어 볼거라면 오븐, 인비전, 발사믹 등의 툴을 추천드리구요. 서비스컨셉, 정책, 플로우차트 등이 포함 된 상세한 스토리보드를 만들어야 한다면 Axure를 추천드립니다.

  2. 2016.07.20 10:18

    비밀댓글입니다

  3. 1@ 신고">2016.08.03 17:56 신고

    혹시 프로토타입 실행 시 width 100%로 어떻게 설정하는지 알 수 있을까요?

    • BlogIcon 웹기획자 조영수 신고">2016.08.03 19:26 신고

      안녕하세요. 이동중이어서 모바일로 간략히 답변드립니다.

      width를 100%로 하기 위해서는

      1. 다이너믹 패널을 만든다.
      2. 다이너믹 패널 선택 후 우측 PROPERTIES 중간의 100%를 체크해주시면 됩니다.

  4. 2016.08.11 11:14

    비밀댓글입니다

    • BlogIcon 웹기획자 조영수 신고">2016.08.11 15:28 신고

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

      남겨주신 댓글들은 모두 잘 확인했습니다.
      기능에 대한 설명 요청도 해주셨는데요. 글로 설명하기는 어려운 부분이 있어 공유 가능한 파일만 메일로 공유드립니다.

      자세하게 알려드리지 못하는 점 양해 부탁드립니다. ^^

  5. 남건우 신고">2016.11.17 16:00 신고

    저도 이메일로 공유좀 부탁드립니다 ㅠㅠ slsrmsn@naver.com

  6. vins 신고">2016.11.22 21:05 신고

    저도 공유좀 부탁드려요^^ 잘 만들고 싶네요
    okwh10@naver.com

  7. BlogIcon 김승수 신고">2017.02.02 15:58 신고

    안녕하세요, 현업에서 기획자로 일하고 있고 axure 통해 효율적입 업무를 할 수 있다는 판단에 공부하고 있습니다. 파일을 메일로 공유요청드려도 될까요? exist2002@daum.net 부탁드리겠습니다. 감사합니다.

  8. 2017.02.09 10:36

    비밀댓글입니다

  9. 2017.02.16 14:02

    비밀댓글입니다

  10. Philosophy 신고">2017.05.22 12:04 신고

    안녕하세요. 일단 axure 결제부터하고 사용법을 익히는 중인데 이거 쉽지 않네요;; 혹시 괜찮으시다면 샘플소스들 공유 좀 부탁드려도 될까요?? 부탁드립니다(__) 저에게 많은 도움이 될것 같아요...yuhka@naver.com 입니다. 그리고 현업에서 마스터님 정도로 능숙하게 사용하려면 어느정도 걸릴까요?

    • BlogIcon 웹기획자 조영수 신고">2017.05.25 10:19 신고

      헛, 결제부터 하셨다니 대단하시네요!! 현업에서 능숙하게 사용하려면 적어도 3개월 정도는 꾸준히 사용하셔야 하구요. 마스터 정도로 능숙하게 하시려면 최소 6개월 정도는 필요할 것 같습니다 ^^ 샘플소스는 메일로 공유드리겠습니다.

  11. 알버트 신고">2017.06.13 13:46 신고

    비밀 댓글로 달았었는데요. 다시 댓글 달아봅니다.
    강좌 보면서 Axure 사용해서 화면설계를 하고 싶은 기분이 뿜뿜 솟아오릅니다.
    이 소스 공유 부탁 드려요. 많은 공부가 될듯 합니다. ghosari@gmail.com 입니다.

  12. 2017.07.06 14:09

    비밀댓글입니다

  13. 최현욱 신고">2017.08.28 18:40 신고

    안녕하세요 ^^
    위 샘플에서 상단 메뉴 선택 시 선택된 메뉴 버튼에 색상 들어가는 기능은 어떻게 구현하는건가요?
    Interaction Styles > Selected 로는 따라는 해봤는데 위 샘플처럼 구현이 안되네요 ㅠ
    소스나 방법 알려주시면 감사하겠습니다 ^^
    e-mail : chw6000@naver.com

  14. 목캔디 신고">2017.09.14 09:33 신고

    저도 메일로 자료 공유좀 해주세용~ 상단 100% 사이즈도 우와네요 ㅋㅋ디스크립션때문에 고민했는데 그 부분도 해결이 되는거 같구요!!!!!! 짱

  15. 2017.10.11 14:10

    비밀댓글입니다

  16. 목캔디 신고">2017.11.09 09:28 신고

    sujin3621@naver.com 입니다!!!
    한가지 더 질문 드리자면....실무자들은 화면설계서를 출력물로 보길 원하기 때문에 워드파일로 변환해서 주는데요, 화면설계서처럼 디스크립션이 나오지 않아 워드파일을 다시 편집해야하는 상황이 매번 발생하더라구요...그 공수도 만만치 않다는.... 출력물 어떻게 공유하시는지 여쭤봐도 될까욤??

  17. 2017.11.15 19:04

    비밀댓글입니다

  18. canon 신고">2017.12.04 10:32 신고

    상단 비주얼 bg width 100% 설정해도 안되던데 ㅠㅠ
    이거 파일좀 받을 수 있을까요?
    pep1985@nate.com