OrganiLAB, rediseño de interfaz

Diagnóstico de la versión 1.4.3 recorriendo las ocho pantallas en vivo, puntos de mejora y plan por fases. 15 sep 2026.

El problema de fondo. La app está organizada por funciones internas (Plan, Nombres, Aligerar, Copia, Ajustes) y no por lo que una persona quiere hacer con una carpeta de cliente. Cada pestaña es una herramienta suelta, sin orden entre ellas, y ninguna dice en qué punto del proceso estás ni qué falta para poder seguir. El asistente paso a paso ya existe, pero solo se llega a él arrastrando la carpeta sobre el .exe: la interfaz principal no lo ofrece.

Lo que vi al recorrerla

Inicio con carpeta elegida dice «Elige una carpeta»David Reyes está seleccionado y hay inventario de 4.667 archivos, pero el título pide elegir, hay un recuadro gris vacío y dice «Escanea para ver el diagnóstico».
Es la primera pantalla y contradice el estado real. Ahí nace la confusión.
Ocho pestañas, cinco escondidas tras «Más»Inicio, Qué hay, Historial visibles. Nombres, Plan detallado, Aligerar a 10 bits, Copia de seguridad y Ajustes ocultas.
Lo que hace el trabajo de verdad (Plan, Aligerar) está oculto. Lo visible es lo que no actúa.
Nada dice el orden¿Primero Nombres o primero Plan? ¿Aligerar antes o después de organizar? ¿Copia de seguridad requiere haber aligerado?
El README explica un flujo de cinco pasos. La interfaz no lo refleja en ningún sitio.
Botones sin estado«Copiar» aparece verde sin haber calculado. «Aplicar seleccionadas» gris sin decir por qué. «Volver a escanear» sin saber si hace falta.
No hay forma de saber qué está habilitado, por qué, ni qué desbloquea.
Procesos largos sin superficieEscanear, analizar, convertir y copiar corren en segundo plano. Solo se ven si estás en la pestaña correcta en ese momento.
Es lo que describes como «no es visual qué hace». No hay barra global de tareas.
Vocabulario cruzadoRaíz, cliente, carpeta, lote, cubeta, confianza, contexto, rol, «Nombres que usamos», «Aligerar».
Términos del código llegan a pantalla. Una persona ve «raíz» y no sabe que es su carpeta de cliente.
Aligerar mezcla cuatro herramientas en una pantallaFiltros, analizar, candidatos, cola de conversión, verificar, reemplazar y debajo el stock de Envato.
Seis botones numerados del 1 al 5 más «Marcar todos» en un mismo bloque, sin separación de etapas.
El tour es texto en un modalOcho ventanas seguidas explicando cada pestaña la primera vez.
Se lee una vez y se olvida. La ayuda debe vivir en la pantalla, en el momento en que hace falta.

Principios para el rediseño

  1. Una carpeta, un recorrido. La unidad de trabajo es la carpeta de cliente. Todo lo demás cuelga de ella y sigue un orden fijo: escanear, revisar, ordenar, aligerar, respaldar.
  2. El estado siempre visible. En cada momento se ve en qué paso está esa carpeta, qué está hecho, qué está en curso y qué falta para el siguiente paso.
  3. Un botón principal por pantalla. El resto son secundarios. Un botón deshabilitado siempre explica por qué al lado.
  4. Las tareas largas tienen su propio sitio. Una barra de tareas global en la parte inferior muestra escaneos, análisis, conversiones y copias, con progreso y desde cualquier pantalla.
  5. Hablar como en el estudio. «Carpeta del cliente» en vez de raíz. «Qué va a pasar» en vez de plan. «Convertir a 10 bits» en vez de aligerar. «Reglas de carpetas» en vez de nombres.

Estructura propuesta

Hoy (8 pestañas)Propuesta (5 vistas)Qué cambia
InicioCarpeta · el recorridoPasa a ser el panel de estado y el camino de cinco pasos. Incluye el asistente paso a paso como opción principal.
Qué hay + Plan detallado + NombresRevisar y ordenarDiagnóstico arriba, plan abajo, en la misma vista. «Nombres» se convierte en un panel lateral que aparece solo para las carpetas no reconocidas que bloquean el plan.
Aligerar a 10 bits (con stock incluido)ConvertirTres etapas claras y separadas: elegir clips, convertir, verificar y reemplazar. El stock de Envato pasa a ser un paso del recorrido, no un apéndice.
Copia de seguridadRespaldarIgual, pero bloqueada con explicación hasta que haya conversiones verificadas.
HistorialHistorialSe mantiene. Se añade filtro por carpeta y el lote muestra «qué se hizo» en palabras, no solo rutas.
AjustesAjustes (icono de engranaje)Fuera de la navegación principal.

Cómo se vería la vista «Carpeta»

Carpetas David Reyes · 1,36 TB Danney Gómez · 3,14 TB Camilo Ortega · 3,10 TB + Añadir carpeta de cliente David Reyes Z:\Dermatologas\David Reyes · escaneada hoy 10:17 · 4.667 archivos · 1,36 TB 1 EscanearHecho hoyVolver a escanear 2 Revisar6 avisos, 301 basuraVer diagnóstico 3 OrdenarPlan listo: 42 movimientos4 carpetas por nombrar 4 Convertir723 GB en BRAWDespués de ordenar 5 RespaldarSin destinoRequiere paso 4 Siguiente: ordenar la carpeta El plan mueve 42 cosas dentro de la misma carpeta. Nada se borra: la basura y los proxies van a _Para borrar. Antes de aplicar, dime qué son 4 carpetas que no reconozco: «Material», «Render», «Osmo», «Reels». Nombrar las 4 carpetas Ver el plan completo Asistente paso a paso TAREAS EN CURSO Analizando clips · 60 % · 12 min

Recorrido de cinco pasos con estado por paso, un bloque «Siguiente» con un solo botón principal, y una barra de tareas en curso siempre visible.

Puntos de mejora concretos

Estado y orientación

Tareas en curso

Acciones y botones

Lenguaje

HoyPropuesta
RaízCarpeta del cliente
Plan detallado / Generar planQué va a pasar / Calcular
Nombres que usamosReglas de carpetas (qué es cada carpeta)
Aligerar a 10 bitsConvertir a 10 bits
Confianza alta / media / bajaSeguro / Revisar / Dudoso
LoteCambio del 12 sep 5:35 (con «Deshacer»)
Cubeta, contexto, rolNo aparecen en pantalla

Tablas y datos

Ayuda

Plan para seguir

Fase 01 a 2 días

Arreglos rápidos sin tocar la estructura. Cambian la percepción de inmediato.

  • Inicio muestra el estado real de la carpeta seleccionada (normalizar claves de raíz).
  • Renombrar pestañas y textos según la tabla de lenguaje.
  • Botones deshabilitados con motivo al lado; deshabilitar durante peticiones en vuelo.
  • Manejo de errores en la interfaz: los fallos del servidor se muestran, no revientan la pantalla.
Fase 11 semana

La vista «Carpeta» con el recorrido de cinco pasos y el bloque «Siguiente». Es la pieza que resuelve la confusión.

  • Definir el estado de cada paso a partir de los datos que ya tiene el servidor (escaneo, plan, cola, respaldo).
  • Nuevo endpoint /api/carpeta/estado que devuelva ese resumen de una vez.
  • Integrar el asistente paso a paso como botón desde la interfaz, no solo desde el .exe.
Fase 21 semana

Barra de tareas global.

  • Un solo sondeo de estado que alimente la barra y todas las vistas, en vez de tres bucles paralelos.
  • Progreso, tiempo estimado y cancelar para escaneo, análisis, conversión y copia.
  • Avisos al terminar con enlace al resultado.
Fase 31 a 2 semanas

Consolidar las pestañas en las cinco vistas propuestas.

  • «Revisar y ordenar»: diagnóstico y plan juntos, plan agrupado por tipo, reglas de carpetas como panel lateral.
  • «Convertir»: tres bloques separados; el stock de Envato como paso propio del recorrido.
  • Historial en palabras con filtro por carpeta.
En paralelodesde hoy

Los cuatro hallazgos críticos de la auditoría de código van antes o junto con la fase 1, porque el rediseño va a poner el «Convertir» y el «Aplicar» más a mano de más gente.

  • Salidas de conversión sin colisión MP4/MOV.
  • Cerrar el API local (Host, token, claves permitidas en config).
  • No renombrar con «(2)»; reconocer el XML de Sony.
  • Contención de rutas dentro de la carpeta del cliente.

Cómo saber si funcionó