Cómo hacer que los comentarios sobre diseño sirvan para actuar
«Hazlo más limpio» puede señalar un problema real. Lo que no hace es decirle al diseñador qué problema has visto. La página puede tener demasiadas acciones compitiendo, un espacio mal resuelto, textos densos, alineaciones incoherentes o las cuatro cosas. Una modificación razonable de uno de esos aspectos puede dejar a quien revisa con la sensación de que nada ha mejorado.
Los comentarios útiles conectan una parte concreta del diseño con un resultado deseado y dan a la siguiente persona contexto suficiente para decidir. No exigen que aportes la solución definitiva. A menudo, el comentario más valioso explica bien el problema y deja margen al diseñador para resolverlo.
Cómo dar comentarios sobre diseño que permitan actuar
Un comentario útil suele incluir una ubicación, un problema observable y una razón por la que importa. Proponer una dirección puede ayudar, pero no debería esconder las dudas sobre el problema. «Mueve el botón» concreta una acción y sigue siendo impreciso sobre el resultado que debería mejorar.
Piensa en una página ficticia de presentación de un curso. «La página está cargada» es una reacción. «En la primera sección, el título del curso, la etiqueta de descuento y el formulario de la newsletter tienen un peso visual parecido; no distingo rápidamente si la acción principal es matricularse o suscribirse» identifica el conflicto. Ahora el diseñador puede investigar la jerarquía en vez de adivinar qué adorno le molesta al revisor.
El comentario puede terminar con una pregunta o una propuesta: ¿debería dominar aquí la matrícula? Es una buena pregunta si la prioridad no está acordada. Si matricularse ya es el objetivo aprobado, pide una versión que le dé protagonismo. No reabras una decisión cerrada solo porque el formato del comentario incluya una interrogación.
Las recomendaciones de Nielsen Norman Group sobre las revisiones de diseño destacan la importancia de evaluar un diseño frente a sus objetivos, delimitar la conversación y entender la revisión como un diálogo. Estos principios distinguen los comentarios útiles de una colección de preferencias. Los siguientes ejemplos los llevan a comentarios concretos sobre interfaces.
El equipo de Figma descubrió que también tenía que rediseñar la revisión
En el relato de Figma sobre su proceso de revisión de diseño, Noah Levin recoge comentarios del equipo sobre conversaciones superficiales, acuerdos poco útiles y observaciones que no desbloqueaban el trabajo. Reunieron esos problemas en un archivo de Figma, los agruparon y continuaron el debate en un canal de Slack específico. Después utilizaron distintos formatos según la necesidad, en lugar de esperar que una misma reunión sirviera para todas las fases.
El diagnóstico va más allá de cómo se redacta cada comentario: una observación puede ser concreta y llegar a una conversación incapaz de actuar sobre ella. Una pregunta equivocada, poco contexto o la falta de una persona responsable de decidir pueden volver ineficaz una revisión por lo demás bien pensada.
Antes de pedir comentarios, aclara el grado de madurez del trabajo. Un concepto necesita hablar del problema y de la dirección. Un formulario casi terminado requiere atención a los textos, estados e interacciones. Si una persona cree que la dirección sigue abierta mientras el diseñador piensa que solo falta ajustar espacios, ambos pueden salir frustrados sin que ninguno se haya comportado mal.
Para la página del curso, una buena introducción sería: «La matrícula es la acción principal acordada. El público y el precio están fijados. Hoy necesito ayuda para decidir si la primera sección explica los requisitos antes de pedir un compromiso». Da a quienes revisan una pregunta abierta de verdad y protege los hechos ya decididos. No les ordena aprobar la composición.
Otro mensaje de la misma conversación publicada propone una ficha de revisión que indique qué comentarios busca y cuáles no busca quien presenta, y que permita acordar el método antes de la sesión. Es una respuesta útil a las conversaciones apresuradas: definir el alcance de la revisión antes de que empiece la reunión. Para la página del curso, incluye el objetivo de matrícula y la pregunta sobre los requisitos en la invitación, y reserva la sesión para examinar la pantalla. Una breve definición del alcance ayuda más que una larga lista de normas sobre cómo ser constructivo.
Clasifica el comentario antes de editar la pantalla
Una buena revisión debería dejar menos preguntas sin resolver, no solo más anotaciones. Tras recopilar los comentarios, ordénalos por el tipo de respuesta que requieren.
| Comentario | ¿Qué queda realmente por resolver? | Siguiente respuesta útil |
|---|---|---|
| El cobro anual parece una mensualidad | Un problema visible de agrupación | Revisar el grupo del precio y comprobar su comprensión |
| La matrícula y la suscripción a la newsletter parecen igual de importantes | Quizá una prioridad de negocio sin decidir | Confirmar la prioridad antes de cambiar el énfasis |
| Nadie bajará tanto por la página | Una predicción de comportamiento | Pedir evidencias o probar la búsqueda de información |
| No parece de gama alta | Una intención visual sin definir | Comparar referencias concretas y nombrar las propiedades relevantes |
La diferencia resulta práctica cuando dos comentarios chocan. «Acorta la página» y «explica quién puede inscribirse» pueden resolverse eliminando contexto repetido y adelantando los requisitos. «Prioriza dos acciones distintas» puede requerir una decisión de negocio. No resuelvas el segundo conflicto con dos botones igual de llamativos para llamarlo compromiso.
Separa observación, interpretación y propuesta
Estas tres partes suelen comprimirse en una frase segura. «Los usuarios ignorarán este botón, así que ponlo naranja» mezcla una predicción y una solución sin mostrar la observación que las sostiene. Si no tienes evidencias de que lo ignoran, la predicción debería seguir siendo una preocupación que investigar.
La observación podría ser que el botón tiene el mismo borde pálido que tres enlaces secundarios. La interpretación, que su prioridad puede resultar difícil de reconocer. La propuesta, dar más peso visual a la acción principal. Esa secuencia permite discrepar de forma productiva: quizá la acción es secundaria a propósito o quizá el contraste es suficiente y el problema está en la posición.
No necesitas tres párrafos etiquetados para cada comentario. Una frase natural puede mantener la distinción: «El botón de matrícula utiliza el mismo tratamiento que el enlace al programa. Como matricularse es la tarea principal de esta página, ¿podemos hacer más visible su prioridad?».
Cuando tengas resultados de investigación, identifica bien su naturaleza. La dificultad de un revisor es una observación. Una sesión de usabilidad grabada es otro tipo de evidencia. Un patrón analítico es otro. No conviertas «He dudado aquí» en «Los usuarios no pueden completar la tarea», ni descartes la duda porque no proceda de un estudio formal. Explicar su base permite utilizarla con el grado de confianza adecuado.
El ejemplo de OpenDesign siguiente es un borrador de comentario sobre un elemento, sin enviar: identifica la palabra seleccionada, su sustitución y los estilos que deben conservarse.
Seis comentarios habituales, convertidos en algo útil
«Haz la página más limpia»
Empieza por identificar qué compite por la atención. En la página ficticia del curso, la primera sección contiene un botón de matrícula, un formulario de newsletter, un botón de vídeo, tres distintivos y una fila de marcas colaboradoras. Quitar cosas al azar puede calmar la pantalla, pero también eliminar información necesaria para decidir.
Un comentario más útil sería: «La primera pantalla pide matricularse, suscribirse y ver un vídeo antes de explicar a quién va dirigido el curso. ¿Podemos facilitar primero la lectura del público y del acceso a la matrícula y dejar la invitación a la newsletter para después?». Da al diseñador una secuencia que mejorar, no un objetivo estético impreciso.
Evalúa la modificación frente al mismo problema. ¿Ahora se reconoce el público y la acción principal? Si es así, reconoce la mejora antes de introducir otra preferencia sobre el estilo del distintivo. Sustituir continuamente el criterio de éxito vuelve arbitrario cualquier proceso, aunque cada comentario aislado suene razonable.
«El espaciado no funciona»
Un comentario sobre espaciado sirve cuando nombra la relación que no queda clara. «Añade más espacio en blanco» puede mejorar una sección densa, pero también romper una agrupación útil y desconectar información relacionada.
Imagina una tarjeta de precios donde el importe mensual está más cerca de la primera función que de la nota de facturación situada debajo. Un comentario concreto sería: «La nota de facturación se agrupa visualmente con las funciones. Acércala al precio para que coste y periodo de facturación se lean juntos, y deja una separación más clara antes de las funciones». El resultado pedido es cambiar la agrupación, no simplemente añadir vacío.
Si el problema es de comodidad, no de agrupación, dilo. «En la composición estrecha, el párrafo y el botón casi se tocan. Sepáralos lo suficiente para que se lean como elementos distintos, manteniendo el botón claramente vinculado a esta sección». Sigue siendo útil sin inventar una cifra de píxeles que no has comprobado en otras anchuras.
«Tiene que parecer más de gama alta»
«De gama alta» puede significar sobrio, editorial, técnico, lujoso o simplemente caro. Es una intención de marca legítima después de concretar sus cualidades. Si no, una persona añadirá degradados dorados mientras otra elimina todos los adornos.
Para un portfolio ficticio de arquitectura, un comentario mejor sería: «Las fotografías de los proyectos son potentes, pero los distintivos brillantes y los botones promocionales redondeados dan a la página un aire de tienda. Quiero que el trabajo lleve más peso visual. Explora controles más discretos, un equilibrio cromático más contenido e imágenes de proyecto mayores, conservando la familia tipográfica». La cualidad deseada ya está ligada a decisiones visibles.
Una referencia visual puede ayudar, pero explica qué propiedad te interesa. «Usa la composición y la proximidad entre titular e imagen» no es lo mismo que «copia la paleta, la fuente y el tema». Una nota breve sobre lo relevante evita que una referencia se convierta por accidente en una orden de imitarlo todo.
Si aún no sabes expresar la cualidad, compara dos alternativas concretas. Pregunta qué cambia la impresión entre ellas. Es más fácil hablar de cuánto contraste hay o del protagonismo de la fotografía que discutir si la página es lo bastante sofisticada. El objetivo es convertir el gusto en una dirección compartida, no fingir que el gusto no importa.
«El texto es demasiado largo»
A veces el problema es la longitud; otras, el orden. Una respuesta útil puede estar enterrada en la cuarta frase, mientras las tres primeras explican las ambiciones de la empresa. Recortar todas por igual mantiene el defecto de fondo.
En una página de registro, prueba: «El párrafo explica nuestro enfoque antes de decir qué pasa tras registrarse. Empieza por el primer resultado útil y el siguiente paso, y quita la explicación repetida sobre sencillez». Da a quien redacta una decisión editorial clara. También evita un límite de palabras demasiado estricto para la información que realmente hace falta.
Si la composición impone una restricción real, nómbrala. «En la ventana estrecha, la introducción empuja el primer campo fuera de la vista inicial. ¿Podemos reducir el contexto repetido y conservar que hace falta un correo de trabajo?». La restricción es concreta y el comentario protege contenido relevante para la tarea.
No trates toda explicación como ruido. Un formulario breve que oculta una condición importante puede ser menos usable que uno más largo que aclara el compromiso. Revisa qué debe saber la persona antes de actuar y decide después qué palabras merecen quedarse.
«El formulario es confuso»
Esto puede referirse a etiquetas, orden de preguntas, un requisito inesperado o lo que ocurre tras enviar. Pregunta dónde empieza la duda. Una captura con un círculo alrededor de todo el formulario rara vez acota bastante el problema.
Supón que un formulario de contacto ficticio pregunta por el «Tamaño de la empresa» y ofrece intervalos sin indicar si se refieren a empleados o clientes. Un comentario útil sería: «Las opciones de tamaño son ambiguas porque falta la unidad. Especifica que se pregunta por empleados y comprueba que los textos de las opciones tengan ese mismo sentido». Es un cambio de contenido preciso con un criterio de revisión sencillo.
Otra preocupación podría ser: «Tras enviar, el mensaje dice que falta una respuesta, pero no identifica cuál. Muestra la pregunta afectada y ofrece una vía directa para volver a ella». Aquí el problema es la recuperación, no el diseño original de los campos. El comentario no debería desencadenar una revisión de todas las preguntas.
El artículo de Nielsen Norman Group sobre hallazgos de usabilidad que permiten actuar explica por qué los hallazgos específicos y descriptivos ayudan al equipo y por qué las observaciones deben identificar el problema de diseño, no culpar a quien lo usa. Aplica esa disciplina incluso en una revisión informal. «La etiqueta omite la unidad» ayuda más que «La gente no lee bien».
«En móvil no funciona»
Un comentario sobre móvil necesita ubicación y condición. Una página puede ser legible a una anchura estrecha y fallar cuando crece el texto, se abre un menú o aparece un título largo. «Arregla el móvil» oculta los datos que permitirían reproducir el problema.
Un comentario útil sería: «En la vista estrecha, el título del proyecto ocupa tres líneas y empuja la descarga fuera de la tarjeta. Mantén legible el título completo y permite que la tarjeta crezca para que la acción siga dentro». El diseñador conoce el desencadenante y el resultado previsto.
Otro ejemplo: «Con el menú de navegación abierto, el control de cierre se superpone al título. Revisa ese estado a esta anchura y dale una posición estable». No falla toda la página móvil, sino un estado de interacción en una condición concreta.
Incluye la anchura de ventana o el contexto del dispositivo cuando lo conozcas. «A 390px, con la navegación abierta» proporciona una condición reproducible; «en móvil» deja el fallo ambiguo.
Decide si toca modificar, decidir o probar
No todo comentario útil debe convertirse en una edición inmediata. Algunos revelan una decisión de producto pendiente. Otros plantean una hipótesis que necesita evidencias. Convertirlos todos en tareas de implementación puede mantener ocupado al equipo sin dar más coherencia al diseño.
Si el objetivo aprobado está claro y el diseño lo contradice visiblemente, suele proceder una modificación. Si aparecen dos objetivos en competencia, alguien debe priorizar. Si se predice un comportamiento sin datos suficientes, una pequeña prueba o revisión puede ser el paso adecuado.
En el curso, «Haz de la matrícula la acción principal» es una modificación si la prioridad está acordada. «¿Debemos priorizar la matrícula o el crecimiento de la newsletter?» es una decisión. «Quizá los visitantes no entiendan si el curso es en directo o grabado» es una preocupación que primero puede examinarse en el texto y después probarse con posibles lectores si persiste la duda.
Distingue estos resultados en tus notas. No debería esperarse que un diseñador resuelva una prioridad de negocio eligiendo un botón más brillante. Tampoco que un responsable de producto apruebe cada pequeño ajuste de espacio. Los siguientes pasos claros permiten aportar a cada cual en el nivel correcto.
Vuelve a la tarea para resolver comentarios contradictorios
Pregunta qué intenta proteger cada comentario. Después examina si el diseño puede responder a ambos mediante orden, agrupación o revelación progresiva. Quizá los requisitos deban estar cerca de la acción principal, y el contexto repetido de la empresa pueda bajar o desaparecer. No es un compromiso medido en palabras, sino una estructura informativa más clara.
Cuando los objetivos sean realmente incompatibles, documenta la elección y su motivo. Una página para compradores empresariales cualificados puede incluir deliberadamente detalles que un visitante ocasional no necesita. La decisión debe venir del público y el propósito, no del cargo de la última persona que habló.
No promedies discretamente instrucciones estéticas incompatibles. Un diseño a medio camino entre juguetón y solemne puede no expresar ninguna de las dos cosas. Muestra el coste con un ejemplo y resuelve la dirección antes de producir otra versión completa. Una decisión centrada puede ahorrar varias rondas de retoques superficiales.
Usa los comentarios de OpenDesign para mantener la conversación concreta
En una vista previa HTML compatible, OpenDesign ayuda a examinar el texto y la composición reales de los que se habla. Puedes modificar manualmente textos, enlaces, imágenes y estilos, revisar tamaños de ventana predefinidos y enviar comentarios al chat. Usa estas capacidades para vincular el problema a trabajo visible en lugar de debatir en abstracto cómo podría ser la página.
El comentario sigue necesitando contexto suficiente para entenderse solo. Nombra el elemento, di qué has observado y describe la mejora deseada. Si adjuntas una referencia, indica qué propiedad debe guiar el cambio. La herramienta transporta el comentario; no convierte por sí sola una observación vaga en precisa.
Tras modificar, compara el mismo elemento bajo la misma condición. Si el problema era un título largo que empujaba el botón fuera de una tarjeta, vuelve a utilizar ese título. Sustituirlo por uno corto puede esconder el problema sin resolverlo. Mantén estable la evidencia para saber si el diseño ha mejorado.
Cierra el ciclo con un resultado visible
El último paso es decir qué ha pasado con el comentario. Una respuesta breve puede registrar que se resolvió, que la propuesta cambió por un motivo concreto o que sigue pendiente una decisión. Es especialmente útil cuando varias personas revisan en momentos distintos.
Para el precio, un cierre útil sería: «La nota de facturación está ahora junto al importe y las funciones empiezan después de una separación mayor. La vista estrecha conserva la agrupación». Informa más que «Hecho», porque conecta el cambio con el problema original y da algo concreto que verificar.
Los comentarios positivos deberían ser igual de precisos. «La nueva agrupación facilita encontrar el periodo de facturación; conserva esa relación en las otras tarjetas» explica qué funciona y debe sobrevivir a futuros cambios. Elogiar una decisión acertada forma parte del mantenimiento de la calidad, no es solo cortesía.