2015.03.13 22:31


 

 

 

 

오감세의 지식공유시리즈!

오늘은 기획자(웹기획/앱기획)가 사용하는 다양한 스토리보드툴 중,

오감세가 수년간 따닥따닥 활용하고 있는 액슈얼(AXURE)의 주요특징을 소개합니다.

 

강의수준은 초급~중초급 입니다.

 

 

 

 

 

1. 기획툴 최근동향

 

예전에는 기획자료를 만들때는 파워포인트를 이용해 제한된 영역안에 외부(의뢰사), 내부(디자인/개발팀)에 전달하곤 했습니다.

서비스 기획일때는 어떻게 꾸역꾸역 모든 기획의도와 요소들을 표현할 수 있었지만,

시스템 기획이거나 다이나믹한 인터렉션 등을 표현하기에는 작성하는 기획자나 보는 사람들도 제대로 화면설계를 보기가 힘든 것이 사실입니다.

디테일하고 정확한 방향을 제시 해야하는 기획자료가 '읭? 이거 뭘 쓴 거에요?'가 되버리는 일도 생기게 됩니다.

 

최근에는 스마트한 기획툴들이 많이 나와 파워포인트를 통해 기획하는 비중은 점차 낮아지고 있습니다.

유명한 기획툴로는 Axure 외에 파워목업(powermockup)이라는 툴도 아주 좋은 툴로 소문이 자자합니다.

 


오감세가 Axure을 추천하는 이유!

 

웹기획, 앱기획하기에 특화된 툴을 이용하면 숙련도와 응용력에 따라 무한한 문서의 표현이 가능하며,

버전관리에 용이하고 정확한 정보를 전달할 수 있다는 데에 있습니다.

 

 

2. Axure 기본소개

 

■ 공식사이트 : http://www.axure.com/

 

■ 주요특징

- 자유로운 요소 활용 : 기본 제공되는 요소들을 마우스로 끌어다 붙이면 되는 편리함. 외부 요소의 활용도 용이.

- 수준 높은 프로토타입 화면설계 작성 : 마치 그 자체가 웹사이트인듯한 배치 및 액션의 표현 가능.

- 공유 : 내부 서버에 퍼블리싱(html화) 및 axure에서 제공하는 웹공간으로의 퍼블리싱(접속 주소 자동부여).

- 협업 프로젝트 : SVN 서버 등을 이용해 여러명의 기획자가 하나의 프로젝트 작업 가능.

- 다양한 라이브러리 공유 : 기획에 필요한 아이콘, 템플릿 등의 라이브러리를 다운로드 받아 쉽게 적용 가능.

 

■ 조금 더 섬세한 특징

- 페이지간의 링크 기능 : 페이지명이 바뀌거나 순서가 바뀌어도 고유값을 연결하는 방식이므로 계속 유지됨.

- 마스터패널 : 전페이지 혹은 다수의 페이지에서 공통적으로 사용하는 요소를 한 번 만 작성하여 적용. 수정 시 적용된 페이지에 동시 수정값 반영.

- 다이나믹한 기능 : 퍼블리싱 할 때, 사용자가 정의한 클릭에 따른 무빙 적용.

- 주석기능 : 중요한 요소마다 설명을 펼쳐놓는 방식이 아닌, 작은 포스트잇 형태로 주석 첨부 가능.

 

■ 무료버전

- 30일 무료 버전 제공

- 링크 : http://www.axure.com/download

 

■ 유료버전

- 스탠다드 버전 : $289

- 프로버전 : $589(팀프로젝트 가능한 버전)

 

■ 언어

- 영어 : 한글버전이 없습니다만, 파워포인트를 많이 사용해보신 분이라면! 하루 작정하고 툴을 다뤄보면 바로 사용하기에 무리 없습니다. ^^

 

■ 교육자료

액슈얼 자체 사이트에서 몇가지 주요활용방법을 동영상으로 제공하고 있습니다.

1~2시간이면 아~ 이런거구나! 하고 익힐 수 있습니다.

오감세도 이 영상으로 살짝 학습하고 옳거니! 하고 바로 실무에 들어갔습니다.

- 링크 : http://www.axure.com/learn

 

그 외 'Community < Forum' 섹션에 질문을 올리면 한국시간으로 거의 12시간 이내에 회신을 받을 수 있습니다.

에... 물론 영어로 작성하셔야 합니다만, 거의 단어만 나열하듯이 질문해도 질문만 명확하다면 친절히 답변이 달립니다. ㅋㅋㅋㅋ

 

 

 

3. 이런 표현이 가능합니다.

 

AXURE을 이용해 오감세가 자주 사용하는 특징을 조금 더 상세하게 준비했습니다.

아래 소개되는 4가지 활용도 높은 특징은 좀 더 상세히, 역동적으로 볼 수 있도록 아래 샘플주소에서도 확인이 가능합니다.

▶▶▶ 오감세가 준비해본 초간단 샘플주소 : http://ptxq98.axshare.com/

▶▶▶ 샘플 원본파일 : 오감세axure.rp

 

 

(1) 마스터패널

 

'공통영역은 한 번만 작업하면 된다니!'

 

화면설계 모든 페이지에 걸쳐 동일하게 출력하는 영역을 미리 마스터 패널로 만들어놓고 페이지마다 배치해서 사용합니다.

주로 Header, Footer 영역 등의 모든 페이지에 동일한 영역을 마스터 패널을 이용합니다.

 

예를들어, Header 영역에 메뉴명이 변경될 경우, 마스터 패널 내의 Header로 저장한 영역만 수정하면, 배치된 모든 페이지가 동일하게 자동수정됩니다.

텍스트, 링크, 구조 모두 원하는데로 수정할 수 있습니다.

 

 

 

(2) 사실적인 요소

 

'나는 이런 요소가 들어가는 디자인과 개발을 요청합니다.'

 

디자인/개발팀에 사실적인 화면설계를 제공하므로, 기획자가 생각하는 정확한 요소를 전달할 수 있습니다.

샘플주소로 접속하시면 게시판 입력화면을 예제로 설명하였습니다.

 

 

 

(3) 다이나믹한 설계

 

'구현하고자 하는 기능을 다이나믹하게 표현합니다.'

 

비주얼적인 영역을 설계해야하는 경우, 파워포인트 등의 툴로는 표현에 한계가 있습니다.

그럼 자연적으로 화면설계에 내용을 표현하려니 점점 누더기가 되어갑니다. ㅎㅎ

Axure에서 제공하는 다이나믹 패널을 응용하면 굉장히 폭넓은 표현이 가능하고, 개발전 내/외부 PT 때도 커뮤니케이션에 굉장히 큰 도움을 줍니다.

 

샘플주소로 접속하시면 다이나믹한 '이미지 전환' 예제를 확인할 수 있습니다.

 

 

 

(4) 주석달기

 

'꼼꼼한 작업기준을 제시합니다.'

 

서비스 기획에서는 큰 문제 없다고 생각할 수도 있으나,

시스템 기획이라면! (파워포인트 등)한정된 화면에 모든 정책과 계산법, 기준을 담으려면 기획을 하다가 컴퓨터를 꺼버리고 싶을때가 많습니다.

 

딱 정확한 위치에 작은 포스트잇으로 설명을 각각 할 수 있다면 어떨까요?

 

샘플주소로 접속하시면 실제 오감세가 작업했던 화면설계의 일부를 예제로 보실 수 있습니다. 꽤 복잡할 수 있는 정보를 각 영역에 주석으로 설명을 달았습니다.

 

 

 

▶▶▶ 오감세가 준비해본 초간단 샘플주소 : http://ptxq98.axshare.com/

▶▶▶ 샘플 원본파일 : 오감세axure.rp

 

 

 

기획자의 실무적인 정보가 필요한 분들에게 조금이나마 도움이 되셨길 바라며,

차주에는 '개발자와 원활한 소통을 위한 화면설계'에 대한 스킬 정보를 공유하겠습니다.

관심있는 분들의 댓글 언제든 환영합니다.

 

 

 

- 해당 정보는 기획자에 대해 정보가 필요한 분들을 위해 정보공유 차원에서 오감세가 직접 작성한 포스트입니다. -
- 오감세는 웹개발자(PHP) 출신 웹디자이너로도 활동하고 있습니다. 기업홈페이지, 쇼핑몰 제작의뢰도 받고 있습니다. lubian@hanmail.net -

 

 

 

오늘도 감동인 세상 오감세였습니다.

건강하고 행복한 하루 되세요~ ^^

 

 

 

 

 

 

 

 

저작자 표시 비영리 변경 금지
신고
크리에이티브 커먼즈 라이선스
Creative Commons License
Posted by 오감세

댓글을 달아 주세요

  1. 사용이 간편하면서도 효용성이 높은 툴 같네요.
    수년동안 사용하시던 정보와 노하우를 공개해 주셔서 감사합니다.
    보다 많은 사람들에게 도움이 되었으면 하네요.

    2015.03.13 22:51 신고 [ ADDR : EDIT/ DEL : REPLY ]
  2. 기획자들에게 도움이 되겠네요. 사진이 좀 더 컸으면 좋겠군요

    2015.03.14 08:10 신고 [ ADDR : EDIT/ DEL : REPLY ]
  3. 신기한 프로그램이네요~
    오감세님이 하시는 일도 알게 되고
    블로그 디자인도 너무 깔끔하고 좋다는 느낌이 들었는데
    역시 내공이 있으셨어요~ ㅎㅎㅎ ^^

    2015.03.14 08:31 신고 [ ADDR : EDIT/ DEL : REPLY ]
  4. 이 분야에 관심이 있는 분들에겐 큰 도움이 되는 포스팅이네요.
    홈페이지 제작도 의뢰를 받으시구요.
    오감세님이 하고자 하시는 일이 잘될 거라고 믿습니다.

    오늘은 날씨가 아주 좋을 것 같습니다.
    제주도의 봄은 더욱 찬란하겠지요.
    기쁘고 행복한 휴일 보내십시요^^

    2015.03.14 10:53 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 감사합니다. 다시 굉장히 바쁜 오감세가 되고 싶어 근질~근질~ 합니다. ㅎㅎㅎ

      어우 제주도 날씨 대박이었어요.
      다음주면 전국에서 제일 먼저 벚꽃이 핀다니 기대하고있는데...
      아... 저 잠깐 서울 올라가있네요. ㅎㅎㅎ

      2015.03.16 00:53 신고 [ ADDR : EDIT/ DEL ]
  5. 음!!!.. 저에게 이런 학문은.. 난해하지만.. ^^;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
    정말 이 쪽 분야에 관심이 있고 도전해보실 분들에겐 유용한 정보 같아요..
    많은 분들이 찾아오셔서.. 많은 도움 받았으면 좋겠어요.. 건강하고..행복한 주말 보내세요^^

    2015.03.14 15:25 신고 [ ADDR : EDIT/ DEL : REPLY ]
  6. ㅎㅎㅎ잘 보고갑니다.
    즐거운 휴일되세요

    2015.03.15 05:14 신고 [ ADDR : EDIT/ DEL : REPLY ]
  7. 기업홈페이지에 쇼핑몰제작이라 오감세님 실력이 대단하셔요..^^
    역시 뭔가 실력자 내공이 느껴진다고....싶었는데^^

    2015.03.15 14:12 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 우와아아 정말 고런 냄새 쵸큼 났나요? 크크 ㅋㅋㅋ
      현재 회사 망해서 열심히 프리랜서 활동중이에요. ㅎㅎㅎ

      2015.03.16 00:55 신고 [ ADDR : EDIT/ DEL ]
  8. 우왕~ 전문가의 포스가 묻어나는 간결하면서 포인트를 쏙쏙 짚어주는 포스팅 같습니다.
    제가 문외한이라 잘 이해는 못하지만서도.ㅎㅎ
    홈페이지 제작도 하시나봐요~~

    2015.03.16 22:11 신고 [ ADDR : EDIT/ DEL : REPLY ]
  9. 비밀댓글입니다

    2016.05.16 16:57 [ ADDR : EDIT/ DEL : REPLY ]
    • 아쿠 회신이 정말 늦었네요.
      요즘 Axure 강의를 하고 있는데 한 번 연락차 메일 드릴게요.

      2016.09.22 13:12 신고 [ ADDR : EDIT/ DEL ]


티스토리 툴바