CASE STUDY / 03
LiDAR App
Del terreno a la ruta, sin perder el contexto.
Diseño UX/UI para explorar información geoespacial, configurar recorridos y consultar el relieve desde una misma interfaz.
01 / INTRO
Diseñar una forma de trabajar con el terreno.
LiDAR App es un proyecto de interfaz para la exploración de información geoespacial de CiTIUS, realizado mediante Rebase Technologies.
Mi trabajo se centró en el diseño UX/UI: organizar las herramientas, definir las pantallas y conectar la exploración del escenario con la configuración y consulta de rutas. El terreno debía seguir siendo la referencia durante toda la tarea.
02 / RETO
Mantener el contexto entre datos, controles y recorridos.
La interfaz debía reunir operaciones distintas: elegir un escenario, interpretar sus áreas, introducir una ruta y consultar su representación en plano, volumen y altura.
El reto consistía en dar acceso a los controles técnicos sin fragmentar el trabajo ni restar espacio a la visualización. Cada cambio de tarea debía conservar una relación clara con el terreno.
03 / ENFOQUE
Una estructura estable para tareas diferentes.
Organicé la experiencia en un área principal de visualización y un panel lateral con herramientas agrupadas por tarea. Esta distribución mantiene el escenario a la vista mientras cambian los controles.
La jerarquía del panel, las etiquetas y los estados de los componentes comparten el mismo lenguaje a lo largo del flujo.
01
Explorar
Elegir un escenario y mantener el terreno como referencia visual.
02
Configurar
Agrupar campos, pestañas y acciones según la tarea.
03
Relacionar
Conectar el recorrido con sus representaciones y datos.
04 / SOLUCIÓN
Un mismo escenario, varias formas de leerlo.
La propuesta conecta la selección de escenas con tres representaciones complementarias. El volumen muestra el relieve; el plano ayuda a situar el recorrido; el perfil permite examinar sus variaciones de altura.
El plano y el perfil se consultan dentro del espacio de trabajo, conservando el terreno como referencia.
4.1 / BIBLIOTECA DE ESCENARIOS
Elegir antes de explorar.
El listado reúne las escenas disponibles y establece un punto de entrada reconocible al entorno de trabajo.
4.2 / PLANO, VOLUMEN Y PERFIL
Seguir el mismo recorrido desde distintas perspectivas.
La visualización combina el trazado sobre el relieve con un plano complementario y un perfil de altura. Los puntos del recorrido conservan su correspondencia entre las tres representaciones.
05 / INTERACCIÓN Y OPERACIÓN
De reconocer una zona a consultar una ruta.
El panel lateral reúne las áreas reconocidas y las herramientas de ruta. Las pestañas Valores, Dibujar e Importar separan las formas de introducir un recorrido dentro de una estructura común.
La secuencia de interacción conecta la selección de un área y la importación de una ruta con su representación sobre el terreno y la consulta de coordenadas.
5.1 / ÁREAS Y RUTAS
Hacer visible el efecto de cada acción.
La leyenda diferencia carreteras, terreno, vegetación, construcciones y elementos desconocidos. Al seleccionar vegetación, las zonas correspondientes se resaltan en el escenario antes de continuar con la importación de una ruta.
5.2 / CONSULTA DE VALORES
Relacionar el formulario con el recorrido.
Tras cargar el archivo, la pestaña Valores muestra las coordenadas de la ruta. Un punto intermedio se destaca junto a su campo para explicar la relación entre la información del panel y su posición en el terreno.
La propuesta contempla también el dibujo directo y la organización de varias rutas dentro de la misma estructura de trabajo.
06 / CONCLUSIONES
Conectar información y acción dentro de una misma interfaz.
El resultado del trabajo de diseño es una propuesta de interfaz que reúne biblioteca de escenas, visualización del terreno y herramientas de ruta bajo una organización común.
Su aportación está en las decisiones que conectan esas partes: conservar el contexto espacial, agrupar los controles por tarea y mantener patrones reconocibles al pasar de la exploración a la configuración.