uxpin
-
한 번쯤 들어봤던 화면설계 & 프로토타이핑 툴 총정리제품 관리/서비스 기획 2016. 3. 30. 00:53
📌 이 글은 벌써 4년도 넘은 글인데요. 2020년 9월 1일 기준으로 최신 내용을 업데이트 했습니다. 아래 링크를 클릭해주세요! 프로덕트 매니저의 툴, UI 디자이너의 툴 IT 현장에서는 화면 UI를 설계할 때 대부분 파워포인트를 사용합니다. 저 또한 파워포인트로 수많은 스토리보드를 제작했는데요. 파워포인트로 화면을 설계하면서 다음과 같은 불편함을 느꼈습니다. 파워포인트 설계의 불편한 점 1. 제한된 공간에 페이지 경로, 화면 UI, 디스크립션 등 다양한 내용을 담아야 한다. 그러다 보니 화면이 점점 복잡해진다. 개인적으로는 다음 페이지로 넘기지 않기 위해 최대한 욱여넣었고 폰트 사이즈는 점점 작아졌다. 2. 수정사항이 발생하면 모든 화면을 일일이 수정해야 한다. 페이지가 적으면 크게 문제 되지 않지만..
-
Axure 프로토타이핑 #3. 동적 그래프프로토타입 툴 Axure/프로토타입 샘플 2015. 9. 5. 11:22
세번째 샘플. 동적 그래프 프로토타입을 구현해봤습니다. 그래프가 동적으로 로딩되고, 정렬 옵션을 이용해 오름차순/내림차순 정렬이 가능하며, 막대그래프 클릭 시 툴팁을 보여줍니다. Axure 프로토타이핑 #3. 동적 그래프 샘플보기(클릭) 동적 그래프 화면 구성은 쉽고 빠르게 할 수 있지만 동적인 효과를 넣기 위해 기본적인 개발지식이 필요합니다. 엑셀의 매크로와 같은 개념으로 생각하면 되구요. Axure 프로토타이핑에서는 최고 난이도 작업이라고 볼 수 있습니다. 이전에 만들었던 소스를 활용하여 구현까지 약 1시간 소요되었습니다. 샘플 #1 모바일 인터랙션 샘플 #2 백오피스 프레임 및 기본 게시판 샘플 #4 워치 앱과 계산기 샘플 #5 반응형 웹 강좌 2016년 Axure 강좌일정 및 공식 커리큘럼 안내 ..
-
Axure 프로토타이핑 #1. 모바일 인터랙션프로토타입 툴 Axure/프로토타입 샘플 2015. 9. 5. 11:10
안녕하세요. 기획자 조영수입니다. 서비스를 기획할 때 PPT에서 벗어나 프로토타입 툴을 사용해보고 싶은 적 없으셨나요? 사용하고 싶다고 해도 업무협업, 효율성 등의 이유로 현업에 도입하기가 쉽지 않으셨을 겁니다. 또한 시중에 수많은 프로토타입 툴이 나와있어 어떤 툴을 사용할 지 결정하기 어렵죠. 저 또한 Axure, balsamiq mockups, Flinto, Framer, Indigo Studio, Invision, Marvelapp, Mockups, Proto.io, Pencil, Pixate, pop, Oven.io, Origami, UXPin, 프로토나우 등 대부분의 툴을 사용해봤는데 툴 마다 장단점이 명확해서 어떤 툴이 좋다라고 설명하기 어렵더라구요. 저는 위의 툴 중 Axure를 5년간 사용..