Flujos de interaccion
Descargar como PPTX, PDF1 recomendación1,613 vistas
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.
Flujos de interaccion
- 1. L A S E T A P A S D E L V I A J E Flujos de interacción 2014 1 gemafuentesanchez@gmail.com
- 3. Wayfinding 2014gemafuentesanchez@gmail.com 3 Maneras de las cuales la gente se orienta en espacio físico y navegue de un sitio a otro.
- 4. D I S E Ñ 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
- 16. Incitar a la acción 2014gemafuentesanchez@gmail.com 16
- 17. Incitar a la acción 2014gemafuentesanchez@gmail.com 17
- 45. E S T R 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 Las posibles 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.
- 48. Flujo para un escenario 2014gemafuentesanchez@gmail.com 48
- 49. V O C A 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 de Garret 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
- 53. Flechas 2014gemafuentesanchez@gmail.com 53 Indican el movimiento posible y probable Listado productos > Detalle producto Pasarela pago > Pago realizado Listado productos / ofertas > detalle producto
- 54. Conjuntos concurrentes 2014gemafuentesanchez@gmail.com 54 Una acción del usuario genera resultados múltiples simultáneos Pagina de descargas > Instalador / Instrucciones
- 55. Puntos de continuación 2014gemafuentesanchez@gmail.com 55 Para dividir el diagrame en varias paginas
- 56. Áreas 2014gemafuentesanchez@gmail.com 56 Grupo de paginas que comparten uno o más atributos comunes Pop-up de ayuda
- 57. Áreas iterativas 2014gemafuentesanchez@gmail.com 57 Repetir la misma 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 flujo y referencia 2014gemafuentesanchez@gmail.com 58 Pasos comunes en varios procesos del sitio Proceso de login
- 59. Puntos de decisión 2014gemafuentesanchez@gmail.com 59 El sistema decide que contenido mostrar tras una acción del usuario Login > Error // Área privada
- 60. Conectores y flechas condicionales 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 sistema decide 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 sistema decide varios caminos será presentado al usuario no excluyentes entre si Resultados de búsqueda
- 63. Áreas condicionales 2014gemafuentesanchez@gmail.com 63 Cuando una o 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 I B R O S W W W
- 66. Libros 2014gemafuentesanchez@gmail.com 66 • The Elements of 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 formulario alta 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