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

Clase 13 de 22Curso de Figma

Brief de Diseño: Apata 🦜

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

pexels-tranmautritam-326502.jpg

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

  1. Descubrimiento y Búsqueda de Senderos
  2. Navegación y Mapeo
  3. Funciones Sociales
  4. Seguridad y Acceso Sin Conexión
  5. Grabación y Seguimiento de Rutas
  6. 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
  • Gestión de Funciones Pro
    • Estado de suscripción
    • Acceso a mapas sin conexión
    • Activación de funciones premium

Requisitos Técnicos

pexels-designecologist-1779487.jpg

Funcionalidad Sin Conexión

  • Descarga de mapas para uso sin conexión
  • Almacenamiento en caché de datos de senderos
  • Seguimiento GPS sin conexión de datos
  • Sincronización al restaurar la conexión

Servicios de Ubicación

  • Seguimiento GPS continuo
  • Recomendaciones basadas en ubicación
  • Direcciones al punto de inicio
  • Detección de desvío de ruta

Gestión de Datos

  • Datos de perfil de usuario
  • Base de datos de información de senderos
  • Contenido generado por usuarios
  • Almacenamiento de mapas sin conexión
  • Almacenamiento y compresión de fotos

Características de Seguridad

  • Autenticación de usuarios
  • Encriptación de datos
  • Sistema de contactos de emergencia
  • Protección de datos de ubicación

Tipos de Usuario

pexels-pixabay-38544.jpg

Usuarios Gratuitos

  • Búsqueda básica de senderos
  • Funciones comunitarias
  • Navegación básica
  • Grabación de senderos
  • Acceso limitado sin conexión

Usuarios Pro

  • Mapas sin conexión
  • Navegación avanzada
  • Sin publicidad
  • Mapas profesionales
  • Capas de mapa en tiempo real
  • Mapas impresos
  • Funciones avanzadas de seguridad

Funciones de Seguridad

  • Sistema de contactos de emergencia
  • Capacidad de navegación sin conexión
  • Alertas de desvío
  • Advertencias meteorológicas
  • Alertas de condiciones del sendero
  • Advertencias de batería baja
  • Seguimiento de última ubicación conocida