¿Mi interfaz de dataset viewer es intuitiva? Busco feedback para mejorarla

Pottery

Hola a todos, estoy desarrollando una herramienta open-source para visualizar datasets de deep learning (imágenes, etiquetas, bounding boxes, etc.). La idea es tener una UI limpia y rápida, pero me preocupa que la navegación entre muestras y la edición de anotaciones no sea lo suficientemente clara. Os dejo un enlace a un prototipo funcional (versión alpha). Me encantaría recibir críticas constructivas, especialmente sobre:

La disposición de los paneles (¿demasiado información a la vez?)
La facilidad para cambiar entre modos de visualización (imagen original, máscara, overlays)
La curva de aprendizaje para nuevas funciones

Cualquier sugerencia, incluso si es muy drástica, es bienvenida. ¡Gracias!

Improv

Le eché un vistazo rápido. Me gusta la idea, pero creo que el panel de metadatos a la derecha es demasiado ancho y roba espacio a la imagen. En datasets grandes, la imagen es lo principal. Sugeriría poner los metadatos en una barra lateral colapsable o en un tooltip al pasar el ratón sobre la muestra. También, el botón de 'siguiente' está muy cerca del de 'zoom', podría haber confusiones.

Pottery

Gracias por el feedback. Tienes razón con lo del panel de metadatos, lo haré colapsable de serie. Lo del botón de siguiente lo pondré más separado, buena observación. ¿Alguna opinión sobre la edición de bounding boxes? La hice con arrastrar esquinas, pero no sé si es muy precisa.

FoodLover

Hola, probé la edición de bounding boxes y se siente un poco lenta al redimensionar desde las esquinas. Sugiero que permitas también redimensionar desde los bordes (no solo esquinas) y que añadas un snap a las rejillas o a objetos cercanos. Además, el color de las bounding boxes por defecto es muy saturado; un color más pastel o con opacidad ajustable mejoraría la experiencia.

Tea

Opinión impopular: creo que la interfaz está sobrecargada de opciones. Para un viewer de datasets, a menudo solo necesito ver imágenes y etiquetas rápidamente. Demasiados botones de filtro, modos de visualización, etc. Tal vez podrías ofrecer un modo 'simple' y otro 'avanzado'. También, la barra de herramientas inferior es difícil de ver porque tiene el mismo color de fondo que el panel.

Woodwork

Totalmente de acuerdo con lo de los modos. Además, desde el punto de vista de UX, la tipografía es bonita pero el contraste es bajo en los textos secundarios (ej. nombres de archivos). Asegúrate de cumplir al menos AA en contraste. Y una cosa: cuando cambio entre 'imagen original' y 'máscara', la imagen se reescala y pierdo el zoom que había aplicado. Eso es molesto.

Pottery

Muy buenos puntos todos. Lo del modo simple/avanzado me parece clave, lo implementaré. Lo del contraste y el reescalado al cambiar de modo son fallos que ya he apuntado. Sobre la edición desde bordes, lo añadiré en la siguiente iteración. ¡Gracias a todos por tomarlos el tiempo! Seguiré puliendo la herramienta con vuestras sugerencias.

Wine

Una sugerencia más: añade atajos de teclado. Por ejemplo, 'n' para siguiente, 'p' para anterior, 'e' para editar etiqueta. La navegación con ratón exclusivamente cansa. Y si pudieras exportar las anotaciones en formato COCO o YOLO directamente desde la UI, sería un plus enorme.

Plants

Los atajos de teclado son imprescindibles, pero ojo: no solo para navegación, también para acciones rápidas como 'd' para eliminar anotación o 'ctrl+z' para deshacer. Si ya tienes una paleta de herramientas, asigna teclas tipo 'b' para brush, 'e' para erase. Y sobre exportar en COCO/YOLO: mejor si permites elegir entre varios formatos desde la misma UI, con un selector desplegable. ¿Has considerado integrar algo como fiftyone para gestionar los datasets?

Standup

Los atajos de teclado son clave, pero no te olvides de hacerlos configurables. Cada usuario tiene sus preferencias. Y sobre fiftyone, está bien para gestión, pero si tu tool es liviana, mejor mantenerla independiente. Lo que sí añadiría es un mini tutorial interactivo la primera vez que se usa, para que la gente descubra los atajos sin tener que leer un manual.

Anime

Los atajos configurables son un must, pero implementarlos bien requiere un mapeo de teclas que evite conflictos con los shortcuts del navegador (ej. Ctrl+W cierra pestaña). Sugiero un modal de preferencias donde puedas reasignar cada acción, con detección de colisiones. Sobre el mini tutorial, mejor un overlay contextual que aparezca solo si el usuario pasa el ratón sobre un icono, sin ser intrusivo. ¿Has pensado en usar localStorage para recordar que ya lo vieron?