Flujos de interaccion
-
Upload
gema-de-la-fuente -
Category
Design
-
view
181 -
download
1
description
Transcript of Flujos de interaccion
3
Wayfinding
2014
Maneras de las cuales la gente se orienta en espacio físico y navegue de un sitio a otro.
46
Flujos de interacción
2014
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.
50
Vocabulario visual de Garret
2014
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
53
Flechas
2014
Indican el movimiento posible y probable
Listado productos > Detalle productoPasarela pago > Pago realizadoListado productos / ofertas > detalle producto
54
Conjuntos concurrentes
2014
Una acción del usuario genera resultados múltiples simultáneos
Pagina de descargas > Instalador / Instrucciones
56
Áreas
2014
Grupo de paginas que comparten uno o más atributos comunes
Pop-up de ayuda
57
Áreas iterativas
2014
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
2014
Pasos comunes en varios procesos del sitio
Proceso de login
59
Puntos de decisión
2014
El sistema decide que contenido mostrar tras una acción del usuario
Login > Error // Área privada
60
Conectores y flechas condicionales
2014
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
2014
El sistema decide cuál camino será presentado al usuario entre varios mutuamente excluyentes
Roles de un gestor de contenidos
62
Selectores condicionales
2014
El sistema decide varios caminos será presentado al usuario no excluyentes entre si
Resultados de búsqueda
63
Áreas condicionales
2014
Cuando una o más condiciones aplican a un grupo de páginas.
Conexión segura
64
Software
2014
• 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/
66
Libros
2014
• The Elements of User Experience: User-Centered Design for the Web - Jesse James Garrett
• Designing for the digital age – Kim Goodwin
67
www
2014
• 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.htmlVocabulario de Garret traducido