Flujos de interaccion

25 %
75 %
Information about Flujos de interaccion
Design

Published on May 1, 2014

Author: gemafuente

Source: slideshare.net

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

Caminos deseados 2014gemafuentesanchez@gmail.com 2

Wayfinding 2014gemafuentesanchez@gmail.com 3 Maneras de las cuales la gente se orienta en espacio físico y navegue de un sitio a otro.

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

Diseñar experiencias 2014gemafuentesanchez@gmail.com 5

Fácil 2014gemafuentesanchez@gmail.com 6

Fácil 2014gemafuentesanchez@gmail.com 7

Útil 2014gemafuentesanchez@gmail.com 8

Reversible 2014gemafuentesanchez@gmail.com 9

Sin barreras 2014gemafuentesanchez@gmail.com 10

Obvio 2014gemafuentesanchez@gmail.com 11

Oportuno 2014gemafuentesanchez@gmail.com 12

Cómodo 2014gemafuentesanchez@gmail.com 13

Redundante 2014gemafuentesanchez@gmail.com 14

Paso a paso 2014gemafuentesanchez@gmail.com 15

Incitar a la acción 2014gemafuentesanchez@gmail.com 16

Incitar a la acción 2014gemafuentesanchez@gmail.com 17

Sugerir 2014gemafuentesanchez@gmail.com 18

Inferir información 2014gemafuentesanchez@gmail.com 19

Alternativas 2014gemafuentesanchez@gmail.com 20

Alternativas 2014gemafuentesanchez@gmail.com 21

Alternativas 2014gemafuentesanchez@gmail.com 22

Social 2014gemafuentesanchez@gmail.com 23

Global 2014gemafuentesanchez@gmail.com 24

Prestigioso 2014gemafuentesanchez@gmail.com 25

Preguntar al usuario 2014gemafuentesanchez@gmail.com 26

Popular 2014gemafuentesanchez@gmail.com 27

Seguridad = Confianza 2014gemafuentesanchez@gmail.com 28

Valioso 2014gemafuentesanchez@gmail.com 29

Definir tareas 2014gemafuentesanchez@gmail.com 30

Acciones frecuentes 2014gemafuentesanchez@gmail.com 31

Acciones necesarias 2014gemafuentesanchez@gmail.com 32

Acciones marginales 2014gemafuentesanchez@gmail.com 33

Acciones frecuentes 2014gemafuentesanchez@gmail.com 34

Acciones necesarias 2014gemafuentesanchez@gmail.com 35

Acciones marginales 2014gemafuentesanchez@gmail.com 36

Solucionar errores 2014gemafuentesanchez@gmail.com 37

Ser permisivo 2014gemafuentesanchez@gmail.com 38

Instrucciones 2014gemafuentesanchez@gmail.com 39

Ayudar 2014gemafuentesanchez@gmail.com 40

Avisar 2014gemafuentesanchez@gmail.com 41

Ofrecer soluciones 2014gemafuentesanchez@gmail.com 42

Acciones reversibles 2014gemafuentesanchez@gmail.com 43

Segunda oportunidad 2014gemafuentesanchez@gmail.com 44

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

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.

Estructura navegación 2014gemafuentesanchez@gmail.com 47

Flujo para un escenario 2014gemafuentesanchez@gmail.com 48

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

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

Paginas y documentos 2014gemafuentesanchez@gmail.com 51 Navegables / no navegables Pagina html / pdf

Conectores 2014gemafuentesanchez@gmail.com 52 Representan relaciones entre elementos

Flechas 2014gemafuentesanchez@gmail.com 53 Indican el movimiento posible y probable Listado productos > Detalle producto Pasarela pago > Pago realizado Listado productos / ofertas > detalle producto

Conjuntos concurrentes 2014gemafuentesanchez@gmail.com 54 Una acción del usuario genera resultados múltiples simultáneos Pagina de descargas > Instalador / Instrucciones

Puntos de continuación 2014gemafuentesanchez@gmail.com 55 Para dividir el diagrame en varias paginas

Áreas 2014gemafuentesanchez@gmail.com 56 Grupo de paginas que comparten uno o más atributos comunes Pop-up de ayuda

Á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

Áreas de flujo y referencia 2014gemafuentesanchez@gmail.com 58 Pasos comunes en varios procesos del sitio Proceso de login

Puntos de decisión 2014gemafuentesanchez@gmail.com 59 El sistema decide que contenido mostrar tras una acción del usuario Login > Error // Área privada

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

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

Selectores condicionales 2014gemafuentesanchez@gmail.com 62 El sistema decide varios caminos será presentado al usuario no excluyentes entre si Resultados de búsqueda

Áreas condicionales 2014gemafuentesanchez@gmail.com 63 Cuando una o más condiciones aplican a un grupo de páginas. Conexión segura

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/

gemafuentesanchez@gmail.com 2014 65 Bibliografía L I B R O S W W W

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

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

Add a comment

Related presentations

My Music Magazine Pitch

My Music Magazine Pitch

October 30, 2014

music mag pitch

Questionaire charts

Questionaire charts

November 4, 2014

bk

Final research

Final research

November 5, 2014

final research

Cersaie 2014

Cersaie 2014

October 30, 2014

allestimento in cartone per il Cersaie 2014 alberi in cartone scultura in cartone

Quarta turma do workshop de Infografia, ministrado por Beatriz Blanco e Marcos Sin...

Related pages

Interacción y diagramas de flujos | Isotipo

Los diagramas de flujos o flowcharts representan la forma más tradicional y duradera para especificar los detalles algorítmicos de un proceso.
Read more

Gestión de la Interacción con el Cliente - Issatec

¿Qué es? El servicio de Gestión de la interacción con los clientes de Issatec es una solución que funciona a través de un servidor central para la ...
Read more

Flujos de Interacción | SG

Flujos de Interacción. Autor: Pamela Rodríguez. Publicado en : SG #35. Sección: Usabilidad. A lo largo de las distintas entregas de esta columna, hasta ...
Read more

EL PROCESO DE INTERACCION Y LOS FLUJOS ECONOMICOS ...

FLUJOS MONETARIOS Los flujos reales se definen a partir de la combinación de los recursos de la producción, de su empleo con las unidades producidas, en ...
Read more

Flujos e interacción - portal.infonavit.org.mx

Flujos e interacción. Subir. Excelencia en el servicio / Carta del director / Principios de excelencia / Flujos e interacción
Read more

La comunicación: ¿flujo de información o interacción ...

En concordancia con ellas, las ciencias técnicas resolvían problemas relativos a la transmisión de flujos, a la estructuración de redes, ...
Read more

Nuevos Flujos de Interacción y Comunicación - Periodismo ...

Nuevos Flujos de Interacción y Comunicación Participación y democracia Visiones Encontradas Presente y futuro Ruta Temática PERIODISMO Conclusiones Nuevo
Read more

Diagrama global de interacciones - Wikipedia, la ...

Descripción. El diagrama global de las interacciones es un diagrama de comportamiento, más precisamente, uno de los cuatro diagramas de interacción.
Read more

DIAGRAMA DE FLUJO INTERACCIÓN CLIENTE-SERVIDOR

Página principal; lunes, 24 de septiembre de 2012
Read more

Flujo - significado de flujo diccionario

flujos; flumetasona; fluminense; fluminenses; flunisolida; fluo-fluocinolona; fluocinonida; fluocinónida; fluor; flúor; fluoracion; fluoración ...
Read more