Descargado 11 veces
Subido porGema de la Fuente
Flujos de interaccion
El documento aborda el diseño de experiencias de navegación y cómo las personas se orientan en espacios físicos. Se mencionan objetivos clave para mejorar la experiencia del usuario, como facilidad, reversibilidad y comodidad, y se describen estructuras de navegación utilizando diagramas. También se incluye un vocabulario visual para facilitar la comunicación de procesos y acciones en el diseño de interfaces.
Más contenido relacionado
Flujos de interaccion
- 1. L A SE T A P A S D E L V I A J E Flujos de interacción 2014 1 gemafuentesanchez@gmail.com
- 2.
- 3. Wayfinding 2014gemafuentesanchez@gmail.com 3 Maneras de lascuales la gente se orienta en espacio físico y navegue de un sitio a otro.
- 4. D I SE Ñ A R E X P E R I E N C I A S D E F I N I R T A R E A S S O L U C I O N A R E R R O R E S gemafuentesanchez@gmail.com 2014 4 Objetivos
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16. Incitar a laacción 2014gemafuentesanchez@gmail.com 16
- 17. Incitar a laacción 2014gemafuentesanchez@gmail.com 17
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33.
- 34.
- 35.
- 36.
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.
- 43.
- 44.
- 45. E S TR U C T U R A S D E N A V E G A C I Ó N F L U J O S gemafuentesanchez@gmail.com 2014 45 Métodos de trabajo
- 46. Flujos de interacción 2014gemafuentesanchez@gmail.com 46 Lasposibles acciones del usuario y las respuestas del sistema se representan en forma de diagramas mediante elementos y conectores. El significado de cada elemento y la relación definida por los conectores, suele codificarse mediante su forma gráfica, y explicitarse mediante leyendas descriptivas.
- 47.
- 48. Flujo para unescenario 2014gemafuentesanchez@gmail.com 48
- 49. V O CA B U L A R I O V I S U A L D E J E S S E J A M E S G A R R E T S O F T W A R E gemafuentesanchez@gmail.com 2014 49 Herramientas
- 50. Vocabulario visual deGarret 2014gemafuentesanchez@gmail.com 50 Conjunto de símbolos usado para describir un sistema, estructura o proceso. • Compatible con pizarra blanca • Independiente de herramienta • Pequeño y fácil aprender
- 51. Paginas y documentos 2014gemafuentesanchez@gmail.com 51 Navegables/ no navegables Pagina html / pdf
- 52.
- 53. Flechas 2014gemafuentesanchez@gmail.com 53 Indican el movimientoposible y probable Listado productos > Detalle producto Pasarela pago > Pago realizado Listado productos / ofertas > detalle producto
- 54. Conjuntos concurrentes 2014gemafuentesanchez@gmail.com 54 Una accióndel usuario genera resultados múltiples simultáneos Pagina de descargas > Instalador / Instrucciones
- 55. Puntos de continuación 2014gemafuentesanchez@gmail.com 55 Paradividir el diagrame en varias paginas
- 56. Áreas 2014gemafuentesanchez@gmail.com 56 Grupo de paginasque comparten uno o más atributos comunes Pop-up de ayuda
- 57. Áreas iterativas 2014gemafuentesanchez@gmail.com 57 Repetir lamisma estructura básica tal como es aplicada a un número de elementos de información funcionalmente idénticos Paginas de producto
- 58. Áreas de flujoy referencia 2014gemafuentesanchez@gmail.com 58 Pasos comunes en varios procesos del sitio Proceso de login
- 59. Puntos de decisión 2014gemafuentesanchez@gmail.com 59 Elsistema decide que contenido mostrar tras una acción del usuario Login > Error // Área privada
- 60. Conectores y flechascondicionales 2014gemafuentesanchez@gmail.com 60 El sistema decide un camino puede ser o no ser presentado al usuario dependiendo de si una o más condiciones son cumplidas Contenidos personales de una aplicación en la nube
- 61. Ramas condicionales 2014gemafuentesanchez@gmail.com 61 El sistemadecide cuál camino será presentado al usuario entre varios mutuamente excluyentes Roles de un gestor de contenidos
- 62. Selectores condicionales 2014gemafuentesanchez@gmail.com 62 El sistemadecide varios caminos será presentado al usuario no excluyentes entre si Resultados de búsqueda
- 63. Áreas condicionales 2014gemafuentesanchez@gmail.com 63 Cuando unao más condiciones aplican a un grupo de páginas. Conexión segura
- 64. Software 2014gemafuentesanchez@gmail.com 64 • http://dia-installer.de/ • http://www.smartdraw.com/product/ •http://office.microsoft.com/es-es/visio/ • https://www.draw.io • https://www.lucidchart.com/ • https://cacoo.com/ • http://flowchart.com/ • http://www.gliffy.com/
- 65. gemafuentesanchez@gmail.com 2014 65 Bibliografía L IB R O S W W W
- 66. Libros 2014gemafuentesanchez@gmail.com 66 • The Elementsof User Experience: User-Centered Design for the Web - Jesse James Garrett • Designing for the digital age – Kim Goodwin
- 67. www 2014gemafuentesanchez@gmail.com 67 • https://diy.org/join ejemplo formularioalta divertido y usable • http://www.torresburriel.com/weblog/2013/02/ 04/diseno-del-formulario-de-insercion-de-datos- de-pago/ recomendaciones formularios métodos pago • http://www.jjg.net/ia/visvocab/spanish.html Vocabulario de Garret traducido