Ir al contenido

Flujos de trabajo

Da comentarios de diseño que se puedan aplicar

Convierte reacciones vagas en observaciones visuales sobre jerarquía, agrupación y la siguiente acción.

··3 min de lectura

“Hazlo más limpio” expresa una reacción, pero no una dirección. Un comentario útil identifica qué cuesta entender, señala dónde ocurre y explica el efecto del cambio propuesto. Es una buena forma de conversar sobre lo que tienes en pantalla.

Comentarios con un lugar concretoDiagrama ilustrativo
Dos observaciones de diseñoUna interfaz sencilla tiene una llamada a la acción señalada y una guía de separación entre dos grupos. Cada comentario se vincula a un lugar concreto.Tu siguiente pasoContinuar1. PrioridadUna acción2. EspacioSepara gruposDescribe el efecto, luego el cambio.
  1. 01
    Intención

    Empieza por lo que necesita hacer la persona.

  2. 02
    Jerarquía

    Señala la acción que debería destacar primero.

  3. 03
    Agrupación

    Revisa si el espacio comunica qué elementos están relacionados.

  4. 04
    Propuesta

    Relaciona un cambio concreto con el efecto esperado.

Interfaz ficticia para mostrar jerarquía y separación; no es una captura de Rayito.

Define para qué sirve la pantalla

Abre el diseño a un tamaño realista y describe a la persona que lo usará. ¿Qué quiere conseguir? ¿Qué sabe ya? Una página de pago, un editor de fotos y un informe semanal necesitan jerarquías diferentes. Sin un propósito claro, la revisión puede convertirse en una discusión sobre colores y esquinas redondeadas.

Pídele a Rayito que observe la pantalla antes de proponer mejoras. Deja visible el estado relevante, como una pestaña seleccionada o un mensaje de error. Si se trata de una maqueta, indícalo. Un diseño estático no demuestra cómo funciona el teclado ni qué sucede al pulsar un botón.

Sigue la atención antes de cambiar la decoración

Identifica qué elemento llama la atención primero y cuál aparece después. ¿Ese recorrido coincide con la tarea principal? La ilustración destaca una acción y una separación entre grupos. Son observaciones distintas que pueden discutirse sin cubrir toda la interfaz de marcas.

El recorrido visual debería señalar la zona de la que se habla mientras la explicación sigue siendo breve. Si hay dos elementos que compiten, muéstralos juntos. Si el problema está en el espacio, marca el intervalo. Una anotación que explica una relación ayuda más que un círculo rojo genérico.

Convierte la observación en una hipótesis

En lugar de afirmar que la página está saturada, describe la consecuencia: dos botones parecen igual de importantes o una etiqueta parece pertenecer al campo equivocado. Después propone un cambio concreto y su efecto esperado. Así el equipo tendrá algo que pueda revisar o comprobar.

Ten cuidado con las afirmaciones sobre accesibilidad. La pantalla permite hablar del contraste visible, las etiquetas y la distribución, pero una captura no demuestra que un control tenga un nombre accesible o funcione con teclado. Revisa esas conductas en la aplicación real con las herramientas correspondientes.

Compara alternativas sin perder el original

Prueba un cambio a la vez: reduce un énfasis que compite, ajusta una separación o aclara una etiqueta. Conserva el original el tiempo suficiente para comparar el efecto buscado. Rediseñarlo todo puede cambiar la apariencia y dejar intacto el problema principal.

Rayito puede ayudarte a describir alternativas mediante anotaciones y explicaciones breves. Si quieres que edite algo dentro de una sesión de control de aplicaciones, solicítalo por separado y revisa la acción propuesta. Comentar y editar son actividades relacionadas, pero siguen siendo decisiones distintas.

Termina con una decisión pequeña

Elige uno o dos cambios que puedan ayudar a completar la tarea. Anota por qué los elegiste y qué resultado considerarías una mejora: una acción inicial más clara, menos etiquetas ambiguas o un estado vacío más comprensible.

Una revisión útil deja una dirección y espacio para el criterio del diseñador. No pretende haber medido el comportamiento de las personas a partir de una captura. Usa la evidencia visible para formular una mejor pregunta y compruébala después en la interfaz real con quienes la utilizan.

Una pregunta para probar

“Revisa esta pantalla pensando en alguien que quiere completar la tarea principal. Señala la mayor confusión y explica un cambio concreto que podría ayudar.”