728x90
MockFlow란 Super-easy Wireframing이라는 컨셉으로 만들어진 말그대로 정말 쉬운 프로토타이핑 툴이다.
쉽게 같은 팀원들 혹은 스테이크 홀더(Steak holder)들과 커뮤니케이션 할 때 큰 도움이 될 것이라 생각한다.
더군다나 아이폰과 같은 특정 단말에 대한 템플릿이 미리 마련되어 있어 아이폰 UI를 그리고 있는 사람이라면 보다 편리하게 이 툴을 이용할 수 있을 것이라 생각한다.
쉽게 같은 팀원들 혹은 스테이크 홀더(Steak holder)들과 커뮤니케이션 할 때 큰 도움이 될 것이라 생각한다.
더군다나 아이폰과 같은 특정 단말에 대한 템플릿이 미리 마련되어 있어 아이폰 UI를 그리고 있는 사람이라면 보다 편리하게 이 툴을 이용할 수 있을 것이라 생각한다.
간단한 특징들은 아래와 같다.
Online/Offline
MockFlow is hybrid, so you can design seamlessly from anywhere & even with No net-connectionInteractive
Organize pages with sitemaps and define links to present a clickable prototype.Components
Comes with numerous built-in components & icons, For anything else there is MockStore - design library.Collaborate
Work as a Team. Co-design, communicate and get feedback, As simple as sharing an URL.Uses
Get your visual concept ready in minutes
Faster than drawing/coding wireframes
Instantly share your UI design with your clients
Export tableless CSS layouts using LayoutBuilder
Strategize with the built-in SiteMap Visualizer
백문이 불여일견인 관계로 우선 해당 툴에 대한 동영상 부터. :-)
Real-Time Design Collaboration from Produle on Vimeo.
1. 우선 해당 URL에 접근하기
http://www.mockflow.com/
2. 회원가입하기
http://mockflow.com/signup/
http://mockflow.com/signup/
3. 툴 이용해보기
로그인 후 이용가능
* 오프라인에서 활용하고 싶은 경우엔 설치버전 다운로드
http://mockflow.com/desktop/
4. 도움말 살펴보기
http://mockflow.com/help/
장점
전체 툴을 이용해보니 기존의 온라인툴의 문제점으로 지적되었던 오프라인에서의 활용, 협업할 수 있는 기능의 부족, 부족한 컴포넌트(여기선 앱스토어 형태로 필요한 컴포넌트들을 교류할 수 있는 공간이 마련되어있다) 등을 쉽게 활용할 수 있게끔 구성이 되어있다.
특히 팀원들 간에 함께 화면을 보고 채팅을 할 수 있는 기능은 정말 좋은 기능인듯.
(사실 파워포인트와 같은 특정 프로그램이 없고, 웹으로 즉각적으로 무언가 만들어 내야 하는 경우 좋은 툴로 활용될 수 있을 것 같다)
또한 사이트맵을 자동으로 생성해 준다거나 PDF로 자동변환 해주는 등 좋은 기능들이 마련되어있다.
한계
하지만 이러한 좋은 툴이 있더라도 혼자만 사용해서는 독불장군이 될 수 밖에 없는 것이 현실.
협업을 위해 새로운 툴을 다시 배워야 한다면 사람들을 아마도 조금 불편하더라도 익숙한 툴을 계속 이용할 것이다.
(나 역시 마찬가지)
이런 온라인 프로토타이핑 툴이 성공적으로 사람들에게 사용되어질 수 있으려면
파워포인트나 키노트를 넘어설 수 있는 편리함과 온라인 툴에서의 이점을 보다 강조할 수 있는 기능들이 필요할 것이다. (온라인이라는 것이 장점일 수 있지만 한계로 작용할 수도 있기 때문)
어쨋든 기술적인 문제와 익숙함이라는 케즘현상이 줄어들때 까지 한동안 이러한 좋은 시도의 툴들이 성공하기 쉽지 않아보인다.
한글을 지원하지 않는 점도 아쉬운점.
p.s) 아이폰이나 아이패드, 안드로이드 폰에 대해서는 Template, Component가 특화되어 있으므로 해당 UI에 대해 고민하시는 분들은 활용해볼만 한듯!
로그인 후 이용가능
* 오프라인에서 활용하고 싶은 경우엔 설치버전 다운로드
http://mockflow.com/desktop/
4. 도움말 살펴보기
http://mockflow.com/help/
장점
전체 툴을 이용해보니 기존의 온라인툴의 문제점으로 지적되었던 오프라인에서의 활용, 협업할 수 있는 기능의 부족, 부족한 컴포넌트(여기선 앱스토어 형태로 필요한 컴포넌트들을 교류할 수 있는 공간이 마련되어있다) 등을 쉽게 활용할 수 있게끔 구성이 되어있다.
특히 팀원들 간에 함께 화면을 보고 채팅을 할 수 있는 기능은 정말 좋은 기능인듯.
(사실 파워포인트와 같은 특정 프로그램이 없고, 웹으로 즉각적으로 무언가 만들어 내야 하는 경우 좋은 툴로 활용될 수 있을 것 같다)
또한 사이트맵을 자동으로 생성해 준다거나 PDF로 자동변환 해주는 등 좋은 기능들이 마련되어있다.
한계
하지만 이러한 좋은 툴이 있더라도 혼자만 사용해서는 독불장군이 될 수 밖에 없는 것이 현실.
협업을 위해 새로운 툴을 다시 배워야 한다면 사람들을 아마도 조금 불편하더라도 익숙한 툴을 계속 이용할 것이다.
(나 역시 마찬가지)
이런 온라인 프로토타이핑 툴이 성공적으로 사람들에게 사용되어질 수 있으려면
파워포인트나 키노트를 넘어설 수 있는 편리함과 온라인 툴에서의 이점을 보다 강조할 수 있는 기능들이 필요할 것이다. (온라인이라는 것이 장점일 수 있지만 한계로 작용할 수도 있기 때문)
어쨋든 기술적인 문제와 익숙함이라는 케즘현상이 줄어들때 까지 한동안 이러한 좋은 시도의 툴들이 성공하기 쉽지 않아보인다.
한글을 지원하지 않는 점도 아쉬운점.
p.s) 아이폰이나 아이패드, 안드로이드 폰에 대해서는 Template, Component가 특화되어 있으므로 해당 UI에 대해 고민하시는 분들은 활용해볼만 한듯!
