SketchFlow로 프로토타입 생성

좋은 제품은 좋은 디자인으로 시작합니다. SketchFlow는 프로토타입 프로세스 즉, 개념 디자인부터 완성된 응용 프로그램 프로덕션까지 모든 프로토타입 과정을 지원하도록 디자인된 Microsoft Expression Blend의 새로운 기능 집합입니다.

SketchFlow를 사용하면 다음 작업을 쉽게 수행할 수 있습니다.

• 동적 사용자 환경을 통해 빠르게 실험합니다.

• 관련자에게 디자인 의도를 전달합니다.

• 관련자 의견을 수집, 평가 및 구현합니다.

SketchFlow에서 사용할 수 있는 프로토타입 도구에 대한 자세한 개요는 SketchFlow 개요를 참조하십시오.

응용 프로그램 흐름 만들기

디자이너는 SketchFlow를 사용하여 응용 프로그램의 흐름을 나타내는 대화형 맵을 쉽고 빠르게 만들 수 있습니다. 맵(프로토타입 프로젝트)은 다양한 화면으로 구성되는데, 이러한 화면은 Expression Blend의 낙서, 그리기 또는 쓰기를 수행하거나 기존 UI(사용자 인터페이스) 모델링 기능을 삽입하여 UI를 빌드할 수 있는 가상 화이트보드라고 할 수 있습니다. 또한 화면을 사용하여 로고, 배경 또는 UI 템플릿과 같은 재사용 가능한 요소를 만든 다음 이러한 화면을 다른 화면의 요소로 포함할 수 있습니다.

언제든지 프로토타입의 초기 스케치만 가지고 있는 경우에도 프로토타입 프로젝트를 빌드하고 실행한 다음 프로토타입 프로젝트를 탐색할 수 있습니다.

자세한 내용은 응용 프로그램 흐름 만들기를 참조하십시오.

콘텐츠 만들기

UI(사용자 인터페이스) 요소의 그림을 사용하는 다른 여러 프로토타입 솔루션과 달리, SketchFlow로는 실제 UI 컨트롤 및 동적 레이아웃 컨테이너를 사용하여 프로토타입 UI를 만들 수 있습니다. 코드를 작성할 필요 없이, 탐색 및 상태 변경 사항을 포함한 실제 대화형 작업을 만들고 데이터 바인딩, 샘플 데이터 및 동작과 같은 다양한 Expression Blend 기능을 사용할 수 있습니다. 프로토타입을 아이디어 전달에 필요한 만큼 사실적으로 구현할 수 있습니다.

자세한 내용은 아트보드에서 콘텐츠 만들기를 참조하십시오.

대화형 작업 추가

관련자에게 디자인 의도를 전달하는 데 도움이 되는 대화형 작업을 추가하여 프로토타입을 좀 더 개선할 수 있습니다. 다음 작업을 수행할 수 있습니다.

• 애니메이션을 사용하여 사용자 상호 작용을 시뮬레이션합니다.

• 시각적 상태를 사용하여 단일 요소의 여러 상태를 표시합니다.

• 프로토타입의 UI 요소가 최종 응용 프로그램의 기능을 모방하도록 동작을 사용하여 이벤트 및 작업을 시뮬레이션합니다.

• 샘플 데이터로 바인딩하여 데이터 중심 UI를 만들어 보여 줍니다.

자세한 내용은 대화형 작업 추가를 참조하십시오.

사용자 의견 수집

프로토타입 프로젝트를 만들 때 프로젝트를 빌드하고 실행한 다음 언제든지 SketchFlow 플레이어에서 프로젝트를 볼 수 있습니다. 프로토타입을 공유할 준비가 되었으면 SketchFlow 플레이어를 포함하는 프로젝트를 패키지화한 다음 관련자와 프로젝트를 공유할 수 있습니다. 관련자는 프로젝트를 검토하기 위해 Expression Blend을 설치할 필요가 없습니다. 관련자는 SketchFlow 플레이어에서 프로젝트를 볼 때 프로토타입에 직접 사용자 의견을 남긴 다음 디자이너와 사용자 의견 파일을 공유하여, 디자이너가 Expression Blend에서 작업하면서 사용자 의견을 쉽게 검토 및 이행할 수 있도록 합니다.

자세한 내용은 프로토타입에 대한 의견 보내기를 참조하십시오.

프로덕션 프로젝트로 변환

SketchFlow 프로토타입은 단순한 그림이 아니라 첫 번째 화면부터 모든 기능을 수행하는 프로토타입입니다. 해당 프로토타입은 실제 WPF 또는 Silverlight 응용 프로그램입니다. 몇 가지 작은 수정으로, 프로토타입을 프로덕션 프로젝트로 변환하여 최종 응용 프로그램까지 계속해서 프로토타입을 개선할 수 있습니다.

자세한 내용은 프로토타입 변환을 참조하십시오.