Un diseño coherente puede tener distintas disposiciones
Una lista ayuda a comparar; una confirmación necesita los detalles decisivos. Los controles conocidos pueden seguir siendo comunes.

Adapte la disposición de la página a la tarea actual. Quien elige una entrada entre muchas opciones necesita información distinta de quien confirma una acción concreta. Una cuadrícula uniforme puede ocultar estas diferencias si el equipo la aplica sin cambios a ambas situaciones.
Dos tareas en el mismo portal
En este ejemplo totalmente ficticio, una persona elige un informe de proyecto de una lista y después revisa su envío. Los datos de la tabla son valores de ejemplo. La primera vista debe facilitar la selección; la segunda debe mostrar qué versión iría a qué destinatario.
Aspecto | Vista de selección | Revisión antes del envío |
|---|---|---|
Datos de ejemplo | Informe | Informe |
Disposición | Filas comparables y filtros ayudan a encontrar el informe buscado. | Un resumen con etiquetas muestra íntegramente el destinatario y la versión del archivo. |
Acción principal | Abrir informe | Enviar informe al destinatario mostrado |
Una cuadrícula ancha de lista está pensada para comparar varios informes. En una confirmación, esas mismas columnas pueden desplazar información importante hacia el borde o cortarla en pantallas pequeñas. En el ejemplo, elegir el archivo correcto seguiría siendo problemático si se pasara por alto el destinatario.
Mantener reconocibles las funciones recurrentes
La explicación de W3C sobre identificación coherente trata los controles recurrentes con la misma función. Las etiquetas, los iconos y los nombres accesibles conocidos favorecen ese reconocimiento. De ello no se deriva que todas las páginas deban tener la misma disposición.
La navegación, la indicación del foco y el comportamiento de los botones conocidos pueden seguir siendo comunes. En cambio, «Abrir informe» y «Enviar informe» deben reconocerse como acciones diferentes. Una misma etiqueta imprecisa, «Continuar», ocultaría aquí el significado de la segunda acción. El diseño compartido debe facilitar el reconocimiento sin desdibujar las diferencias del proceso.
Adaptar la confirmación a la acción
GOV.UK describe una vista de revisión con datos pertinentes, posibilidad de cambiarlos y una acción final claramente nombrada. En nuestro ejemplo, el destinatario, el proyecto y la versión de archivo elegida deben aparecer juntos de forma comprensible antes del envío. La propia vista aún no confirma que el informe se haya enviado.
Si la persona puede cambiar el destinatario, debe poder revisar después el resumen actualizado. Los demás datos ya elegidos deben conservarse. La aplicación también debe procesar de forma fiable los cambios permitidos y la versión que realmente se envía; una página clara no determina por sí sola estos aspectos.
Cuándo basta una disposición común
Para una tarea breve y poco variable, puede bastar un resumen compacto en la misma pantalla. No hace falta una página adicional para cada operación. Lo decisivo es que toda la información necesaria esté disponible y resulte comprensible en el momento de actuar.
Haga probar ambas tareas con ejemplos realistas: primero encontrar el informe y después comprobar el destinatario y la versión antes de la acción. Observe especialmente los textos largos, las pantallas pequeñas y el regreso tras un cambio. Así podrá valorar qué elementos pueden seguir compartidos y qué disposición requiere cada tarea.
Fuentes
Seguir leyendo
Todos los artículos







Diseño y UX con ASES
Experiencia de usuario, interfaces e imagen de marca

