Experiencia de Usuario Mejores Prácticas para Smart Clients David Carmona Microsoft Ibérica Desarrollo y Plataforma Pablo Peláez Plain Concepts

IntroducciónIntroducción Experiencia de UsuarioExperiencia de Usuario ArquitecturaArquitectura Windows Presentation FoundationWindows Presentation Foundation

Introducción

–4000 ingenieros que han trabajado en su desarrollo –50 millones de líneas de código –5 millones de beta testers de la release candidate 1 – bytes [3.5GB] de la beta 2 de Vista ( el download mas grande de la historia) –Sobre nuevos trabajos se crearan en Europa (investigación de IDC) –Se espera que se vendan 400 millones de nuevos PC´s en el mundo en los próximos 2 años –De esos 400 millones, 368 millones incluirán Vista pre-cargado –6 Versiones diferentes de Windows Vista (Fuente "Vista", la Revista oficial de Windows Vista)

Experiencia de usuario

1.- El hecho de lograr que los usuarios de nuestros programas, admiren el INMEJORABLE interface que NOSOTROS hemos definido.1.- El hecho de lograr que los usuarios de nuestros programas, admiren el INMEJORABLE interface que NOSOTROS hemos definido. 2.- La satisfacción que obtendría un usuario al disponer un interface sencillo e intuitivo que mejora su productividad.2.- La satisfacción que obtendría un usuario al disponer un interface sencillo e intuitivo que mejora su productividad.

¿Por que la Experiencia de usuario?

–El fin de tu programa es el USUARIO –Haz que sea un placer de ver y de utilizar –Lo simple es bello –El usuario no es tonto, solo nos lo parece –Evita problemas comunes –Reduce el esfuerzo, la duda, la toma de decisiones de tus usuarios. –Sigue las guías de IU (ya que las hay …) –Testea tu Interfaz de Usuario

–No estás solo... sé buen vecino y cuida tu casa –Common Controls –Common Dialogs –Los Iconos y Tú –Herencia –User Controls –Custom Controls –Resoluciones y Tamaños –Usa los temas de Windows

Herencia

–Búsquedas instantáneas –Búsquedas estándar –Tiempos e indicadores –Búsqueda en Vista

Búsquedas

–No bloquees el interfaz de usuario –Diálogos Modales sólo si son necesarios –MessageBox con preguntas –Notificaciones –Barras de Estado

Asincronía

–MDI versus SDI versus Navegador –Menús Comunes –"Atrás" y Deshacer... –Validadores –Tooltips –Autocompletado –Wizards

Validaciones

–¿Tono del texto? –Sé cortés –No uses terminología técnica –Habla en primera o segunda persona –Mensajes con perspectiva de usuario –El poder de la Negrita

Arquitectura

Independiza y estructura el UIIndependiza y estructura el UI ModeloModelo –Contiene los datos, su comportamiento y el estado VistaVista –Gestiona la presentación de los datos ControladorControlador –Interpreta las acciones del usuario, informando al modelo y a la vista Modelo Controlador Vista

MVC

Patrón para aplicaciones Smart ClientsPatrón para aplicaciones Smart Clients –Documentación –How-tos –Integración con Visual Studio –Aplicaciones de ejemplo –Extensible Basado en Composite UI Application BlockBasado en Composite UI Application Block –Módulos de carga dinámica –Contenedor basado en Smart Parts –Implementación de MVC

Smart Client Software Factory

Windows Presentation Foundation

ASP.NET / AJAXASP.NET / AJAX –Sitios web públicos basados en estándares –Amplio alcance, mayor coste, menor riqueza WinFormsWinForms –Aplicaciones LOB con fuerte entrada de datos –Menor coste, mayor interactividad WPFWPF –Experiencias de usuario innovadoras –Diseñador como parte del equipo –Escenarios de riqueza sin precedentes

El gran poder implica una gran responsabilidad Tío Ben - Spiderman

Utiliza los temas con sutilezaUtiliza los temas con sutileza –No abusar de los estilos ni templates Las animaciones no son para lucirnosLas animaciones no son para lucirnos –No captar la atención –Servir para un propósito No uses las 3D para impresionar a tu jefeNo uses las 3D para impresionar a tu jefe –¿Puede conseguirse lo mismo en 2D? Conoce en detalle el layout y abusa de élConoce en detalle el layout y abusa de él –Especialmente los dinámicos

Hardware vs SoftwareHardware vs Software

Pudientes vs hippiesPudientes vs hippies

Intuición vs mediciónIntuición vs medición

WPF

Windows Vista User Experience Guidelines:Windows Vista User Experience Guidelines: – us/library/aa aspx us/library/aa aspxhttp://msdn2.microsoft.com/en- us/library/aa aspx Smart Client Software FactorySmart Client Software Factory – us/library/aa aspx us/library/aa aspxhttp://msdn2.microsoft.com/en- us/library/aa aspx Designing with WPFDesigning with WPF – us/library/aa aspx us/library/aa aspxhttp://msdn2.microsoft.com/en- us/library/aa aspx