Interfases de usuario avanzadas y su relacion con el cerebro humano

1,185 views

Published on

Dentro de este entrenamiento aprenderemos como Windows Presentation Foundation (WPF) se puede utilizar para crear una UI flexible y adaptable que corresponda a sus capacidades cognocitivas. Verás como crear una UI que solucione el clásico problema que “es demasiado complicado para principiantes y demasiado fácil para los profesionales”. Descubriremos lo necesario para crear una Experiencia de Usuario real y eficiente utilizando una UI adaptable y revisaremos aplicaciones reales en producción que implementan este paradigma.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,185
On SlideShare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Interfases de usuario avanzadas y su relacion con el cerebro humano

    1. 1. Interfaces de usuario avanzadas y su relación con el cerebro humano Christian Strevel Director de Servicios de Consultoría http://team.intellekt.ws/blogs/chris/ [email_address]
    2. 2. Objetivos de la sesión <ul><li>Poder identificar los errores más comunes en el desarrollo de interfaces de usuario avanzadas y adaptivas </li></ul><ul><li>Entender los beneficios de una cultura de diseño y por que debemos cambiar la manera en que nuestras aplicaciones interactúan con el usuario </li></ul>
    3. 3. Turn the Pages Uno de los primeros demos de WPF
    4. 4. Cerrando la brecha
    5. 5. Esta no es la brecha
    6. 6. Entendemos cosas complejas… El procesador de SPSS esta siendo terminado debido a un error catastrófico. Cualquier archivo de trabajo será perdido. Se ha intentado realizar una operación de entrada o salida que es inconsistente con el modo del archivo (ej. Acceso directo a un archivo secuencial). Esto es un “erro” de programación ¿Reiniciamos el procesador?
    7. 7. Podemos cachar un balón…
    8. 8. Podemos analizar cosas complejas
    9. 9. Y el software va evolucionando…
    10. 10. Las computadoras cambian rápidamente Late 40’s Early 60’s Early 70’s Early 80’s The 90’s Early 2008
    11. 11. Se trata de cerrar la brecha
    12. 12. Cerrando la brecha
    13. 13. ¿Qué es un modelo de navegación? <ul><li>Un modelo de navegación es el conocimiento del usuario para presentar su localización dentro de la aplicación y la manera de llegar a otras locaciones específicas o procesos. </li></ul>
    14. 14. Herramientas de navegación
    15. 15. Tafiti Un motor de búsqueda en acción
    16. 16. Cerrando la brecha
    17. 17. ¿Qué es la atención? <ul><li>Atención es la asignación de mecanismos de análisis a una parte limitada del campo perceptual. Neisser, 1974. </li></ul>
    18. 18. Capturando la atención 12*12= 14*25= 12/5 = 13*13= 18*25= 17/6= 1.4*6= 124/4+9= 11*(9+6)= 2+6/4*5= 7-9+12*3= 6*6*7= 1.3*4= 5.2 125/5+7= 32 12*(3+5)= 96 4+5/2*4= 14 7-8+9*2= 17 5*5*8= 200 144 350 2.4
    19. 19. Corrector de Texto Una interface de usuario sencilla
    20. 20. Consideraciones <ul><li>El color rojo atrae la atención del usuario y lo distrae del objetivo – escribir un enunciado. </li></ul><ul><li>Si activamos el chequeo en el tiempo correcto del flujo de trabajo (al oprimir Enter, Salvar, etc.) podemos mejorar el rendimiento del usuario. </li></ul><ul><li>Todo esto se traduce en un retorno de inversión – menos tiempo para realizar nuestros objetivos. </li></ul>
    21. 21. Cerrando la brecha
    22. 22. ¿Qué es un modelo mental? <ul><li>El modelo mental es el conocimiento de cómo el sistema funciona, cuales son sus componentes y como se encuentran relacionados entre sí y como afectan a otros componentes. </li></ul>
    23. 23. Un modelo mental poderoso
    24. 25. Turning the pages Un modelo mental de un libro
    25. 26. Zoom
    26. 27. DeepZoom Modelo mental de cámara
    27. 28. Cerrando la brecha
    28. 29. ¿Qué manipulamos?
    29. 30. Monitoreo de Pacientes Demostración de un prototipo
    30. 31. Cerrando la brecha
    31. 32. Resumen <ul><li>Mejorar la navegación es un punto importante. </li></ul><ul><li>Los diálogos y los estilos son mejorados. </li></ul><ul><li>Crear mejores modelos mentales. </li></ul><ul><li>Una mejor visualización para los elementos. </li></ul>
    32. 33. Cerrando la brecha
    33. 34. No todos los usuarios son iguales
    34. 35. Animaciones en las UI Novatos Expertos Uso Frecuente Poco uso El movimiento mejora el entendimiento El movimiento molesta y causa alentamiento El movimiento mejora la memoria El movimiento es necesario para entender Prueba de Embarazo ATM Visual Studio Word
    35. 36. Cerrando la brecha
    36. 37. UI Adaptable
    37. 38. Corrector de Texto Una interface de usuario adaptable
    38. 39. Recursos Relacionados <ul><li>Blog de Christian Strevel </li></ul><ul><li>http://team.intellekt.ws/blogs/chris/ </li></ul><ul><li>Sitio de Comunidad </li></ul><ul><li>http://gunet.com.mx </li></ul><ul><li>Windows Presentation Foundation </li></ul><ul><li>http://windowsclient.net </li></ul><ul><li>Expression </li></ul><ul><li>http://www.microsoft.com/expression </li></ul>
    39. 41. © 2008 Microsoft Corporation. Todos los derechos reservados. Microsoft, Windows, Windows Vista y otros nombres de producto son y pueden ser marcas registradas y registros en Estados Unidos y en otros países. La información contenida en el presente es sólo para fines informativos y representa la visión actual de Microsoft Corporation a la fecha de esta presentación. Debido a que Microsoft debe responder a las cambiantes condiciones del mercado, no se debe interpretar como un compromiso por parte de Microsoft, y Microsoft no puede garantizar la precisión de ninguna información provista después de la fecha de esta presentación. MICROSOFT NO OFRECE GARANTÍA ALGUNA, EXPRESA, IMPLÍCITA O DE LEY, RESPECTO A LA INFORMACIÓN EN ESTA PRESENTACIÓN.

    ×