Experiencia de Usuario Mejores Prácticas para Smart Clients David Carmona Microsoft Ibérica Desarrollo y Plataforma

Presentación del tema: "Experiencia de Usuario Mejores Prácticas para Smart Clients David Carmona Microsoft Ibérica Desarrollo y Plataforma"— Transcripción de la presentación:

1 Experiencia de Usuario Mejores Prácticas para Smart Clients David Carmona Microsoft Ibérica Desarrollo y Plataforma david.carmona@microsoft.comhttp://blogs.msdn.com/tropezones Pablo Peláez Plain Concepts Gerentepablo@plainconcepts.comhttp://geeks.ms/blogs/pablo

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

3 Introducción

4 –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 –3.758.096.384 bytes [3.5GB] de la beta 2 de Vista ( el download mas grande de la historia) –Sobre 50.000 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)

5 Experiencia de usuario

6 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.

7 ¿Por que la Experiencia de usuario?

8

9 –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

10 –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

11 Herencia

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

13 Búsquedas

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

15 Asincronía

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

17 Validaciones

18 –¿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

19 Arquitectura

20

21 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

22 MVC

23 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

24 Smart Client Software Factory

25 Windows Presentation Foundation

26 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

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

28 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

29 Hardware vs SoftwareHardware vs Software

30 Pudientes vs hippiesPudientes vs hippies

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

32 WPF

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

34