(Tiempo estimado: 2 - 3 minutos)

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

Sobre el autor, Sergio Iglesias

Sergio Iglesias

Sergio Iglesias es formador, desarrollador y front-end del CMS Joomla!. A través de su blog y sus cursos puedes aprender a desarrollar tu propio portal web autogestionable.

 

¿Te ha gustado el artículo? ¡Suscríbete YA!

¿Necesitas un sitio web que funcione?

¿No quieres depender de nadie para gestionar tu página web?

Recibe contenido exclusivo y GRATIS mi curso sobre desarrollo de plantillas Joomla!


Me apunto ya!

Escribir un comentario

Puedes publicar el comentario que quieras, pero si lo considero SPAM será eliminado automáticamente.

 

SergioIglesias.NET te informa que los datos de carácter personal que nos proporciones rellenando este formulario serán tratados por Sergio Iglesias Sánchez como responsable de esta web. La finalidad de la recogida y tratamiento de los datos personales que te solicitamos es, únicamente, para gestionar los comentarios de este blog. La legitimación se realiza a través del consentimiento del interesado. Te informamos que los datos que nos facilitas estarán ubicados en los servidores de SiteGround (proveedor de hosting). Ver política de privacidad de Siteground. El hecho de que no introduzcas los datos de carácter personal que aparecen en el formulario como obligatorios podrá tener como consecuencia que no pueda atender tu solicitud. Podrás ejercer tus derechos de acceso, rectificación, limitación y suprimir los datos en info@sergioiglesias.net así como el derecho a presentar una reclamación ante una autoridad de control. Puedes consultar la información adicional y detallada sobre Protección de Datos en mi política de privacidad.

¿Quieres tener un sitio web que funcione?

Contacta conmigo