3002007040302. El papel de Windows Presentation Foundation en la Experiencia de Usuario

La experiencia de usuario ha pasado a ser el centro motor de las aplicaciones por diversas razones. En el A?mbito de consumo, el usuario se ha vuelto mA?s exigente y necesita navegar fA?cilmente por la informaciA?n sobre los productos, y tener una experiencia divertida, entretenida y visualmente atractiva.

En el A?mbito de la empresa, una buena experiencia de usuario implica una mayor productividad, mA?s efectividad y por tanto reducciA?n de costes y aumento de beneficios. En el caso de las compaA�A�as fabricantes de software, la experiencia de usuario es claramente un medio para diferenciar productos y obtener ventajas competitivas.

Microsoft ha aprendido esta necesidad emergente y nos ha proporcionado una tecnologA�a de desarrollo gracias a la cual crear interfaces de usuario diferenciadores es relativamente fA?cil y rA?pido, y permite seguir mejores prA?cticas de diseA�o y desarrollo. Estamos hablando de Windows Presentation Foundation, una tecnologA�a para desarrollar la capa de presentaciA?n de las aplicaciones, disponible dentro de la versiA?n 3.0 del Framework de .NET.

En el pasado, antes de que apareciera Windows Presentation Foundation, la posibilidad de hacer interfaces de usuario ricos era muy limitada o suponA�a un esfuerzo considerable de programaciA?n. Las tecnologA�as de presentaciA?n han sido muchas y con objetivos distintos: Win32, GDI, Direct3D, DirectX, etc. Todas ellas exigA�an cierto grado de especializaciA?n y presentaban muchos inconvenientes.

Por un lado, la diferencia entre el interfaz de usuario ideado por el diseA�ador grA?fico y el resultado final era notable, y por otro, el tiempo utilizado en el desarrollo era directamente proporcional a la riqueza visual y a la potencia del interfaz.

Windows Presentation Foundation proporciona una A?nica plataforma de desarrollo de Interfaz de Usuario dA?nde pueden integrarse grA?ficos 2D y 3D, textos de alta calidad, animaciones, vA�deos, audio y diversos servicios avanzados, dando lugar a una experiencia de usuario sin precedentes y acortando ostensiblemente el tiempo de diseA�o y desarrollo de las aplicaciones.

Arquitectura de WPF y Modelo Declarativo

La arquitectura de Windows Presentation Foundation podrA�amos decir que es piramidal. Sobre un motor de composiciA?n acelerado por hardware se apoyan los Servicios Base, responsables del sistema de eventos y propiedades, y de una de sus capacidades principales, su modelo declarativo. Por encima de los Servicios Base, se disponen los servicios de Audio, ImA?genes, VA�deo y GrA?ficos 2D y 3D. Finalmente, en lo alto de la pirA?mide se sitA?an por un lado los elementos de Interfaz de Usuario como los controles o el enlace de datos, y por otro, los servicios de Documentos.

Una de las fortalezas en la arquitectura de WPF es, sin duda, su modelo declarativo. Esto significa que a travA�s de lenguaje de marcado, concretamente XAML (eXtensible Application Markup Language), podemos definir toda la potencia del Interfaz de Usuario, basada en cualquier elemento disponible en WPF: grA?ficos, imA?genes y vA�deos, animaciones, enlace a datos, aplicaciA?n de estilos y formatos, documentos, etc.
Esta caracterA�stica declarativa de WPF fomenta la apariciA?n de un nuevo papel, o rol, en el equipo de desarrollo: el diseA�ador. El diseA�ador serA? el encargado de expresar a travA�s de XAML el diseA�o y comportamiento a�?visuala�? de la aplicaciA?n, mientras que el desarrollador serA? el encargado de proveer a la aplicaciA?n de la lA?gica de negocio.

((Cada rol tiene su propia herramienta, por un lado, el desarrollador dispone de Visual Studio 2005, y por otro, el diseA�ador dispone de las herramientas Microsoft Expression))

Cada rol tiene su propia herramienta, por un lado, el desarrollador dispone de Visual Studio 2005, y por otro, el diseA�ador dispone de las herramientas Microsoft Expression. La colaboraciA?n es A?gil y bidireccional, se comparten ficheros de proyecto y cada uno se centra en su objetivo, disparando la productividad del equipo de desarrollo.

((Con WPF, el diseA�ador y el desarrollador comparten el mismo a�?idiomaa�?: XAML))

Esta clara separaciA?n entre presentaciA?n propiamente dicha, responsabilidad del diseA�ador, y lA?gica, responsabilidad del desarrollador, hace posible que, a�?milagrosamentea�? (como algunos lo han calificado al experimentarlo), el resultado final es bastante fiel a la idea y el boceto original del diseA�ador. AtrA?s quedaron el intercambio de imA?genes en JPG, PNG o incluso PPT desde el diseA�ador al desarrollador para a�?transmitira�? el diseA�o que se querA�a lograr. Con WPF, el diseA�ador y el desarrollador comparten el mismo a�?idiomaa�?: XAML

Despliegue de aplicaciones WPF

Otra de las caracterA�sticas mA?s destacables de las aplicaciones WPF es su facilidad de despliegue. Existen varias opciones y una de las principales es la basada en la tecnologA�a ClickOnce ya disponible para aplicaciones basadas en Windows Forms. A travA�s de ClickOnce podemos con un simple a�?clicka�? sobre un enlace a un servidor web o un directorio compartido, bien instalar y ejecutar la aplicaciA?n, o tan sA?lo ejecutarla sin necesidad de instalarla. El proceso es transparente y ademA?s permite gestionar versiones y actualizaciones o incluso restaurar versiones antiguas.

((Con esta potencia y facilidad de despliegue, se desdibuja la frontera entre cliente rico y cliente web))

Con esta potencia y facilidad de despliegue, se desdibuja la frontera entre cliente rico y cliente web porque el usuario tiene la percepciA?n de que estA? ejecutando una aplicaciA?n Web, ya que la lanza o la instala directamente desde el navegador.

Valor de negocio en distintos A?mbitos

En aplicaciones de consumo y comercio electrA?nico, Windows Presentation Foundation supone y ha supuesto en casos reales, un aumento de las ventas y una fuerte fidelizaciA?n de clientes gracias a una experiencia intuitiva y estimulante, dA?nde el usuario se entretiene y divierte, un factor fundamental para fomentar y motivar la compra.

Un ejemplo muy claro es la Tienda Virtual del Grupo Otto (se puede descargar de www.otto.de/vista|Tienda virtual del grupo Otto ). El grupo Otto, lA�der minorista mundial en comercio electrA?nico, desarrollA? recientemente una aplicaciA?n de tienda virtual para realizar la compra online de productos de su catA?logo de moda y complementos.

La a�?Otto Storea�? estA? desarrollada en Windows Presentation Foundation y permite navegar virtualmente por todos los catA?logos a travA�s de un carrusel 3D. AdemA?s, la aplicaciA?n permite visualizar vA�deos y hacer zoom sobre los artA�culos e incluso jugar con combinaciones de ropa y complementos sobre un maniquA� de forma interactiva.

Esta aplicaciA?n ha supuesto un claro impacto en ventas online del grupo Otto y ha fidelizado una buena parte de sus antiguos clientes. Se pueden consultar mA?s detalles en su caso de (estudio).

((El nuevo lector del New York Times, el New York Times Reader, permite leer el periA?dico con una percepciA?n muy prA?xima a la lectura de la versiA?n impresa))

Otro A?mbito revolucionado por Windows Presentation Foundation es el mercado de los periA?dicos online. El nuevo lector del New York Times, el New York Times Reader, permite leer el periA?dico con una percepciA?n muy prA?xima a la lectura de la versiA?n impresa, y eso, gracias a los servicios de documentos y textos de alta calidad de Windows Presentation Foundation.

Esta versiA?n del lector ha supuesto un gran aumento de clientes online del periA?dico y ademA?s, el usuario ha pasado de leer tan sA?lo cuatro pA?ginas en la versiA?n Web tradicional a leer alrededor de 30 pA?ginas en este nuevo lector basado en WPF. Con este programa, la lectura se hace fA?cil y cA?moda, se dispone de los mismos tipos de fuente que en la versiA?n impresa, y prA?cticamente se tiene la sensaciA?n de estar leyendo exactamente el periA?dico impreso en papel.

Por supuesto, A�stos no son los A?nicos A?mbitos donde WPF puede aportar beneficios y ventajas, sino que las posibilidades son mA?ltiples. En el A?mbito de la empresa, las aplicaciones de lA�nea de negocio pueden beneficiarse claramente ya que al ser mA?s A?gil el a�?diA?logoa�? entre usuario y aplicaciA?n, se reduce el tiempo de toma de decisiones y por tanto mejora la productividad.

En el A?mbito cientA�fico o mA�dico por ejemplo, las capacidades 3D y las animaciones permiten obtener informaciA?n de forma mA?s eficaz y extraer conclusiones rA?pidamente.

((El reto no estA? en aprender y usar esta nueva tecnologA�a, sino en pensar cA?mo enriquecer las aplicaciones para alcanzar determinados objetivos))

El reto, por tanto, no estA? en aprender y usar esta nueva tecnologA�a, sino en pensar cA?mo, a travA�s de ella, podemos enriquecer las aplicaciones para alcanzar determinados objetivos, como mejora de productividad, aumento de ventas, fidelizaciA?n, mejora de la satisfacciA?n, etc.

A?Por dA?nde empezar?

El mejor punto de partida para familiarizarse con WPF es http://wpf.netfx3.com/, donde se pueden encontrar descargas de herramientas y ejemplos, casos de estudio reales, foros de la comunidad, etc..

Pero el primer ejercicio que hay que hacer es intentar romper con la forma tradicional de diseA�ar aplicaciones y cambiar la perspectiva y la metodologA�a para explotar WPF en todo su potencial. Incluso, plantearse seriamente como primer paso en el diseA�o de una aplicaciA?n, la de contratar los servicios de una consultorA�a de a�?usabilidada�?, especializados en crear y diseA�ar interfaces dA?nde la experiencia de usuario sea A?ptima desde todos los A?ngulos.

Panorama de tecnologA�as relacionadas con Experiencia de Usuario

WPF no es la A?nica tecnologA�a disponible de Microsoft para crear experiencias de usuario diferenciadoras.

En aplicaciones Web, ASP.NET Ajax, la implementaciA?n de Microsoft del paradigma de Ajax, permite enriquecer la experiencia del usuario en aplicaciones Web. Esta implementaciA?n es compatible con todos los navegadores en el mercado (Internet Explorer 6.0 y 7.0, FireFox, Safari y Opera) y ofrece una librerA�a de cliente constituida por ficheros javascript para a�?ajaxificara�? la parte cliente de las aplicaciones, y de una librerA�a de componentes de servidor que se apoya directamente sobre ASP.NET 2.0.

(EstA? a punto de salir al mercado, Silverlight, una tecnologA�a multi-plataforma, multi-navegador y multi-dispositivo para el diseA�o de aplicaciones web con experiencia de usuario enriquecida)]

Por otro lado, estA? en el horno, y a punto de salir al mercado, Silverlight. Silverlight es una tecnologA�a multi-plataforma, multi-navegador y multi-dispositivo que permite diseA�ar aplicaciones web con experiencias de usuario a la altura de las proporcionadas por WPF. El sitio Web de producto estA? disponible en [www.microsoft.com/silverlight y su disponibilidad en el mercado marcarA? sin lugar a dudas un antes y un despuA�s en las experiencias de usuario en el mundo Web.

Isabel GA?mez, Development Advisor for Partners

DivisiA?n de Desarrollo y Plataforma, Microsoft IbA�rica