El prototipado web, también conocido como wireframe, es una herramienta esencial durante el análisis de aplicaciones web. Su función es plasmar visualmente la idea que el cliente desea transmitir, permitiendo validar el concepto antes de iniciar el desarrollo. Esto ayuda a reducir malentendidos y asegura que ambas partes estén alineadas desde el principio.
Prototipado web como parte del contrato
El prototipo debe ser un documento formal dentro del análisis, que una vez aprobado por el cliente, compromete tanto a la empresa desarrolladora a entregar una solución fiel al prototipo, como al cliente a no realizar cambios significativos una vez iniciado el desarrollo. De este modo, se evitan modificaciones de última hora que puedan afectar al proceso.
Ventajas y riesgos del prototipado web
El prototipado web ofrece numerosas ventajas, pero también conlleva riesgos si no se realiza correctamente. Un prototipo mal diseñado puede generar más problemas que su ausencia. Por ello, debe ser claro, detallado y reflejar con precisión las funcionalidades y comportamiento de la aplicación, complementado con notas explicativas para cada pantalla o funcionalidad.
No cerrar todos los detalles en esta fase puede ser peligroso, ya que el cliente podría solicitar funcionalidades que «daban la impresión de estar incluidas» según el prototipo. Dedicando el tiempo necesario a esta tarea se logra un desarrollo más ágil, con menos problemas y cambios posteriores.
Herramientas para el prototipado web
Existen numerosas herramientas, tanto gratuitas como de pago, multiplataforma o específicas para escritorio, que facilitan el proceso de prototipado. A continuación, se destacan algunas opciones:
Herramientas conocidas
veces, lo más cómodo es utilizar una herramienta con la que ya estemos familiarizados, como podría ser:
- Editores de presentaciones (PowerPoint por ejemplo);
- Software de gráficos vectoriales (FreeHand, FireWorks, Visio, etc).
Herramientas específicas
También existe un mercado amplio de aplicaciones especializadas en prototipado. Algunas de las más populares son:
- Vía web:
- Pencil (plugin de Firefox, gratuito bajo licencia GPL).
- iPlotz (planes de pago).
- Escritorio:
- WireframeSketcher (plugin para Eclipse, económico). Si quieres aprender a crear una aplicación web basada en OSGI con Eclipse, te contamos cómo hacerlo desde Viafirma.
- JumpChart (con herramientas colaborativas).
- Axure (muy completo, pero costoso y exclusivo para Windows).
- Justinmind Prototyper (para Windows y Mac, costoso).
- Gliffy (además de wireframes, permite crear diagramas como MS Visio).
- Vía web: