대화식 응용 프로그램 프로토 타입을 만드는 가장 좋은 방법은 무엇입니까?

StackOverflow https://stackoverflow.com/questions/139555

문제

이 질문은 일반적인 관점에서 해석되어야하며 웹 앱 또는 데스크탑 앱을 대상으로하지 않아야합니다.

웹 애플리케이션을위한 대화식 프로토 타입을 만드는 간단하고 쉬운 방법을 찾기 위해 주변을 둘러보고 있습니다. 추가 반복에서 간단한 UI 생성, 특히 UI 레크리에이션 및 수정을 허용하는 기술을 사용하고 싶습니다. 모형 데이터로 UI를 채우는 것은 매우 간단해야합니다. 이 기술은 UI 요소 A에서 UI 요소 B 로의 드래그 앤 드롭 동작을 지정하기 위해 간단한 형태의 프로그래밍이 필요할 수 있습니다.

내가 현재 사용하고있는 도구 중 하나는 Adobe Flex Builder입니다. 포함 된 Gui-Designer는 매우 훌륭하고 지금까지 AS3의 기술을 달성했습니다. 문제는 UI에 데이터를 추가하는 것입니다. 항상 XML-Trees 구조를 확인하고 구문 분석하기위한 프로그래밍 코드가 발생하고 주로 프로토 타입 의이 섹션을 디버깅합니다. 너무 번거 롭습니다!

많은 사람들이 사용하는 또 다른 도구는 PowerPoint입니다. PowerPoint는 별도의 슬라이드에서 상호 작용의 모든 부분을 그려 GUI를 만드는 정말 번거로운 방법을 포함합니다. 안 돼요! 나는 종이 프로토 타입으로 훨씬 더 빨리있을 것입니다. 다른 (더 나은!) 무료 양식 그리기 도구 도이 범주의 일부이지만 (나는 행복한 무거운 무게 인크 스케이프 사용자입니다) 프로토 타이핑 및 모형은 분명히 그들의 주요 목적이 아닙니다. Viso 용 UI- 스텐실 팔레트는 드로잉 경쟁보다 조금 더 나쁩니다.

내가 아는 한 빠른 프로토 타이핑의 주요 경쟁자는 다음과 같습니다.

  • 나는 일어난다
  • 도끼
  • 세레나와 기타?
  • 비소
  • PowerPoint, Illustrator, Inkscape 또는 기타 무료 양식 그리기 도구
  • 종이 프로토 타이핑
  • 좋은 GUI Builders (Flex Builder Designer 및 NetBeans Matisse와 같은 IDE)

내 의견은 진짜 gui 건설자들이 좋은 응시 요점이라는 것입니다. 현재 접근 방식은 무엇입니까? 여기에서 귀하의 프로세스와 장단점을 설명하십시오.

도움이 되었습니까?

해결책

실제 GUI 빌더는 다음과 같습니다.

  • 훨씬 느리게
  • 프로그래머만이 이들을 사용할 수 있습니다 (VB로 테이블을 채우는 방법을 분석하는 방법을 설명하십시오).
  • 그들은 당신이 당신의 모형을 즉시 주석을 달지 못하게합니다.
  • "거의 완료된"응용 프로그램으로 착각 할 수없는 화면을 만들기위한 스킨 (예 : 흑백)이 없습니다.

특수 모형 도구는 일반적으로 다음과 같습니다.

  • 의사 소통 지향
  • 모형 (메모와 함께)을 PDF/HTML/Word 등으로 인쇄하거나 내보낼 수 있습니다.
  • 더 나은 것은 "마스터 스크린"의 변형을 가지고 있으므로 소수의 주요 응용 프로그램 화면에서만 수백 개의 모형을 도출 할 수 있습니다 (고객과 실제 시나리오를 논의하려고 할 때 많은 모형을 얻을 수 있습니다).
  • 회의에서 실시간으로 프로토 타입을 할 수 있도록 충분히 빠릅니다.

거의 10 년 전에 나는 위의 모든 것에서 좌절하고 내 도구를 만들었습니다. mockupscreens. 빨리 인기가 높아졌습니다 :-)

그리고 여기 내가 알고있는 특수 도구의 가장 완전한 목록이 있습니다. 그 중 많은 사람들이 무료입니다. http://c2.com/cgi/wiki?guiprotoTypingTools

다른 팁

빠르고 더러운 종이 프로토 타이핑 : PowerPoint (참조 : 참조 : PowePoint 프로토 타이핑 툴킷)

-제시 할 수있는 프로토 타입을 쉽게 모으기위한 그리트. 슬라이드 특성은 또한 모의 상호 작용을 대체 할 수 있습니다. 단점은 표준화의 부족입니다. 훈련 된 프로젝트가 아닙니다.

훈련 된 종이 프로토 타이핑 : Visio

-표준화되고 완전한 특징이지만 더 번거 롭습니다

대화식 프로토 타이핑 : Visual Studio

-Drag-N-Drop 및 이벤트를 사용한 매우 빠른 상호 작용 건물. 데이터 중심이 될 수 있습니다. 스타터 키트로 프로토 타입 '베이스'를 만들 수도 있습니다. 단점만이 실제로 생산 응용 프로그램으로 만드는 유혹입니다. ;)

또한 있습니다 발사미. 나는 그것을 좋아하지만 보통 이런 것들에 대해 매우 빠르게 지쳤습니다. Pen & Paper 또는 OS X의 인터페이스 빌더를 사용하게됩니다.이 모든 프로토 타이핑 도구보다 사용하기는 어렵지 않습니다.

모형/와이어 프레임 (예 : 정적 사진)에 대해 이야기하고 있다면 Visio가 선택한 도구입니다.

당신이 언급 한 대부분의 소프트웨어는 일반 비즈니스 사용자의 수준보다 높습니다 (즉, 비즈니스 사용자와 달리 모형을 수행하기 위해 전문가가 필요합니다) 또는 모형 목적으로 만들어지지 않습니다.

동적 프로토 타입이 필요한 경우 많은 옵션이 있으며 모든 것은 팀에서 사용할 수있는 기술 유형에 따라 다릅니다. 예를 들어 HTML에서 매우 강한 사람이 있습니다. Wysiwyg 도구에서 Flash를 사용하여 동일한 작업을 수행하려고 시도하는 메모장에서 처음부터 HTML 페이지를 처음부터 작성하는 것이 훨씬 쉬울 것입니다. 다른 사람들은 좋은 플래시 기술을 가지고 있으며 그들을 고용 할 수 있습니다.

표현 블렌드 (http://www.microsoft.com/expression/products/overview.aspx?key=Blend) XAML에서 빠른 모형을 만드는 데 사용할 수 있습니다. XAML에서 Mockup의 데이터를 인라인 XML로 저장하거나 WPF/Silverlight 애플리케이션으로 빠르게 변환하고 Visual C# Express (visual c# express를 사용하여 Mockup 뒤에 기본 비즈니스 로직을 구축 할 수 있습니다.http://www.microsoft.com/express/vcsharp/) 또는 Visual Studio 2008.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top