2. “[
]porque
todo
diseño
comienza
cuando
se
comprende
y
se
interpreta”
Alan Fletcher
3. The world is complex, dynamic, multidimensional; the
paper is static, flat. How are we to represent the rich
visual world of experience and measurement on mere
flatland?
!
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?
4. programa
instruccional
REALIZAR MAQUETAS DE CORRECCIÓN Y
PRESENTACIÓN DE PROYECTOS DE DISEÑO, PARA
DIFERENTES MEDIOS Y SOPORTES DE ACUERDO A LOS
REQUERIMIENTOS DEL PROYECTO.
5. programa
instruccional
Identifica información de test de usuario para correcciones y/o ajustes a realizar en
producto web, en función de sus requerimientos.
!
Realiza prototipos en documentos codificados bajo estándares de construcción
web.
Realiza validaciones de estándares web aplicado a los documentos de la maqueta,
en función de los requerimientos del proyecto.
!
Identifica estándares de construcción web aplicables a un proyecto, de acuerdo a
los requerimientos definidos.
!
Identifica características de maquetas y prototipos web, en función de los
requerimientos de la pieza a producir. Realiza maquetas gráficas para el prototipado
web según requerimientos del proyecto.
Realiza correcciones en maqueta de acuerdo a información de test de usuarios.
7. experiencia de usuario UX
Usabilidad
Factores sociales
Factores culturales
Contexto de uso
8. experiencia de usuario UX
Usabilidad
Factores sociales
Factores culturales
Contexto de uso
arquitectura de la información
Contenido (card sorting)
Estudio (blue prints)
Representación (wireframes)
Evaluación (test de usuario)
9. diseño de interfaz UI
Elementos gráficos (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)
10. diseño de interfaz UI
Elementos gráficos (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
20. 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)
diseño de la
información
21.
22. definició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.
23. definició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.
29. es progresiva y por ende altamente complejizada en razón
de las nuevas tecnologías
la información
30. 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 fin 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 final
3 puntos
fundamentales
31. La comprensibilidad del documento
se puede conseguir mediante la
visualización de los componentes
que lo forman
36. la usabilidad es la facilidad con que las
personas pueden utilizar una
herramienta con el fin de alcanzar un
objetivo concreto
37.
38. DON’T MAKE
ME THINK
Steve Krug
diseñar es organizar elementos de modo que cumplan una
necesidad particular de la mejor manera/forma posible.
(Charles Eames)
usabilidad
43. Análisis de sitios web como herramienta digital
!
Establecer la utilidad (para qué, rol o tarea a ejecutar),
usabilidad (el como) y experiencia de uso
!
Analisar el contexto gráfico para presentar la información y
deducir el posible perfil de usuario
44. SITIOS WEB DE MARCAS DE
AUTOMÓVILES
!
3 sitios buenos
3 sitios malos
!
FORMATO DE ENTREGA: PDF paginado con presentación.
!
OBS: la presentación también se diseña