Experiencia de Usuario con Silverlight y tecnología Microsoft

Cristina TornéUser Interface DesignerCristina.torne@raona.com

Creando experiencias con Expression Blend

“Conjunto de factores percibidos por el usuario cuando interactúa con un producto, servicio, entorno o recurso” y que son consecuencia de la presentación, funcionalidad, rendimiento, comportamiento y ayudas interactivas del sistema.

ISO 9241-210

Creando experiencias con Expression Blend

The professional

Webdesign tool

The professional Interactivedesign tool

The professional

Graphicdesign tool

The professional

Asset Management

tool

Creando experiencias con Expression Blend

HTML , XHTML , CSS , XML , XSLT...

Estándares Web

Accesibilidad

Diseñar, construir y gestionar aplicaciones Web

+ Microsoft SuperPreview

Creando experiencias con Expression Blend

Gestión de contenidos multimedia

Catalogación metadata, tags…

Búsqueda avanzada de contenidos

Creando experiencias con Expression Blend

Codificación de contenidos multimedia

Obtención Reproductor Silverlight

Creando experiencias con Expression Blend

Diseño de la interfaz Web / Desktop

Potente s herramientas de diseño vectorial

Exportación XAMLImportación múltiples archivos de diseño

Creando experiencias con Expression Blend

Herramienta de diseño profesional para crear

Experiencias de usuario

RIA , animaciones, interfaces de usuario interactivas

Creando experiencias con Expression Blend

InterfazWYSIWYG

Creando experiencias con Expression Blend

Colaboración Diseñador/ Programador

Creando experiencias con Expression Blend

Diseño Especificaciones Composición CSS Resultado

Diseñadores & Programadores:

Hablan lenguajes diferentes

designers design developers add business logic

Creando experiencias con Expression Blend

ProgramadorDiseñador

Diseñadores & Programadores:

Hablan un mismo lenguaje

designers design developers add business logic

Creando experiencias con Expression Blend

ProgramadorDiseñador

Creando experiencias con Expression Blend

Edición vectorial

Creando experiencias con Expression Blend

Ventana diseño/código

Creando experiencias con Expression Blend

Tipografía Alta-Calidad

Creando experiencias con Expression Blend

Video

Creando experiencias con Expression Blend

Creando experiencias con Expression Blend

Creando experiencias con Expression Blend

Controles comunes

Creando experiencias con Expression Blend

Controles avanzados

Creando experiencias con Expression Blend

Animación

Creando experiencias con Expression Blend

•Reproducción automática

•Guardada como un RECURSO

Creando experiencias con Expression Blend

Creando experiencias con Expression Blend

private void OnLoaded(object sender, RoutedEventArgs e){

VisualStateManager.GoToState(this, "Hover", true);VisualStateManager.GoToState(this, "Blink", true);VisualStateManager.GoToState(this, "Wings", true);

}

Creando experiencias con Expression Blend

private void button_Click(object sender, RoutedEventArgs e){

this.nombre_storyboard.Begin();

}

Creando experiencias con Expression Blend

Creando experiencias con Expression Blend

Creando experiencias con Expression Blend

Creando experiencias con Expression Blend

•Aplicaciones de productividad•Aplicaciones para consumidores •Juegos•Quioscos multimedia•Utilidades para profesionales de TI

Creando experiencias con Expression Blend

•SketchFlow•Interactividad sin pogramar “code-behind”

•Sample Data•Nuevas funcionalidades animación•Nuevos efectos visuales

Ya está disponible para descargar el preview de Expression Blend 3

http://www.microsoft.com/expression/try-it/blendpreview.aspx

Creando experiencias con Expression Blend