GRUPO 8
INTEGRANTES
Jhason Euclides Murillo Mosquera
Yara Marcela Fernandez Camargo
Francy Milena Prieto Gonzalez
Fases del proceso de diseño de la App EcoGestión
Sketch (Boceto):
Interfaces rápidas y conceptuales para la aplicación "EcoGestión", enfocadas en los aportes y mejoras
1. Interfaz de Gamificación
● Descripción: Pantalla principal con un diseño de tablero de juego que muestra el progreso del usuario.
● Elementos: Desafíos semanales destacados, insignias acumuladas, y tabla de clasificación con amigos y comunidad.
● Funcionalidad: Posibilidad de unirse a retos grupales y ver cómo se compara el rendimiento con otros usuarios.
2. Interfaz de Compartición en Redes Sociales
● Descripción: Un panel de logros donde los usuarios pueden ver sus estadísticas y compartir directamente en redes sociales.
● Elementos: Botones de "Compartir" con opciones para diferentes plataformas (Facebook, Instagram, Twitter).
● Funcionalidad: Plantillas personalizables para compartir logros y tips de reciclaje, generando contenido visual atractivo.
3. Interfaz de Reportes Comunitarios
● Descripción: Mapa interactivo donde los usuarios pueden reportar problemas relacionados con la gestión de residuos en su
área.
● Elementos: Marcadores de ubicación, opción de subir fotos y descripciones del problema.
● Funcionalidad: Sistema de notificación a autoridades locales y seguimiento de reportes con actualizaciones de estado.
[Link] de Educacion Interactiva
● Descripción: Sección dedicada a módulos educativos con videos, infografías y quizzes sobre reciclaje.
● Elementos: Rutas de aprendizaje personalizadas, preguntas interactivas y recursos descargables.
● Funcionalidad: Registro de progreso y recompensa de puntos por completar módulos.
5. Interfaz de Reconocimiento de Imágenes
● Descripción: Funcionalidad de escaneo de objetos con la cámara del smartphone para obtener instrucciones de reciclaje.
● Elementos: Visualización en tiempo real del objeto, junto con información sobre su reciclabilidad.
● Funcionalidad: Guardar objetos escaneados en un historial para referencia futura.
6. Interfaz de Marketplace de Productos Reciclados
● Descripción: Plataforma donde los usuarios pueden comprar y vender productos hechos de materiales reciclados.
● Elementos: Listados de productos con fotos, descripciones, precios y opción de contacto directo con vendedores.
● Funcionalidad: Sistema de calificaciones y reseñas para fomentar la confianza y la calidad.
7. Interfaz de Microcréditos Verdes
● Descripción: Sección para gestionar microcréditos obtenidos por acciones de reciclaje.
● Elementos: Visualización de créditos acumulados, recompensas disponibles y opciones para canjear.
● Funcionalidad: Integración de comercio local donde se pueden usar los microcréditos.
Sitemap (Mapa de sitio)
Representación visual en lista estructurada que muestra la organización y la jerarquía de todas las
secciones
Interfaz Amigable: La interfaz debe ser intuitiva y fácil de navegar, con un
diseño claro y accesible.
Rendimiento: La aplicación debe cargar rápidamente y funcionar sin retrasos
significativos en la recopilación de datos.
Compatibilidad: Debe ser compatible con las versiones más recientes de
Android e iOS.
Seguridad: La aplicación debe implementar cifrado para proteger los datos
del usuario y cumplir con las normativas de privacidad.
Wireframe (Esquema de página básico)
Representación visual básica y esquemática de la disposición de elementos clave (bloques de contenido y menús de navegación)
Menú Principal:
● Navegación horizontal en la parte superior, accesible desde todas las pantallas.
● Cada opción lleva a una sección específica de la app.
Pantalla Principal:
● Banner de Bienvenida: Mensaje motivacional y visual atractivo.
● Progreso del Usuario: Muestra el total de puntos e insignias obtenidas.
● Desafío Semanal: Espacio destacado para motivar la participación.
● Logros Recientes: Muestra las últimas insignias o recompensas.
● Mapa Interactivo: Visualiza problemas reportados y ubicaciones de reciclaje.
● Últimos Tips de Reciclaje: Sección con consejos prácticos.
● Botón de Compartir: Facilita la difusión de logros y tips en redes sociales.
Mockup (Maqueta) y Prototype (Prototipo)
