Diseñar experiencias de usuario con flujos de interacción
•Descargar como PPTX, PDF•
1 recomendación•1,589 vistas
Cómo se mueven los usuarios por la web. Definir objetivos y tareas. Ejemplos de buenas practicas en booking.com
Recomendados
Recomendados
Más contenido relacionado
Destacado
Destacado (20)
Similar a Diseñar experiencias de usuario con flujos de interacción
Similar a Diseñar experiencias de usuario con flujos de interacción (11)
Más de Gema de la Fuente
Más de Gema de la Fuente (20)
Último
Último (20)
Diseñar experiencias de usuario con flujos de interacción
- 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