Diseño de la Información

taller 6
internet y el diseño de la información

taller_media
martes 14 de agosto de 2012

“[ ]porque todo diseño
comienza cuando se
comprende y se
interpreta”
Alan Fletcher


The world is complex, dynamic, multidimensional; the
paper is static, ﬂat. How are we to represent the rich
visual world of experience and measurement on mere
ﬂatland?

Edward Tufte, Envisioning Information, 1990.

El mundo es complejo, dinámico, multidimensional; el papel es
estático, plano. ¿Como vamos a representar el rico mundo
visual de las experiencias y las medidas en un pobre espacio
plano?

taller 6 - información y medios digitales

programa instruccional
1. Prepara archivos de proyectos multimedia en Internet

2. Propone conceptos, herramientas y recursos en un proyecto
multimedia Internet.

3 Crea un proyecto interactivo con herramientas digitales de
autoría


programa instruccional
subunidades de competencias

Determina las herramientas digitales según los soportes de
salida (Internet, CD-Rom) de un proyecto.

Reúne recursos y herramientas digitales en función de un
proyecto interactivo (imágenes, videos, sonidos).

Propone conceptos, herramientas y recursos en un proyecto
interactivo.


taller 6
tiempos de trabajo


experiencia de usuario UX
Usabilidad
Factores sociales
Factores culturales
Contexto de uso


experiencia de usuario UX
Usabilidad
Factores sociales
Factores culturales
Contexto de uso

arquitectura de la información AI
Contenido (card sorting)
Estudio (blue prints)
Representación (wireframes)
Evaluación (test de usuario)


diseño de interfaz UI
Elementos gráﬁcos (el rol del diseñador)
Elementos activos (el rol del programador)
La semántica del la web (el rol del usuario)
Frameworks (pensando en dispositivos)


diseño de interfaz UI
Elementos gráﬁcos (el rol del diseñador)
Elementos activos (el rol del programador)
La semántica del la web (el rol del usuario)
Frameworks (pensando en dispositivos)

desarrollo web :)

HTML5, HTML
CSS3, CSS
Javascript (lenguajes de interactividad)
Publicación
Administración de contenidos


taller 6
evaluaciones


evaluaciones
13 Notas
5 Individuales
8 Grupales

No existen entregas atrasadas
Correcciones grupales
Comunicación


diseño de la
información


diseño de la información
El DI puede definirse como el arte y la ciencia de
preparar la información, de modo que pueda usarse
por los humanos con eficacia y eficiencia

Horn (1999)


deﬁnición de la información
La información es un conjunto de mecanismos que permiten al
individuo retomar los datos de su ambiente y estructurarlos de
una manera determinada, de modo que le sirvan de guía para
su acción.


50 millones de usuarios

38 años



13 años



4 años



3 años



2 años


la información
es progresiva y por ende altamente complejizada en
razón de las nuevas tecnologías


3 puntos fundamentales
1. El diseñar información es trabajar con datos que puedan
llegar a convertirse en información valiosa para un lector meta

2. En el diseño se persigue no solo la comunicación de la
información, sino también su asimilación o aprendizaje a ﬁn de
convertirse en conocimiento

3. La información que se diseña, se hace con base en la
intención, experiencia y pertinencia del usuario ﬁnal


La comprensibilidad del documento
se puede conseguir mediante la
visualización de los componentes
que lo forman


documentos El primer requisito del DI es que los
documentos que transmiten información
comprensibles deben ser comprensibles.


documentos
comprensibles

implican la visualización de todos los
sistemas elementos de la interacción, lo que
interactivos incluye el entorno social, el estado
cognitivo del usuario, el sistema de
diseño


documentos
comprensibles

sistemas
interactivos
Cuando los espacios informativos se
diseñan, deben ser navegables para los
usuarios.
espacios de Por analogía con la navegación real, se
información debe diseñar la información conectando
navegables las tareas con el modo de encontrar el
camino y de poner señales.

usabilidad


la usabilidad es la facilidad con que las
personas pueden utilizar una
herramienta con el ﬁn de alcanzar un
objetivo concreto


usabilidad
diseñar es organizar elementos de modo que cumplan una
necesidad particular de la mejor manera/forma posible.
(Charles Eames)


usabilidad
diseñar es organizar elementos de modo que cumplan una
necesidad particular de la mejor manera/forma posible.
(Charles Eames)

Steve Krug

DON’T MAKE
ME THINK

orga
ni
zar
estructura
clara y
convincente


orga eco
ni nomi
zar zar
estructura lo máximo con
clara y la menor
convincente cantidad de
elementos


orga eco co
ni nomi muni
zar zar car
estructura lo máximo con presentación a
clara y la menor la capacidad
convincente cantidad de del usuario
elementos


encargo 1
estructura para la visualización de datos


considerar

Un lenguaje visual es el conjunto de palabras,
imágenes y formas que sirven para comunicar.

Horn aﬁrma que la comprensibilidad de un
documento se puede evaluar mediante el examen del
lenguaje visual subyacente que lo compone.


la base de lo solicitado
El material es la selección de una aplicación para
dispositivos móviles que posea presencia en la web
pensando en como sería la simpleza de su uso

Pensar en alfabetizar y encantar en su uso a su grupo
objetivo utilizando experiencias subjetivas apoyadas
en elementos objetivos


diseño de documento
Crear un documento basándose en los 3 puntos
fundamentales del diseño de la información.

Se deben determinar criterios para migrar desde un
sistema complejo (aplicación) a un entendimiento y
aprehender *

*aprehender: asimilar inmediatamente, llegar a entender.


criterios
1. Resumir: encontrar el objetivo macro relevante que
contenga a los demás elementos del diseño

2. Integración: pensar en una información navegable,
creando un relato por medio de la sucesión y
profundidad de contenidos

3. Finalidad: determinar un grupo de personas, un
contexto donde lo diseñado sea útil en cuanto a su
información


en cuanto a diseño...
Categorizar visualmente

Usar las variables visuales de color y tipografía

Construir una retícula que contenga la información
entendiendo la naturaleza de esta


formato de entrega

HTML, Flash, PDF interactivo

Propuesta de contenidos: próxima clase

Concluye con documento y lámina impresa (21/08)


Diseño de la Información

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (6)

Destacado

Destacado (8)

Similar a Diseño de la Información

Similar a Diseño de la Información (20)

Más de iConstruye

Más de iConstruye (20)

Último

Último (20)

Diseño de la Información