Vocabulario de Don Quijote 10 repaso de vocabulario Español 4.
Vocabulario visual JJ Garrett
-
Upload
pandresnet -
Category
Technology
-
view
1.873 -
download
5
description
Transcript of Vocabulario visual JJ Garrett
![Page 1: Vocabulario visual JJ Garrett](https://reader034.fdocuments.us/reader034/viewer/2022052200/558585c6d8b42ae41d8b4d9d/html5/thumbnails/1.jpg)
estandarización de diagramas de información por medio de vocabulario visual
Niveles de prototipado para web
taller_mediamartes 30 de agosto de 2011
![Page 2: Vocabulario visual JJ Garrett](https://reader034.fdocuments.us/reader034/viewer/2022052200/558585c6d8b42ae41d8b4d9d/html5/thumbnails/2.jpg)
taller 6 - información y medios digitales
representación de la AI
martes 30 de agosto de 2011
![Page 3: Vocabulario visual JJ Garrett](https://reader034.fdocuments.us/reader034/viewer/2022052200/558585c6d8b42ae41d8b4d9d/html5/thumbnails/3.jpg)
diseño de lainformación{ blueprints
mock upswireframes
vocabulario visual de J.J Garrett
martes 30 de agosto de 2011
![Page 4: Vocabulario visual JJ Garrett](https://reader034.fdocuments.us/reader034/viewer/2022052200/558585c6d8b42ae41d8b4d9d/html5/thumbnails/4.jpg)
Los diagramas son una herramienta esencial para comunicar arquitectura de información y diseño de interacción en equipos de desarrollo Web.
martes 30 de agosto de 2011
![Page 5: Vocabulario visual JJ Garrett](https://reader034.fdocuments.us/reader034/viewer/2022052200/558585c6d8b42ae41d8b4d9d/html5/thumbnails/5.jpg)
para que nos sirve
martes 30 de agosto de 2011
![Page 6: Vocabulario visual JJ Garrett](https://reader034.fdocuments.us/reader034/viewer/2022052200/558585c6d8b42ae41d8b4d9d/html5/thumbnails/6.jpg)
Definimos criterios de organización y clasificación de
la informaciónpublicada.}organizar
la información
martes 30 de agosto de 2011
![Page 7: Vocabulario visual JJ Garrett](https://reader034.fdocuments.us/reader034/viewer/2022052200/558585c6d8b42ae41d8b4d9d/html5/thumbnails/7.jpg)
Definimos el alcance de nuestro proyecto}organizar
la información
martes 30 de agosto de 2011
![Page 8: Vocabulario visual JJ Garrett](https://reader034.fdocuments.us/reader034/viewer/2022052200/558585c6d8b42ae41d8b4d9d/html5/thumbnails/8.jpg)
Pensamos en el destinatario de nuestro proyecto y en su
experiencia denavegación}organizar
la información
martes 30 de agosto de 2011
![Page 9: Vocabulario visual JJ Garrett](https://reader034.fdocuments.us/reader034/viewer/2022052200/558585c6d8b42ae41d8b4d9d/html5/thumbnails/9.jpg)
taller 6 - información y medios digitalesmartes 30 de agosto de 2011
![Page 10: Vocabulario visual JJ Garrett](https://reader034.fdocuments.us/reader034/viewer/2022052200/558585c6d8b42ae41d8b4d9d/html5/thumbnails/10.jpg)
}aplicarlaEl sistema presenta al usuario caminos.
martes 30 de agosto de 2011
![Page 11: Vocabulario visual JJ Garrett](https://reader034.fdocuments.us/reader034/viewer/2022052200/558585c6d8b42ae41d8b4d9d/html5/thumbnails/11.jpg)
}aplicarlaEl usuario se mueve a través de estos caminos
mediante acciones
martes 30 de agosto de 2011
![Page 12: Vocabulario visual JJ Garrett](https://reader034.fdocuments.us/reader034/viewer/2022052200/558585c6d8b42ae41d8b4d9d/html5/thumbnails/12.jpg)
taller 6 - información y medios digitalesmartes 30 de agosto de 2011
![Page 13: Vocabulario visual JJ Garrett](https://reader034.fdocuments.us/reader034/viewer/2022052200/558585c6d8b42ae41d8b4d9d/html5/thumbnails/13.jpg)
El objetivo del trabajo. Un objetivo bien definido guiará la estructuración de la web y el resultado
será un diseño ordenado.}taller 6 - información y medios digitales
martes 30 de agosto de 2011
![Page 14: Vocabulario visual JJ Garrett](https://reader034.fdocuments.us/reader034/viewer/2022052200/558585c6d8b42ae41d8b4d9d/html5/thumbnails/14.jpg)
taller 6 - información y medios digitales
Elementos simples: páginas, documentos y pilas de éstos
martes 30 de agosto de 2011
![Page 15: Vocabulario visual JJ Garrett](https://reader034.fdocuments.us/reader034/viewer/2022052200/558585c6d8b42ae41d8b4d9d/html5/thumbnails/15.jpg)
taller 6 - información y medios digitales
Creando relaciones: conectores y flechas
martes 30 de agosto de 2011
![Page 16: Vocabulario visual JJ Garrett](https://reader034.fdocuments.us/reader034/viewer/2022052200/558585c6d8b42ae41d8b4d9d/html5/thumbnails/16.jpg)
taller 6 - información y medios digitales
Creando relaciones: conectores y flechas
Nótese que estas flechas no son como las flechas que indican una calle de un solo sentido, más bien son como las flechas de una señalética. El usuario no está impedido de moverse en dirección opuesta; la flecha indica solamente la dirección en la cual el usuario probablemente querrá ir.
martes 30 de agosto de 2011
![Page 17: Vocabulario visual JJ Garrett](https://reader034.fdocuments.us/reader034/viewer/2022052200/558585c6d8b42ae41d8b4d9d/html5/thumbnails/17.jpg)
taller 6 - información y medios digitales
Todo de una vez: conjuntos concurrentes
es usado en casos cuando una acción del usuario genera resultados múltiples
simultáneos (tal como abrir una ventana
pop-up mientras una página se carga en la ventana principal, o mostrar una pagina
mientras un documento es descargado).
martes 30 de agosto de 2011
![Page 18: Vocabulario visual JJ Garrett](https://reader034.fdocuments.us/reader034/viewer/2022052200/558585c6d8b42ae41d8b4d9d/html5/thumbnails/18.jpg)
taller 6 - información y medios digitales
Separándolo: puntos de continuación
Para permitirnos separar nuestros diagramas en secciones fáciles de digerir, usamos puntos de continuación (paréntesis cuadrado) para unir los vacíos
entre las páginas.
martes 30 de agosto de 2011
![Page 19: Vocabulario visual JJ Garrett](https://reader034.fdocuments.us/reader034/viewer/2022052200/558585c6d8b42ae41d8b4d9d/html5/thumbnails/19.jpg)
taller 6 - información y medios digitales
Elementos comunes: áreas y áreas iterativas
El elemento área (un rectángulo de esquinas redondeadas) es usado para
identificar un grupo de paginas que comparten uno o más atributos comunes (tales como aparecer en una ventana pop-up, o tener un tratamiento único de
diseńo).
martes 30 de agosto de 2011
![Page 20: Vocabulario visual JJ Garrett](https://reader034.fdocuments.us/reader034/viewer/2022052200/558585c6d8b42ae41d8b4d9d/html5/thumbnails/20.jpg)
taller 6 - información y medios digitales
Elementos comunes: áreas y áreas iterativas
Muchas arquitecturas incluyen repetir la misma estructura básica tal como es aplicada a un número de elementos de información funcionalmente idénticos.
martes 30 de agosto de 2011
![Page 21: Vocabulario visual JJ Garrett](https://reader034.fdocuments.us/reader034/viewer/2022052200/558585c6d8b42ae41d8b4d9d/html5/thumbnails/21.jpg)
taller 6 - información y medios digitales
Haciendo elecciones: puntos de decisión
Cuando una acción de un usuario puede generar uno de un numero de resultados, el sistema debe tomar una decisión acerca de cuál resultado debe presentar. (Probablemente el ejemplo más común de esto es manejo de errores en el envió de formularios.) como en diagramas de flujo tradicionales, es representado por un diamante.
martes 30 de agosto de 2011
![Page 22: Vocabulario visual JJ Garrett](https://reader034.fdocuments.us/reader034/viewer/2022052200/558585c6d8b42ae41d8b4d9d/html5/thumbnails/22.jpg)
taller 6 - información y medios digitales
Elección múltiple: ramas condicionales
Cuando un sistema debe seleccionar un camino entre un numero de opciones mutuamente exclusivas a ser presentadas al usuario, usamos una rama condicional (triángulo).
El sistema está tomando una decisión similar, pero sucede antes que la acción del usuario.
martes 30 de agosto de 2011