Actividades
Actividad 2: Diseño de wireframes y prototipos
Aprende a crear wireframes y prototipos para el diseño de interfaces de usuario.
En esta actividad, aprenderás a crear wireframes y prototipos para el diseño de interfaces de usuario. Utilizaremos herramientas de diseño para crear representaciones visuales de una aplicación sencilla.
Objetivos
- Comprender la importancia de los wireframes y prototipos en el diseño de interfaces.
- Familiarizarse con herramientas de diseño como Figma, Sketch o Adobe XD.
- Crear wireframes y prototipos interactivos para una aplicación sencilla.
- Evaluar la usabilidad de los prototipos creados.
- Reflexionar sobre el proceso de diseño y posibles mejoras.
Instrucciones
Supongamos que estás diseñando una aplicación de lista de tareas. Sigue estos pasos:
- Elige una herramienta de diseño (Figma, Sketch, Adobe XD, etc.) y crea un nuevo proyecto.
- Diseña un wireframe de baja fidelidad que incluya las siguientes pantallas:
- Pantalla de inicio con un botón para agregar una nueva tarea.
- Pantalla para agregar una nueva tarea con campos para el título y la descripción.
- Pantalla de lista de tareas que muestre las tareas agregadas con opciones para marcar como completadas o eliminarlas.
- Una vez que hayas creado el wireframe, desarrolla un prototipo de alta fidelidad que incluya interacciones básicas, como navegar entre pantallas y agregar tareas.
- Prueba el prototipo para asegurarte de que todas las interacciones funcionan correctamente y que la experiencia de usuario es satisfactoria.
- Reflexiona sobre el proceso de diseño y escribe un breve informe (200-300 palabras) sobre las siguientes preguntas:
- ¿Qué aspectos del diseño consideraste más importantes al crear los wireframes y prototipos?
- ¿Cómo mejoraste la usabilidad del prototipo?
- ¿Qué desafíos enfrentaste durante el diseño y cómo los superaste?
Entrega
En un solo documento PDF, incluye lo siguiente:
- Portada con título de la actividad, tu nombre, materia, grupo y fecha.
- Capturas de pantalla de los wireframes y prototipos creados.
- Informe de reflexión sobre el proceso de diseño.