Históricamente, los analistas describieron las interfaces con palabras o en forma de formularios en documentos. Esto llevaba a malentendidos y frecuentes revisiones, ya que la visualización de los requisitos estaba prácticamente ausente. La tendencia moderna es el uso obligatorio de prototipos interactivos (Figma, Axure, Balsamiq), que permiten a las partes interesadas y al equipo de desarrollo "ver el futuro" del producto.
Problema: Sin prototipos visuales, surgen discrepancias incluso en escenarios simples; la empresa y el equipo pueden interpretar de manera diferente las descripciones textuales. A menudo, durante el desarrollo, surgen puntos que deberían haberse tenido en cuenta anteriormente.
Solución: Involucrar activamente a todas las partes interesadas en la etapa de aprobación del wireframe. Es importante no solo crear prototipos de acuerdo con los procesos empresariales, sino también acompañarlos con explicaciones sobre el comportamiento de cada campo/elemento, modelar escenarios típicos/no típicos (edge cases) y recoger retroalimentación sobre ellos antes de establecer la tarea para el desarrollo.
Características clave:
¿Se puede prescindir de las descripciones textuales de las pantallas si la lista de campos es clara?
Respuesta: No. Incluso si los campos son conocidos, la estructura, el orden, la lógica de las transiciones, los validadores y la adaptación móvil pueden entenderse de diferentes maneras. Los prototipos ayudan a identificar estas discrepancias antes de comenzar el trabajo.
¿Son los wireframes una especificación completa para el desarrollo?
Respuesta: No, los wireframes son una base visual. Deben incluirse obligatoriamente los escenarios de comportamiento, las reglas empresariales y la descripción de la lógica del manejo de excepciones. Solo la combinación proporciona el requisito técnico final.
¿Quién es responsable de la aprobación de los prototipos: el analista o la empresa?
Respuesta: La responsabilidad es compartida, pero el analista inicia, organiza las aclaraciones y llega a un consenso. La empresa confirma el resultado.
Caso negativo: Al inicio del proyecto, el cliente proporcionó una descripción en forma de lista de campos. Durante las pruebas, solo después del lanzamiento se descubrieron escenarios incorrectos de manejo de errores y acciones poco evidentes del usuario.
Ventajas:
Desventajas:
Caso positivo: Se realizaron una serie de talleres donde se dibujó y aprobó el wireframe de cada etapa. Todos los edge cases se trabajaron de manera iterativa hasta llegar a un acuerdo.
Ventajas:
Desventajas: