Crear prototipos con SketchFlow

Artículo
10/11/2017

Importante:
SketchFlow solo está disponible en Expression Studio Ultimate.

Los grandes productos comienzan con grandes diseños. SketchFlow es un conjunto de características disponible únicamente en Expression Studio Ultimate y diseñado para el proceso de creación de prototipos, empezando por el diseño conceptual y continuando con todo el proceso de producción de la aplicación acabada.

SketchFlow facilita las siguientes tareas:

Experimentar con rapidez experiencias de usuario dinámicas.
Comunicar su propuesta de diseño a las personas interesadas.
Recopilar, evaluar e implementar los comentarios de las personas interesadas.

Para obtener información general acerca de las herramientas de creación de prototipos disponibles en SketchFlow, vea Información general acerca de SketchFlow.

Crear un flujo de aplicación

Con SketchFlow, un diseñador puede crear de un modo rápido y sencillo un mapa interactivo que represente el flujo de una aplicación. El mapa (un proyecto prototipo) consta de una serie de pantallas : pizarras virtuales en las que puede garabatear, dibujar, escribir o insertar cualquiera de las características de modelado de interfaz de usuario (UI) existentes de Expression Blend para crear una interfaz de usuario. También puede usar pantallas para crear elementos reutilizables como logotipos, fondos o plantillas de interfaz de usuario, e incluir después esas pantallas como elementos en otras pantallas.

En cualquier momento, puede generar un proyecto prototipo, ejecutarlo y navegar por él, incluso si tiene sólo bocetos iniciales del prototipo.

Para obtener más información, vea Crear un flujo de aplicación.

Crear contenido

A diferencia de otras muchas soluciones de creación de prototipos que funcionan con imágenes de elementos de interfaz de usuario (UI), con SketchFlow puede usar controles de interfaz de usuario reales y contenedores de diseño dinámicos para crear una interfaz de usuario prototipo. Puede crear interactividad real, incluidos cambios de estado y navegación, sin necesidad de escribir código, y además puede usar características muy completas de Expression Blend, como enlace a datos, datos de ejemplo y controles de comportamiento. El prototipo puede ser tan real como desee para comunicar sus ideas.

Para obtener más información, vea Crear contenido en la mesa de trabajo.

Agregar interactividad

Para continuar perfeccionando el prototipo, agregue interactividad que facilite la comunicación de su propuesta de diseño a las personas interesadas. Puede realizar lo siguiente:

Usar animación para simular la interacción del usuario.
Usar estados visuales para representar varios estados de un solo elemento.
Usar controles de comportamiento para simular eventos y acciones, de manera que los elementos de interfaz de usuario del prototipo imiten la funcionalidad de una aplicación final.
Enlazar a datos de ejemplo para crear y mostrar interfaces de usuario controladas por datos.

Para obtener más información, vea Agregar interactividad.

Recopilar comentarios

Cuando cree un proyecto prototipo, puede generarlo y ejecutarlo, y ver después el proyecto en el Reproductor SketchFlow en cualquier momento. Cuando esté listo para compartir el prototipo, empaquete el proyecto, que incluye el Reproductor SketchFlow, y compártalo con las personas interesadas, que no es necesario que tengan instalado Expression Blend para revisar el proyecto. Cuando vean el proyecto en el Reproductor SketchFlow, las personas interesadas pueden dejar comentarios directamente en el prototipo y compartir los archivos de comentarios con el diseñador, lo que facilita al diseñador la revisión e implementación de los comentarios conforme trabaja en Expression Blend.

Para obtener más información, vea Dejar comentarios para un prototipo.

Convertir en un proyecto de producción

Los prototipos SketchFlow no son solo dibujos, sino que son prototipos totalmente funcionales desde la primera pantalla. Un prototipo es una aplicación real de WPF o Silverlight. Con solo algunas modificaciones, puede convertir un prototipo en un proyecto de producción y continuar perfeccionando el prototipo hasta convertirlo en una aplicación final.

Para obtener más información, vea Convertir un prototipo.