El documento presenta una introducción a los conceptos de diseño de interacción y arquitectura de la información. Explica que el diseño de interacción se enfoca en cómo diseñar el comportamiento de sistemas interactivos complejos, mientras que la arquitectura de la información analiza aspectos como la navegación y organización de contenidos. Además, señala que estas disciplinas están cada vez más alineadas debido a las nuevas tendencias digitales como la Web 2.0.

1. ARQUITECTURA
DE LA INFORMACIÓN
PARA AMBIENTES
DIGITALES
2021-1
Sandra
Milena Roa
Martínez
FIET
Departamento
de Sistemas
GICO

2. Diseño de interacción
üHerramienta clara, confiable y eficaz para determinar qué
comportamiento tendrá éxito.
üHerramienta de gestión de construcción de software “increíblemente
poderosa” à una descripción del software tal como será cuando
finalmente se escriba.
üModelo: no solo ayudando a los programadores a saber qué construir,
sino también ayudando a los gerentes a medir el progreso de los
programadores y a los usuarios.
üHerramienta de marketing, comunicándose con gran claridad y
especificidad sobre exactamente quién utilizará el producto y por qué.
Interaction design is a tool for “Knowing what the user wants.”

3. Diseño de interacción
üPráctica de diseñar productos, entornos, sistemas y servicios
digitales interactivos.
üSe ocupa de la forma centrándose en algo que las disciplinas de
diseño tradicionales no suelen explorar: el diseño de
comportamiento.
Diseño afecta el comportamiento humano: la arquitectura se
preocupa por cómo las personas usan el espacio físico, y el diseño
gráfico a menudo intenta motivar o facilitar una respuesta.
ubicuidad de los productos à un comportamiento complejo.

4. Diseño de interacción
üTeoría + técnica del diseño tradicional + usabilidad + disciplinas de
ingeniería = mayor que la suma de sus partes (propios métodos y
prácticas únicos).
üEs una disciplina de diseño, muy diferente de la ciencia y la
ingeniería: racional y considerada, sintetiza e imagina las cosas como
podrían ser, no necesariamente como son actualmente.
üEl diseño de interacción también es inherentemente humanista à
preocupación por satisfacer las necesidades y deseos de las
personas que interactuarán con un producto o servicio.
üCentrado en los objetivos de las personas, razones por las que
utilizan un producto, sus expectativas, actitudes y aptitudes.
Goal-directed
method

5. Diseño de interacción
üDiseño de software
üDiseño de interfaces de usuario
üDel diseño estático al diseño de la
interactividad
Diseñar el comportamiento de
sistemas interactivos complejos

6. Diseño de interacción
Evolución

7. Diseño de interacción
Del modelo mental al modelo de implementación
“User interfaces should be based on user mental models
rather than implementation models.”
Fragmentos de: Alan Cooper. “About Face 3”. iBooks.
“User interfaces designed by engineers
follow the implementation model”
“Mathematical thinking leads to
implementation model interfaces”
“Users don’t understand
Boolean logic.”
“Mechanical-Age versus Information-
Age Represented Models”

8. Facets of the User Centered Design process
Proceso iterativo e interactivo
Fuente: Garrett (2003, p. 33)

9. Goal-directed method

10. Diseño de interacción

11. Diseño de interacción
A medida que la World Wide Web ganó prominencia, la
arquitectura de la información (IA) “… surgió como una disciplina
dedicada a resolver problemas relacionados con la navegación y la
“búsqueda” de contenido, principalmente (aunque no
exclusivamente) dentro del contexto de los sitios web.
Si bien es claramente un pariente cercano del diseño de
interacción, la IA convencional aún conserva una visión algo
limitada, centrada en la Web, de organizar y navegar por el
contenido utilizando páginas, enlaces y widgets mínimamente
interactivos…

12. Diseño de interacción
... Sin embargo, las tendencias recientes de la industria,
como la Web 2.0 y las aplicaciones de Internet
enriquecidas, han comenzado a abrir los ojos de los
diseñadores web, lo que los ha llevado a mirar más allá de
los modismos arcaicos de interacción del navegador.
Creemos que este despertar está alineando cada vez más
las preocupaciones de los arquitectos de la información
con las de los diseñadores de interacción.”

13. Diseño de interacción o
Arquitectura de la información
Information Architecture (IA) analiza el diseño, la navegación y sus
tipos, la orientación, los sistemas de búsqueda, el etiquetado, etc.
Interaction Design (IxD) se ocupa de (diseñar) cómo ayudar a las
acciones del usuario y, posteriormente, las reacciones desencadenadas.
Tipos de interacciones : Las pantallas táctiles, las activaciones por voz, la
ayuda de audio, etc.
IA / IxD : permiten que el usuario logre lo que se ha propuesto

14. Diseño de interacción o
Arquitectura de la información
Arquitectura de la información (IA):
¿Dónde buscará el visitante esa información?
Diseño de interacción (IxD):
¿Cómo llegará el visitante a dicha información?
UX Design, Interactive Design, Front-end Design, etc. son simplemente
subconjuntos (ejemplos) de Arquitectura de Información.
IA is the science behind Collecting, Structuring, Presenting, and Comprehending
information.

15. Actividad
Videos y lecturas complementarios:
• Qué es diseño de interacción? (https://www.youtube.com/watch?v=3Crq3mLOF-k)
• Diseño de interacción (https://www.youtube.com/watch?v=5obX09qRDzs)
• Qué es: Diseño de interacción (IxD) (https://blog.acantu.com/que-es-diseno-interaccion/)
• Apuntes de diseño de interacción (Ejemplos)
(http://www.rinosaurio.net/category/diseno-de-interaccion/)
• Definiciones y diferencias entre UX, IxD, AI y UI (https://blog.ida.cl/experiencia-de-
usuario/diferencia-ux-ixd-ai-ui/)
• IA, UI and UX: the anatomy of awesome digital products
(https://modicum.agency/blog/ia-ui-and-ux-the-anatomy-of-awesome-digital-products/)
• Seis ejemplos de un pésimo diseño de experiencia de usuario
(https://www.staffdigital.pe/blog/seis-ejemplos-de-un-pesimo-diseno-de-experiencia-de-
usuario/)

16. Arquitectura de la Información
Áreas, temáticas y conceptos relacionados
para investigar
• Tecnologías de la Web Semántica
• Usabilidad y Experiencia de Usuario
• Findability
• Accesibilidad y preservación digital

17. ¡Gracias por
su atención!
Preguntas???
Sandra Milena Roa Martínez
E-mail: smroa@unicauca.edu.co
Oficina 118 (IPET)
Docente Departamento de Sistemas
¡Gracias por
su atención!