Desarrollo de Aplicaciones y Experiencia de Usuario · 2do Semestre

Arquitectura de Información

Los estudiantes organizan el contenido dentro de un sistema digital para facilitar su navegabilidad y la búsqueda de información por parte del usuario.

Acerca de este tema

La Arquitectura de Información organiza el contenido en sistemas digitales para mejorar la navegabilidad y facilitar la búsqueda de datos por los usuarios. En I Medio, los estudiantes diseñan estructuras jerárquicas, menús intuitivos y etiquetas claras que reduzcan los pasos para completar tareas. Exploran preguntas clave como el camino más corto para un usuario, el rol de menús y etiquetas en la navegación, y los problemas cuando la estructura no coincide con el modelo mental del usuario. Esto se alinea con las OA TEC de Gestión de Datos e Información y Diseño de Soluciones Tecnológicas de MINEDUC.

Dentro del currículo de Tecnología del segundo semestre, este tema une principios de experiencia de usuario con desarrollo de aplicaciones. Los estudiantes analizan apps reales, identifican ineficiencias y proponen mejoras, lo que fortalece el pensamiento crítico, la empatía hacia el usuario y habilidades de diseño iterativo. Estas competencias preparan para proyectos prácticos donde la usabilidad define el éxito de una solución tecnológica.

El aprendizaje activo beneficia especialmente este tema porque los estudiantes prueban prototipos con compañeros, observan confusiones en tiempo real y ajustan diseños colaborativamente. Esto hace concretos conceptos abstractos como el modelo mental y genera comprensión duradera mediante la experimentación directa.

Objetivos de Aprendizaje

• Analizar la estructura de navegación de al menos tres aplicaciones móviles populares para identificar patrones de arquitectura de información efectivos.
• Evaluar la usabilidad de un prototipo de aplicación basándose en la claridad de las etiquetas y la jerarquía de la información presentada.
• Diseñar un mapa de sitio y un diagrama de flujo para una aplicación hipotética, demostrando la organización lógica del contenido.
• Explicar cómo el modelo mental del usuario influye en la percepción de la facilidad de uso de un sistema digital.
• Sintetizar principios de arquitectura de información para proponer mejoras concretas en la interfaz de usuario de una aplicación existente.

Antes de Empezar

Principios Básicos de Diseño de Interfaces

Por qué: Los estudiantes necesitan una comprensión fundamental de qué son los elementos de una interfaz (botones, menús, texto) para poder organizar su contenido.

Identificación de Necesidades del Usuario

Por qué: La arquitectura de información se centra en el usuario, por lo que es crucial que los estudiantes hayan explorado previamente cómo identificar y considerar las necesidades de quienes usarán una tecnología.

Vocabulario Clave

Arquitectura de Información (AI)	La práctica de organizar y estructurar el contenido de un sitio web, aplicación o sistema digital para facilitar la búsqueda y el acceso a la información por parte de los usuarios.
Navegación	El sistema de elementos (menús, enlaces, botones) que permiten a los usuarios moverse e interactuar dentro de un sistema digital.
Jerarquía	La organización del contenido en niveles de importancia o relación, desde lo más general a lo más específico, para guiar al usuario.
Etiqueta	El texto o icono utilizado para identificar y describir una sección, función o elemento dentro de una interfaz de usuario.
Modelo Mental	La comprensión que un usuario tiene sobre cómo funciona un sistema, basada en sus experiencias previas y expectativas.

Ideas de aprendizaje activo

Rotación de Estaciones: Diseños de Menús

Prepara cuatro estaciones con ejemplos de apps: una con menús anidados, otra plana, una con etiquetas ambiguas y una intuitiva. Los grupos rotan cada 10 minutos, navegan tareas simuladas y registran tiempos y frustraciones. Al final, discuten mejoras colectivas.

⏱ 45 min·Grupos pequeños

Generar misión

Card Sorting en Pares

Entrega tarjetas con contenidos de una app ficticia a cada par. Piden que las organicen en categorías lógicas y dibujen un mapa de navegación. Comparen con el diseño original y justifiquen cambios basados en usabilidad.

⏱ 30 min·Parejas

Generar misión

Prueba de Usabilidad Grupal

Divide la clase en equipos que crean wireframes simples en papel. Un equipo prueba el diseño de otro cronometrando tareas; intercambian retroalimentación y rediseñan una iteración. Registra métricas como clics necesarios.

⏱ 50 min·Grupos pequeños

Generar misión

Análisis Whole Class de Apps Reales

Proyecta una app común como Instagram o una app escolar. La clase navega tareas colectivamente, vota por caminos óptimos y propone reestructuraciones en pizarra digital. Resume lecciones clave.

⏱ 35 min·Toda la clase

Generar misión

Conexiones con el Mundo Real

Los diseñadores de experiencia de usuario (UX) en empresas como Google o Apple trabajan diariamente en la arquitectura de información de sus productos, como el sistema operativo Android o iOS, para asegurar que millones de usuarios puedan encontrar y utilizar funciones de manera intuitiva.

Los bibliotecarios y archiveros aplican principios de arquitectura de información para organizar vastas colecciones de libros y documentos, creando sistemas de catalogación y bases de datos que permiten a los investigadores localizar información específica de forma eficiente.

Los desarrolladores de comercio electrónico, como los de Mercado Libre o Amazon, diseñan la estructura de sus sitios web para guiar a los compradores a través de categorías de productos, filtros de búsqueda y procesos de pago, optimizando la experiencia de compra.

Cuidado con estas ideas erróneas

Idea errónea común

Más opciones en menús siempre facilita la navegación.

Qué enseñar en su lugar

En realidad, menús sobrecargados generan parálisis por análisis y aumentan errores. Actividades de prueba de usabilidad muestran cómo estructuras simples reducen tiempos; los estudiantes miden esto con compañeros y ajustan diseños.

Idea errónea común

La estructura lógica para el diseñador es intuitiva para todos los usuarios.

Qué enseñar en su lugar

El modelo mental varía por experiencia previa. El card sorting revela preferencias diversas; discusiones en pares ayudan a empatizar y refinar jerarquías basadas en datos reales de usuarios.

Idea errónea común

Etiquetas largas y descriptivas son siempre mejores que cortas.

Qué enseñar en su lugar

Etiquetas concisas aceleran la lectura cognitiva. Pruebas cronometradas en estaciones demuestran esto; estudiantes iteran y ven mejoras en velocidad de tareas, conectando teoría con evidencia práctica.

Ideas de Evaluación

Boleto de Salida

Entregue a cada estudiante una captura de pantalla de un menú de una aplicación conocida. Pida que escriban una frase explicando qué tipo de información esperarían encontrar al hacer clic en cada opción del menú y por qué esa organización tiene sentido (o no).

Pregunta para Discusión

Presente a la clase dos prototipos de pantalla de inicio para una misma aplicación (uno con una jerarquía clara y otro confuso). Pregunte: ¿Cuál de estas pantallas facilita más la tarea de encontrar la función X? ¿Por qué? ¿Qué elementos específicos hacen que una sea mejor que la otra?

Evaluación entre Pares

Los estudiantes trabajan en parejas para crear un mapa de sitio simple para una aplicación de notas. Luego, intercambian sus mapas y evalúan la lógica de la jerarquía y la claridad de las etiquetas propuestas por su compañero, ofreciendo una sugerencia de mejora.

Preguntas frecuentes

¿Cómo enseñar Arquitectura de Información en I Medio según MINEDUC?

Enfócate en OA TEC de Gestión de Datos y Diseño de Soluciones. Usa análisis de apps cotidianas para identificar jerarquías ineficientes, seguido de prototipado en papel. Integra preguntas clave como el impacto de menús en usabilidad para guiar discusiones prácticas y proyectos iterativos.

¿Qué es el modelo mental del usuario en arquitectura de información?

Representa las expectativas previas del usuario sobre cómo organizar y encontrar información, basado en experiencias pasadas. Si la estructura de la app no coincide, surge confusión. Actividades como card sorting mapean estos modelos colectivos y alinean diseños para mejor navegabilidad.

¿Cómo el aprendizaje activo ayuda en Arquitectura de Información?

Permite prototipar y probar diseños rápidamente con pares, revelando fallos como menús confusos mediante tiempos reales y retroalimentación. Rotaciones de estaciones o pruebas de usabilidad fomentan iteraciones, haciendo abstractos conceptos tangibles y desarrollando empatía usuaria en 45 minutos efectivos.

¿Cuáles son ejemplos prácticos de arquitectura de información en apps?

En apps como Mercado Libre, menús categorizados por producto guían al checkout corto. Etiquetas claras como 'Carrito' evitan búsquedas. Estudiantes rediseñan secciones escolares para practicar, midiendo eficiencia y conectando con estándares de diseño tecnológico.