Title: Actividad 3 Creatividad y Diseño
Course: 2025 - LI - Diseño de Interfaces de Usuario 1-1 > Section: Unidad III Diseño Centrado en el Usuario

Crear una Interfaz de Usuario para una Aplicación de Lista de Tareas

Objetivo:

Familiarizarte con los distintos elementos de Balsamiq y cómo se utilizan para crear un diseño funcional.

Requisitos que debe de contener el diseño:

1. Pantalla principal con lista de tareas.
2. Botón para añadir una nueva tarea.
3. Checkbox para marcar tareas como completadas.
4. Campo de entrada para nombre de la tarea.
5. Botón para eliminar tareas completadas.
6. Filtros para ver tareas activas/completadas.

Pasos:

1. Crear un Nuevo Proyecto:
  - Abre Balsamiq y crea un nuevo proyecto.
2. Agregar un Título:
  - Usa el elemento Label para poner un título en la parte superior de la pantalla, como "Lista de Tareas".
3. Añadir el Campo de Entrada:
  - Usa un Text Input para permitir a los usuarios escribir el nombre de la nueva tarea. Coloca este campo cerca de la parte superior de la pantalla, debajo del título.
4. Botón para Añadir Tarea:
  - Agrega un Button al lado del campo de entrada, etiquéttalo como "Añadir Tarea". Asegúrate de que el botón esté alineado adecuadamente con el campo de entrada.
5. Crear la Lista de Tareas:
  - Utiliza un componente para repetir la simulación de una lista de tareas. Dentro del elemento, agrega un Checkbox para permitir a los usuarios marcar tareas completadas y un Label para mostrar el nombre de la tarea.
  - Asegúrate de poner al menos tres elementos de tarea prellenados en el ejemplo del elemento repetidor para que se note su funcionalidad.
6. Botón para Eliminar Tareas Completadas:
  - Coloca otro Button en la parte inferior de la lista de tareas, usando una etiqueta como "Eliminar Completadas".
7. Filtros para Tareas:
  - Agrega una lista desplegable o un grupo de Radio Buttons en la parte superior de la lista de tareas para que los usuarios puedan seleccionar entre "Todas", "Activadas" y "Completadas".
8. Revisar y Ajustar:
  - Revisa el diseño, asegúrate de que los elementos están alineados correctamente y son fácilmente accesibles visualmente. Ajusta el tamaño y el espaciado según sea necesario.
9. Añadir Interactividades (Opcional):
  - Si Balsamiq lo permite, intenta agregar algunas interacciones simples, como mostrar/hide elementos al clicar en un botón.
10. Guardar y Compartir:
  - Guarda tu trabajo y, si es posible, comparte el enlace o exporta el prototipo para tenerlo como referencia.

Es muy importante mostrar color y aspectos visuales.

Crear una Interfaz de Usuario para una Aplicación de Lista de Tareas

Objetivo:

Familiarizarte con los distintos elementos de Balsamiq y cómo se utilizan para crear un diseño funcional.

Requisitos que debe de contener el diseño:

1. Pantalla principal con lista de tareas.
2. Botón para añadir una nueva tarea.
3. Checkbox para marcar tareas como completadas.
4. Campo de entrada para nombre de la tarea.
5. Botón para eliminar tareas completadas.
6. Filtros para ver tareas activas/completadas.

Pasos:

1. Crear un Nuevo Proyecto:
  - Abre Balsamiq y crea un nuevo proyecto.
2. Agregar un Título:
  - Usa el elemento Label para poner un título en la parte superior de la pantalla, como "Lista de Tareas".
3. Añadir el Campo de Entrada:
  - Usa un Text Input para permitir a los usuarios escribir el nombre de la nueva tarea. Coloca este campo cerca de la parte superior de la pantalla, debajo del título.
4. Botón para Añadir Tarea:
  - Agrega un Button al lado del campo de entrada, etiquéttalo como "Añadir Tarea". Asegúrate de que el botón esté alineado adecuadamente con el campo de entrada.
5. Crear la Lista de Tareas:
  - Utiliza un componente para repetir la simulación de una lista de tareas. Dentro del elemento, agrega un Checkbox para permitir a los usuarios marcar tareas completadas y un Label para mostrar el nombre de la tarea.
  - Asegúrate de poner al menos tres elementos de tarea prellenados en el ejemplo del elemento repetidor para que se note su funcionalidad.
6. Botón para Eliminar Tareas Completadas:
  - Coloca otro Button en la parte inferior de la lista de tareas, usando una etiqueta como "Eliminar Completadas".
7. Filtros para Tareas:
  - Agrega una lista desplegable o un grupo de Radio Buttons en la parte superior de la lista de tareas para que los usuarios puedan seleccionar entre "Todas", "Activadas" y "Completadas".
8. Revisar y Ajustar:
  - Revisa el diseño, asegúrate de que los elementos están alineados correctamente y son fácilmente accesibles visualmente. Ajusta el tamaño y el espaciado según sea necesario.
9. Añadir Interactividades (Opcional):
  - Si Balsamiq lo permite, intenta agregar algunas interacciones simples, como mostrar/hide elementos al clicar en un botón.
10. Guardar y Compartir:
  - Guarda tu trabajo y, si es posible, comparte el enlace o exporta el prototipo para tenerlo como referencia.

Es muy importante mostrar color y aspectos visuales.