Creando experiencias con Expression Blend

32
Experiencia de Usuario con Silverlight y tecnología Microsoft Cristina Torné User Interface Designer [email protected]

description

Experiencia de Usuario con Silverlight y tecnología Microsoft

Transcript of Creando experiencias con Expression Blend

Page 1: Creando experiencias con Expression Blend

Experiencia de Usuario con Silverlight y tecnología Microsoft

Cristina TornéUser Interface [email protected]

Page 2: Creando experiencias con Expression Blend

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

Page 3: Creando experiencias con Expression Blend

Creando experiencias con Expression Blend

The professional

Webdesign tool

The professional Interactivedesign tool

The professional

Graphicdesign tool

The professional

Asset Management

tool

Page 4: Creando experiencias con Expression Blend

Creando experiencias con Expression Blend

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

Estándares Web

Accesibilidad

Diseñar, construir y gestionar aplicaciones Web

+ Microsoft SuperPreview

Page 5: Creando experiencias con Expression Blend

Creando experiencias con Expression Blend

Gestión de contenidos multimedia

Catalogación metadata, tags…

Búsqueda avanzada de contenidos

Page 6: Creando experiencias con Expression Blend

Creando experiencias con Expression Blend

Codificación de contenidos multimedia

Obtención Reproductor Silverlight

Page 7: Creando experiencias con Expression Blend

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

Page 8: Creando experiencias con Expression Blend

Creando experiencias con Expression Blend

Herramienta de diseño profesional para crear

Experiencias de usuario

RIA , animaciones, interfaces de usuario interactivas

Page 9: Creando experiencias con Expression Blend

Creando experiencias con Expression Blend

InterfazWYSIWYG

Page 10: Creando experiencias con Expression Blend

Creando experiencias con Expression Blend

Colaboración Diseñador/ Programador

Page 11: Creando experiencias con Expression Blend

Creando experiencias con Expression Blend

Diseño Especificaciones Composición CSS Resultado

Page 12: Creando experiencias con Expression Blend

Diseñadores & Programadores:

Hablan lenguajes diferentes

designers design developers add business logic

Creando experiencias con Expression Blend

ProgramadorDiseñador

Page 13: Creando experiencias con Expression Blend

Diseñadores & Programadores:

Hablan un mismo lenguaje

designers design developers add business logic

Creando experiencias con Expression Blend

ProgramadorDiseñador

Page 14: Creando experiencias con Expression Blend

Creando experiencias con Expression Blend

Edición vectorial

Page 15: Creando experiencias con Expression Blend

Creando experiencias con Expression Blend

Ventana diseño/código

Page 16: Creando experiencias con Expression Blend

Creando experiencias con Expression Blend

Tipografía Alta-Calidad

Page 17: Creando experiencias con Expression Blend

Creando experiencias con Expression Blend

Video

Page 18: Creando experiencias con Expression Blend

Creando experiencias con Expression Blend

Page 19: Creando experiencias con Expression Blend

Creando experiencias con Expression Blend

Page 20: Creando experiencias con Expression Blend

Creando experiencias con Expression Blend

Controles comunes

Page 21: Creando experiencias con Expression Blend

Creando experiencias con Expression Blend

Controles avanzados

Page 22: Creando experiencias con Expression Blend

Creando experiencias con Expression Blend

Animación

Page 23: Creando experiencias con Expression Blend

Creando experiencias con Expression Blend

•Reproducción automática

•Guardada como un RECURSO

Page 24: Creando experiencias con Expression Blend

Creando experiencias con Expression Blend

Page 25: 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);

}

Page 26: Creando experiencias con Expression Blend

Creando experiencias con Expression Blend

private void button_Click(object sender, RoutedEventArgs e){

this.nombre_storyboard.Begin();

}

Page 27: Creando experiencias con Expression Blend

Creando experiencias con Expression Blend

Page 28: Creando experiencias con Expression Blend

Creando experiencias con Expression Blend

Page 29: Creando experiencias con Expression Blend

Creando experiencias con Expression Blend

Page 30: Creando experiencias con Expression Blend

Creando experiencias con Expression Blend

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

Page 31: Creando experiencias con Expression Blend

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

Page 32: Creando experiencias con Expression Blend

Creando experiencias con Expression Blend