SIS FontWireframing: plugin Joomla para wireframes

Hace tiempo que no publicaba una nueva extensión para Joomla y por fin he podido liberar este pequeño plugin que te puede ayudar cuando estás haciendo una página web, en su fase de wireframes.

Qué es un wireframe

Se trata de una guía visual que representa el esqueleto o estructura visual de un sitio web (ver Wikipedia).

Es decir, cómo va a quedar tu página web en cuanto a su estructura: módulos que tendrá la plantilla, elementos (imágenes, vídeo, títulos, textos...), etc.

En sus primeras etapas se puede hacer con papel y lápiz (yo lo hago a menudo de esta forma). Esto me permite poder ir viendo cómo incorporar los diferentes elementos que el cliente necesita en su página web.

Una vez finalizado, se puede pasar a un formato electrónico a través de diferentes herramientas que tenemos a nuestra disposición: Balsamiq Mockup, MockFlow...

Peeero... con Joomla puedes, de una forma relativamente sencilla, saltarte este paso de pasar a formato electrónico.

Tanto si cuentas con una plantilla personalizada que controlas y sabes crear posiciones de forma rápida como si usas algún framework de plantillas como Helix Ultimate (soy afiliado), podrás tener ese wireframe en "formato HTML" en muy poco tiempo.

De esta manera puedes enseñar un prototipo web a tu cliente en un tiempo récord.

Te invito a leer un artículo de Carlos Cámara en ManualesJoomla que habla sobre esto: Acelera los desarrollos de tus prototipos con Joomla!

Ahora viene otra cosa más o menos importante...

¿Qué ocurre si no tenemos textos?

Normalmente, cuando no tenemos textos definitivos, habrás visto que se usa el típico "Lorem ipsum" para maquetar los artículos y textos de una página web.

Si no queremos usar esto, tenemos varias alternativas y, dos de ellas, son las que están actualmente en este plugin Joomla que he desarrollado.

Se trata de estas fuentes alternativas a Lorem ipsum:

• Blokk
• Redacted (en teoría, versión mejorada de Blokk)

SIS FontWireframing

Pues eso, con este plugin podrás poner todo el contenido de la web con estos tipos de fuente.

Pero, para que me entiendas, mejor ponemos un par de ejemplos:

Cómo usar SIS FontWireframing

Simplemente tienes que descargarlo, instalarlo y seleccionar la fuente que quieres mostrar en tu página web.

Así de sencillo.

Descarga SIS FontWireframing .

Espero que este plugin te ayuden en esta etapa del desarrollo web y, si tienes algjuna mejora... ya sabes que estaré encantado en que contribuyas con tu código ;-)