Diseño de la App Apata: Rutas y Experiencia de Usuario

Brief de Diseño: Apata 🦜

Este documento de diseño proporciona una base para comprender la estructura y experiencia de usuario del proyecto Apata.

Descripción General

Apata es una aplicación móvil y web diseñada para ayudar a los entusiastas del aire libre a descubrir, navegar y compartir rutas de senderismo, ciclismo y actividades al aire libre en todo el mundo. La aplicación funciona como una plataforma integral para la recreación al aire libre, combinando descubrimiento de senderos, navegación, características sociales y herramientas de seguridad.

¿Cómo puedo usar esta guía para mi proyecto?

El archivo de referencia para el curso de Figma trae consigo diversas pantallas que ya están creadas para la app de Apata. Sin embargo, muchas de las funcionalidades que se describen a continuación, todavía no han sido diseñadas. El reto consistente en imaginar cómo traer a la vida las diferentes partes de esta aplicación que todavía no existen, basados en la guía de estilo y el Brandbook que trae el proyecto.

Características Principales

Descubrimiento y Búsqueda de Senderos
Navegación y Mapeo
Funciones Sociales
Seguridad y Acceso Sin Conexión
Grabación y Seguimiento de Rutas
Reseñas y Contenido Comunitario

Flujo de Experiencia del Usuario

1. Proceso Inicial

Primer Inicio
- Pantalla de bienvenida presentando características principales
- Opciones de crear cuenta/iniciar sesión
- Solicitud de permisos de ubicación
- Selección de preferencias de actividad
- Identificación del nivel de condición física
- Configuración opcional de notificaciones push

2. Pantalla Principal

Elementos Principales
- Barra de búsqueda para descubrir senderos
- Vista de mapa de senderos cercanos
- Recomendaciones personalizadas de rutas
- Feed de actividad reciente
- Condiciones climáticas del área local
- Acceso rápido a senderos guardados

3. Descubrimiento de Senderos

Búsqueda y Filtros
- Búsqueda por ubicación
- Tipo de actividad (senderismo, ciclismo, running, etc.)
- Nivel de dificultad
- Longitud
- Ganancia de elevación
- Características (cascadas, vistas, apto para perros, etc.)
- Filtros de calificación

Visualización de Lista de Senderos
- Imagen en miniatura del sendero
- Información básica (longitud, dificultad, calificación)
- Condiciones actuales
- Opción de guardado rápido
- Distancia desde la ubicación actual

4. Vista Detallada del Sendero

Visualización de Información
- Galería de fotos
- Mapa interactivo del sendero
- Perfil de elevación
- Estadísticas clave
  - Longitud
  - Ganancia de elevación
  - Tipo de ruta
  - Nivel de dificultad
- Pronóstico del tiempo
- Reseñas y fotos de la comunidad
- Reportes de condiciones del sendero
- Opción de descarga para uso sin conexión

Elementos de Acción
- Navegar al punto de inicio
- Comenzar grabación
- Guardar sendero
- Compartir sendero
- Escribir reseña
- Subir fotos

5. Navegación y Grabación

Modo Navegación
- Seguimiento de ubicación en tiempo real
- Distancia recorrida
- Elevación actual
- Tiempo transcurrido
- Velocidad/ritmo
- Distancia restante
- Alertas de desvío de ruta

Funciones de Grabación
- Controles de inicio/pausa/detener
- Marcado de puntos de referencia con fotos
- Seguimiento de estadísticas
- Detección de auto-pausa
- Acceso a contactos de emergencia

6. Funciones Sociales

Gestión de Perfil
- Lista de senderos completados
- Galería de fotos
- Reseñas escritas
- Panel de estadísticas
- Insignias de logros

Interacción de Comunidad
- Seguir a otros usuarios
- Compartir actividades completadas
- Comentar en reseñas
- Me gusta en fotos
- Crear listas personalizadas
- Compartir senderos

7. Configuración y Preferencias

Configuración de la Aplicación
- Unidades (millas/kilómetros)
- Preferencia de tipo de mapa
- Configuración de descargas
- Preferencias de navegación
- Configuración de notificaciones
- Controles de privacidad
- Gestión de cuenta