Data Import Workflow
Flujo de trabajo de importación de datos
Un flujo de importación de datos verifica un archivo subido, coincide sus columnas, muestra una vista previa de los cambios e informa cada resultado de la importación.
Otro ejemplo
Un administrador asigna una columna de correo electrónico de un CSV, encuentra dos filas incorrectas e importa las otras 98 filas como un trabajo en segundo plano.
Partes principales
- 01Archivo de origen
- 02mapeo de campo
- 03Reglas de validación
- 04Vista previa de cambio
- 05Trabajo en segundo plano
- 06Resultado fila por fila
Úsalo cuando
Úsalo cuando las personas necesiten mover muchos registros de un archivo a una aplicación de manera segura y visible.
No lo uses cuando
No importes antes de mostrar el mapeo y los conteos de resultados. Un reintento no debe crear dos veces las mismas filas exitosas.
Nombre usado en código
upload → map → validate → preview → background import → row results Antes de lanzarlo
Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states.
Outcome: Complete the task with Flujo de trabajo de importación de datos (Data Import Workflow). User context: Un administrador asigna una columna de correo electrónico de un CSV, encuentra dos filas incorrectas e importa las otras 98 filas como un trabajo en segundo plano. Recommended pattern: Flujo de trabajo de importación de datos (Data Import Workflow). Why it fits: Úsalo cuando las personas necesiten mover muchos registros de un archivo a una aplicación de manera segura y visible. Do not use it when: No importes antes de mostrar el mapeo y los conteos de resultados. Un reintento no debe crear dos veces las mismas filas exitosas. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary): Ningún estándar oficial único controla todo el término. Su significado puede cambiar según equipos, plataformas o marcos. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Revisa esta petición
Review how Flujo de trabajo de importación de datos (Data Import Workflow) is used now. Definition: Un flujo de importación de datos verifica un archivo subido, coincide sus columnas, muestra una vista previa de los cambios e informa cada resultado de la importación. Release checks: Before release, check the page structure, keyboard access, visible focus, contrast, and zoom. Also check loading, empty, error, success, cancel, and reduced-motion states. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.