Clase Taller Diseño Plataformas Digitales semana 27/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:

Etapa 1: Investigación

Los estudiantes, organizados en "duplas", desarrollaran una pizarra online para un cliente de ecommerce. A partir de este deberán:

• Analizar las diferencias de la misma app en los sistemas operativos iOS (HIG) y Andori.

• Analizar app de ecommerce.

• Diseño Mapa de navegación.

• Presentar los resultados en un mural colaborativo en Miro o Figma.

Etapa 2: Desarrollo

Con el mapa 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.

• Presentar el wireframe en Figma.
• Formato: IOS, Androi, adaptaciones pantalla Flip de ambos sistemas
• Pantallas:
• login, 
• home, 
• catalogo, 
• producto, 
• perfil, 
• ajustes, 
• preguntas frecuentes (FAQ)

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.

Formato de Entrega

Compartir los siguientes enlaces en formato publico según corresponda:

• Link de pizarra online
• Link de figma

Nombres de los integrantes y secciones a la que corresponde.

Es responsabilidad del estudiante verificar que el enlace compartido tenga acceso público y que los archivos puedan visualizarse correctamente.

Indicaciones de entrega

En la plataforma AAI se habilitará la tarea para que carguen la documentación en la fecha correspondiente, está estará habilitada hasta 15 minutos iniciada la clase.  Para la recepción del proyecto el estudiante debe tener como mínimo el 60% de asistencia a clases de la unidad, caso contrario será evaluado directamente con la nota mínima. Una vez finalizado el plazo, se bloqueará el acceso a subir la tarea.  Se recomienda evitar realizar la carga en el último minuto, dado que existe la posibilidad de fallas en el sistema y problemas de conexión que podrían surgir. Es aconsejable planificar con antelación para prevenir inconvenientes. NO SE RECIBIRÁN ENTREGAS POR CORREO O CHAT sin excepciones.  Carpetas vacías o errores al enviar el link serán evaluadas con la nota mínima.  Aquellos que no envíen el proyecto en las fechas de evaluación recibirán una calificación mínima, a menos que justifiquen su ausencia de acuerdo con los protocolos establecidos en el Reglamento Académico.

Rúbrica de Evaluación

Criterios	Excelente	Bueno	Aceptable	Insuficiente
1. Reconoce una problemática de diseño digital, considerando el análisis de soluciones, las necesidades del usuario y los requisitos.	Identifica con claridad y precisión la problemática de diseño digital; relaciona de manera coherente las necesidades del usuario, los requisitos del proyecto y el análisis de posibles soluciones.	Identifica correctamente la problemática y relaciona la mayoría de las necesidades del usuario y requisitos con posibles soluciones, aunque presenta oportunidades de profundización.	Reconoce parcialmente la problemática; establece una relación limitada entre las necesidades del usuario, los requisitos y las soluciones propuestas.	No identifica claramente la problemática o presenta una propuesta que no responde a las necesidades del usuario ni a los requisitos establecidos.
2. Define un usuario y una estructura de contenidos, de acuerdo con estándares de arquitectura de la información y a metodología de diseño centrado en el usuario.	Define un perfil de usuario claro, completo y pertinente; organiza los contenidos mediante una estructura lógica y coherente, aplicando correctamente principios de arquitectura de la información y diseño centrado en el usuario.	Define un usuario adecuado y una estructura de contenidos coherente; aplica correctamente la mayoría de los principios de arquitectura de la información y diseño centrado en el usuario.	Define un usuario de manera superficial y presenta una estructura de contenidos parcialmente organizada, con aplicación limitada de los principios de arquitectura de la información.	No define claramente al usuario o presenta una estructura de contenidos desorganizada, sin relación con las necesidades del usuario.
3. Genera un wireframe, de acuerdo con la integración de contenidos, componentes, directrices de interfaz humana y sistema operativo.	Genera un wireframe completo, claro y funcional; integra correctamente contenidos, componentes, navegación y directrices de interfaz correspondientes al sistema operativo.	Genera un wireframe coherente y funcional; integra la mayoría de los contenidos y componentes, respetando en gran medida las directrices del sistema operativo.	Genera un wireframe básico; integra parcialmente los contenidos y componentes y presenta inconsistencias en la aplicación de las directrices de interfaz.	El wireframe es incompleto, confuso o inexistente; no integra adecuadamente contenidos, componentes ni directrices del sistema operativo.
4. Diseña para pantalla de iOS, Android y adaptaciones para modelos Flip horizontales.	Desarrolla correctamente las interfaces para iOS y Android, incorporando adaptaciones específicas para dispositivos Flip horizontales; mantiene coherencia, legibilidad, usabilidad y correcta distribución de los elementos en todos los formatos.	Desarrolla las interfaces para iOS y Android y realiza las adaptaciones para formato Flip horizontal, presentando leves inconsistencias de distribución, proporción o adaptación.	Desarrolla parcialmente las interfaces solicitadas; las adaptaciones para uno o más formatos presentan problemas de distribución, legibilidad o usabilidad.	No desarrolla correctamente las interfaces para los sistemas solicitados o no incorpora las adaptaciones para dispositivos Flip horizontales.
5. Cumple con el 100% de las pantallas solicitadas.	Presenta el 100% de las pantallas solicitadas, completas, correctamente identificadas y desarrolladas de acuerdo con los requerimientos del proyecto.	Presenta entre el 90% y 99% de las pantallas solicitadas, manteniendo un desarrollo adecuado y coherente con la propuesta.	Presenta entre el 70% y 89% de las pantallas solicitadas, evidenciando avances parciales en el desarrollo de la propuesta.	Presenta menos del 70% de las pantallas solicitadas o las pantallas entregadas se encuentran incompletas y no permiten evidenciar el desarrollo de la propuesta.