훌륭한 웹 기반 프로토 타이핑 도구는 무엇입니까?
웹 기반 프로토 타이핑 도구 목록을 찾고 있는데 StackExchange의 민주적 투표 시스템을 사용하여 여기에 도구를 만들고 싶습니다.
웹에는 이미 다음과 같은 목록이 있습니다.
- c2.com의 GUI 프로토 타이핑 도구 -이것은 사용자가 편집 할 수있는 위키입니다
- adaptivepath.com의 빠른 프로토 타이핑 도구 -더 이상 적응 형 경로를 사용하지 않는 기사 작성자가 관리하는 목록
Google 검색 "프로토 타이핑 도구 목록" 에서 둘 다 발견했습니다.
StackExchange UI는 장기적으로 이러한 목록을 관리하기위한 최상의 형식이어야합니다. 완전성 일 필요는 없습니다. 완전성은 거의 알려지지 않았거나 오래된 도구를 포함하여 많은 답변을 추가하는 것을 포함합니다. 대신, current 웹 기반 프로토 타이핑 앱 목록을보고 싶습니다. 각 제품에 대한 투표는 시간이 지남에 따라 이상적으로 발전 할 것입니다 (예 : Balsamiq 오늘 정상에서 시작하지만 5 년 후 다른 항목이 표시 될 수 있습니다.
나는 객관적으로 대답 할 수있는 것보다 더 많은 문서이기 때문에 이것을 커뮤니티 위키로 만들고 있습니다.
HTML + CSS + JS
충실도 높은 프로토 타이핑을보고 있다면 이것이 유일한 옵션입니다.
나는 하이파이 (코딩) 또는 매우 lo-fi (Balsamiq와 같은 스케치 응용 프로그램)를 옹호합니다.
비교적 길 들이지 않는 상호 작용을 테스트하지 않는 한 Axure와 같은 솔루션은 다소 위험합니다. 충실도를 의미하지만 실제 사용자 경험을 반영 할 정도로 앱의 상호 작용을 세부적으로 조정할 수는 없습니다.
발사 미크 모형
따라서 언급 했으므로 Balsamiq을 추가하여 목록을 시작합니다. :)
웹 버전은 아직 정식 출시되지 않았지만 데스크톱 앱은 매우 훌륭합니다.
출시되면 제품은 다음 위치에 있습니다. Balsamiq Web app project page
그렇지 않으면 항상 데스크톱 앱이 있습니다 (동일한 URL에 "데스크톱 앱"링크 클릭).
앵무새
Mockingbird가 브라우저 기반 앱을 사용하는 가장 쉬운 방법 중 하나라는 것을 알았습니다. http://gomockingbird.com
수공
Balsamiq은 고객과의 브레인 스토밍 및 킥오프 세션에서 아이디어를 스케치하기위한 첫 번째 선택입니다. 그러나 완전한 기능을 갖춘 프로토 타입과 관련하여 선택한 약물은 항상 Handcraft 입니다. HTML 프로토 타이핑에 적합하며 일반적으로 백엔드 코딩 기술이 필요하거나 자바 스크립트로 함께 던질 수있는 상호 작용 흐름을 만들 수있는 뛰어난 기능을 제공합니다.
연필
Pencil 는 내가 익숙해 져서 아주 좋은 것입니다. 웹 기반은 아니지만 Firefox 플러그인입니다.
Google 문서의 파란색 와이어 프레임.
이 Morten Just의 블로그 게시물 에서 사용할 수있는 공용 Google 드로잉 을 만들었습니다. 이유가 확실하지 않지만 빈 템플릿이 이제 사라 졌으므로 한번 다시 복사 한 템플릿을 공유했습니다 . 와이어 프레임 객체가 왼쪽에 보이지 않으면 축소하십시오.
여기에는 오른쪽의 모형 영역으로 복사하여 붙여 넣은 다음 크기를 조정하는 와이어 프레임 객체 세트가 있습니다.
그런 다음이 템플릿을 사용하여 모형을 만든 사람들의 Google 문서 갤러리 가 있습니다.
핫 글루
Hotgloo는 기본 프로토 타이핑, 페이지 사이의 영역에 대한 핫 링크, balsamiq과 동등한 일부 충실도 기능을 제공합니다. mockingbird보다 정교하지만 axure 또는 justinmind와 같은 데스크탑 앱만큼 기능이 없습니다.
my.origramy
공유해 주셔서 감사합니다! my.origramy 서비스를 목록에 추가합니다. 웹 사이트 프로토 타입, 마인드 맵, 다이어그램 또는 구성표를 만들어야 할 때마다 사용하는 무료 온라인 서비스입니다.
기초
HTML/CSS/JavaScript 솔루션을보고 있다면 http://foundation.zurb.com/ 을 살펴 보는 것이 좋습니다.
FluidUI
이 목록에 FluidUI를 추가하고 싶습니다. 지난 달에이 도구를 출시했습니다. 웹 기반이며 저 충실도 및 고 충실도 UI 프로토 타입을 빠르게 만들 수 있도록 설계되었습니다. 여러 플랫폼을 지원하지만 필요한대로 페이지 크기를 설정할 수 있습니다.
그것에 링크 fluidui.com하지만 당신이 똑바로 뛰어 들어 양식을 작성하지 않고 그것을 밖으로 시도하고 그것을하지 않으면 http://www.fluidui.com/editor
글 리피
gliffy 어때요? 우리 회사에서 방금 사용하기 시작했는데, 발사믹이나 mockingbird보다 저렴하고 더 다양한 용도로 사용됩니다.
http://cacoo.com 이 있습니다. 인터페이스는 약간 난해하지만 무료 버전은 다른 것 (25 페이지, 15 명) 중 일부에 비해 덜 제한적입니다.