Clase Taller Diseño Plataformas Digitales semana 19/08/2025

Evaluación 1 – Unidad I: Directrices de diseño de interfaz

Introducción

La asignatura Taller Diseño Plataformas Digitales busca que los estudiantes adquieran competencias para idear, estructurar, diseñar, prototipar y testear aplicaciones digitales considerando la experiencia del usuario, los lineamientos de usabilidad y las directrices de interfaz de cada sistema operativo.
En esta primera evaluación, los estudiantes deberán aplicar estos principios para analizar un brief, definir un proyecto digital y estructurar sus primeras propuestas de interfaz a través de wireframes y prototipos de baja fidelidad. Esto permitirá introducirse en el flujo de trabajo de proyectos reales, donde la comprensión del problema, el usuario y los escenarios de uso son fundamentales para un diseño exitoso.

Desarrollo

La evaluación contempla dos etapas principales:

Etapa 1: Investigación

Los estudiantes, organizados en duplas, desarrollaran un brief para un cliente ficticio. A partir de este deberán:

• Analizar los objetivos del cliente, usuarios, contextos y escenarios de uso.

• Reconocer la problemática central y proponer una solución conceptual en forma de aplicación nativa para Android e iOS.

• Definir el perfil del usuario, los objetivos de la aplicación y la propuesta conceptual.

• Presentar los resultados en un mural colaborativo en Miro.

Etapa 2: Desarrollo

Con la propuesta conceptual definida, los estudiantes deberán:

• Diseñar las pantallas esenciales en un wireframe de baja fidelidad.

• Integrar los elementos básicos de interfaz, componentes y controles adecuados según la usabilidad y accesibilidad.

• Documentar el wireframe en Miro y presentar las vistas mediante un video en Figma que muestre la interacción entre pantallas.

Aprendizajes esperados abordados

• 1.1: Definir un proyecto digital nativo de Android e iOS considerando necesidades del usuario y estándares de interfaz.

Contenidos mínimos obligatorios aplicados

• Material System y Human Interface Guidelines.

• Elementos esenciales de la interfaz y estructura de aplicaciones.

• Controles y componentes básicos de UI.

• Principios de usabilidad, diseño de interfaz y accesibilidad.

Conclusión

Esta primera evaluación introduce a los estudiantes al proceso de diseño de aplicaciones móviles, desde el análisis del brief hasta la estructuración de pantallas en wireframes. El objetivo es que comprendan cómo la identificación de las necesidades del usuario, junto con el uso de lineamientos oficiales de diseño, contribuyen a construir soluciones digitales claras, coherentes y funcionales.

Relación con criterios de evaluación

• Al analizar el brief (1.1.1), el estudiante demuestra comprensión del problema y objetivos del cliente.

• Al reconocer la problemática y posibles soluciones (1.1.2), conecta los requerimientos con la experiencia del usuario.

• Al definir al usuario y la estructura de contenidos (1.1.3), aplica metodología de diseño centrado en el usuario y arquitectura de la información.

• Al generar el wireframe (1.1.4), integra contenidos, componentes y directrices de interfaz específicas de Android e iOS.

Estructura sugerida del Brief (para entregar a estudiantes)

1. Nombre del proyecto / aplicación

2. Descripción general de la organización (cliente ficticio)

3. Objetivos del cliente (qué busca resolver con la app)

4. Problemática detectada (qué necesidad existe actualmente)

5. Usuarios principales

   • Perfil general (edad, intereses, ocupación, etc.)

   • Necesidades específicas

   • Problemas actuales

6. Escenarios y contextos de uso (cuándo, dónde y cómo usarían la app)

7. Objetivos de la aplicación (qué funcionalidades debe cumplir)

8. Requerimientos mínimos del diseño

   • Plataformas (Android / iOS)

   • Estándares de usabilidad y accesibilidad

   • Contenidos esenciales