SERGIOIGLESIAS

Blog sobre Joomla

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.

¿Quieres maquetar de forma rápida tu wireframe con #Joomla? SIS FontWireframing es tu plugin #Joomla - #MejorConJoomla Tuitéalo

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:

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:

 
SIS FontWireframing - Lorem Ipsum
SIS FontWireframing - Blokk
SIS FontWireframing - Redacted
 

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 .

SIS FontWireframing te ayuda a desarrollar #wireframes con #Joomla - #MejorConJoomla Tuitéalo

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 ;-)

Suscríbete a mi newsletter

¿Te ha gustado el artículo? Suscríbete a mi newsletter y recibe contenido exclusivo.
Podrás hacer gratis un Curso de desarrollo de plantillas Joomla.

No hay comentarios

Artículos relacionados

Solicita presupuesto

¿Quieres una página web que funcione?

Contacta conmigo y hablemos de tu proyecto.