Evaluación 3 – Unidad III: Integración gráfica e interactividad
1. Introducción
La asignatura Taller Diseño Plataformas Digitales busca que los estudiantes desarrollen las competencias necesarias para idear, estructurar, diseñar, prototipar y testear aplicaciones digitales, considerando los requerimientos de los usuarios, los escenarios de uso y los principios de usabilidad. Para alcanzar este propósito, es fundamental que los estudiantes no solo sean capaces de diseñar interfaces visualmente atractivas, sino también de integrar sus componentes y transformarlos en experiencias digitales interactivas y funcionales.
En esta tercera evaluación, los estudiantes deberán avanzar desde las propuestas visuales desarrolladas en la unidad anterior hacia la construcción de un prototipo funcional de aplicación híbrida. El desafío consiste en implementar las pantallas, componentes y sistemas de navegación mediante herramientas como Figma, FlutterFlow o plataformas similares, incorporando interacciones que permitan simular el funcionamiento de la aplicación.
El desarrollo deberá considerar las correcciones y oportunidades de mejora identificadas durante la evaluación anterior, procurando que la solución mantenga coherencia gráfica, facilite la navegación y se adapte a los diferentes dispositivos y formatos solicitados.
2. Desarrollo de la evaluación
Descripción general del encargo
A partir del prototipo visual desarrollado en la Unidad II, los estudiantes deberán implementar una versión funcional de su aplicación, integrando las diferentes vistas, componentes gráficos y elementos interactivos.
El prototipo deberá permitir recorrer las principales funcionalidades de la aplicación mediante una navegación clara, fluida y coherente con las necesidades del usuario. Para ello, será necesario conectar las pantallas, configurar las acciones de los componentes y representar los diferentes estados e interacciones que forman parte de la experiencia de uso.
El trabajo deberá desarrollarse considerando los cuatro formatos establecidos:
1. iOS – Vertical
Prototipo funcional para teléfono celular, considerando las convenciones de navegación y los componentes visuales correspondientes a iOS.
2. iOS – Fold (Duo)
Adaptación de la experiencia de uso al formato plegable o de doble pantalla definido para el proyecto. Se deberá reorganizar la interfaz y aprovechar el espacio disponible.
3. Android – Vertical
Prototipo funcional para teléfono Android, aplicando las convenciones de interfaz y navegación correspondientes a esta plataforma.
4. Android – Fold
Adaptación del prototipo para un dispositivo plegable Android, considerando la reorganización de contenidos, componentes y navegación.
Importante: las adaptaciones deben mantener la identidad visual y las funcionalidades principales de la aplicación. No basta con modificar las dimensiones de las pantallas; se espera que los estudiantes ajusten la distribución de los elementos para responder a las características de cada formato.
2.1. Etapas de desarrollo del proyecto
El proyecto se desarrollará progresivamente durante las semanas de trabajo, incorporando las mejoras y correcciones identificadas en la entrega anterior.
Etapa 1: Análisis y planificación de mejoras
- Revisar la retroalimentación recibida en la evaluación de la Unidad II.
- Identificar errores, inconsistencias y oportunidades de mejora en las interfaces.
- Revisar el Kit UI y el sistema de diseño desarrollado.
- Organizar las tareas y responsabilidades de los integrantes.
- Definir las funcionalidades y pantallas que deberán implementarse.
Etapa 2: Implementación de interfaces y componentes
- Construir las pantallas utilizando Figma, FlutterFlow o una herramienta similar.
- Incorporar los componentes gráficos definidos en el Kit UI.
- Aplicar correctamente la identidad visual de la marca.
- Configurar los elementos de navegación y controles interactivos.
- Mantener consistencia visual entre las diferentes pantallas.
Etapa 3: Integración de navegación e interactividad
- Conectar las pantallas según la arquitectura de navegación de la aplicación.
- Configurar botones, menús, pestañas y otros controles interactivos.
- Incorporar transiciones y respuestas visuales a las acciones del usuario.
- Representar los flujos principales de navegación.
- Verificar que las funcionalidades puedan recorrerse sin interrupciones ni enlaces incorrectos.
Etapa 4: Adaptación a dispositivos y formatos
- Implementar la versión iOS vertical.
- Desarrollar la adaptación iOS Fold (Duo), según el formato definido para el proyecto.
- Implementar la versión Android vertical.
- Desarrollar la adaptación Android Fold.
- Revisar la distribución de los componentes, la legibilidad y la continuidad de la navegación en cada formato.
Etapa 5: Revisión y validación del prototipo
- Revisar el funcionamiento de los enlaces e interacciones.
- Comprobar que todas las pantallas estén conectadas correctamente.
- Verificar la coherencia gráfica y funcional de las cuatro versiones.
- Corregir errores detectados durante la navegación.
- Comprobar que el prototipo permita representar las principales tareas del usuario.
2.2. Requisitos del prototipo funcional
El prototipo deberá cumplir con las siguientes condiciones:
Elemento Requisito
Pantallas: Incorporar todas las pantallas únicas definidas para la aplicación.
Navegación: Permitir recorrer las principales secciones y funcionalidades.
Interactividad: Incorporar botones, controles y elementos que respondan a las acciones del usuario.
Transiciones: Integrar transiciones coherentes entre las diferentes vistas.
Identidad visual: Mantener la marca y el sistema gráfico previamente definidos.
Adaptabilidad: Presentar las cuatro versiones solicitadas.
Funcionamiento: Permitir explorar el prototipo sin enlaces rotos ni recorridos incompletos.
Se espera que el prototipo represente una experiencia de uso y no solamente una colección de pantallas estáticas. Por lo tanto, cada acción relevante deberá tener una respuesta o conducir a la vista correspondiente.
3. Formato de entrega
Los estudiantes deberán enviar:
1. Link público a la plataforma de desarrollo
Enlace directo al proyecto desarrollado. El enlace deberá permitir visualizar y recorrer el prototipo funcional.
2. Identificación de los integrantes y sección
Consideraciones para la entrega:
- El enlace del proyecto debe estar configurado con permisos públicos de visualización.
- Se deberá identificar claramente cada versión del prototipo: iOS Vertical, iOS Fold (Duo), Android Vertical y Android Fold.
- Los integrantes deberán verificar que el enlace permita acceder al proyecto sin solicitar permisos adicionales.
- La entrega debe contener las versiones desarrolladas y no únicamente imágenes o capturas de pantalla.
4. Aprendizaje esperado
Esta evaluación responde al aprendizaje esperado 3.1: Diseña una App híbrida, para asegurar su compatibilidad con diferentes dispositivos, considerando la visualización, navegación interactiva de forma dinámica y eficiente.
A través de esta actividad, los estudiantes deberán demostrar que son capaces de transformar una propuesta visual en un prototipo funcional, integrando los componentes gráficos, las vistas y los sistemas de navegación de una aplicación. Asimismo, deberán aplicar los conocimientos adquiridos en las unidades anteriores para desarrollar una solución que responda a las necesidades del usuario y mantenga una experiencia consistente en diferentes plataformas y formatos de visualización.
El desarrollo progresivo del proyecto permitirá aplicar mejoras, resolver problemas de diseño y comprobar el funcionamiento de las interacciones, fortaleciendo las competencias de diseño de interfaces, prototipado, adaptación multiplataforma y trabajo colaborativo.
5. Conclusión
La tercera evaluación representa una etapa fundamental en el desarrollo del proyecto, ya que permite avanzar desde la construcción visual de una aplicación hacia la implementación de una experiencia interactiva y funcional. Mediante el uso de herramientas de prototipado, los estudiantes deberán integrar sus conocimientos de diseño de interfaces, sistemas gráficos y navegación, transformando las pantallas previamente desarrolladas en una solución que permita simular el comportamiento de una aplicación real.
En relación con los criterios de evaluación, el criterio 3.1.1 se evidenciará mediante la implementación de una navegación organizada y coherente con las necesidades del usuario; el criterio 3.1.2, a través de la aplicación consistente del sistema gráfico de acuerdo con la temática, los objetivos y el perfil de usuario; el criterio 3.1.3, mediante la integración de las diferentes vistas, pantallas y componentes, manteniendo una experiencia de usuario continua; y el criterio 3.1.4, a través del desarrollo de un prototipo funcional que incorpore interacciones, transiciones y recorridos de navegación fluidos y dinámicos. En conjunto, estos criterios permitirán comprobar que los estudiantes son capaces de diseñar e implementar una aplicación híbrida que combine coherencia visual, funcionalidad y adaptabilidad a diferentes dispositivos.
Indicaciones de entrega
|