jueves, 26 de enero de 2012

Mockups (o prototipos de webs)

Hoy (que ya tocaba), os voy a hablar de mockups y wireframes. Estos términos ingleses, en internet, hacen referencia a bocetos o prototipos de páginas web.

Lo que antaño el diseñador hacía con papel y lápiz, antes de ponerse a trastear con Photoshop o Fireworks, ahora se puede hacer mediante software ahorrando tiempo y papel.

Existen programas y herramientas online para realizar estos bocetos de manera rápida y eficaz. En su interfaz incluyen elementos básicos que son habituales en cualquier web: pestañas, migas, botones, campos de texto, tablas, ... por ello resultan muy últiles para montar en un periquete bocetos muy esquemáticos y limpios.

Por ejemplo, podéis usar este tipo de programas desde vuestros netbooks o tablets y hacer insitu, con el cliente, un boceto según las necesidades que os vaya comentando. Despues ya con la idea montada, se deriva el trabajo al diseñador para que le "de color".

Respecto a programas gratuítos que os permitan realizar estos mockups, yo a nivel personal no he probado muchos, pero os recomiendo "Pencil". Se puede instalar como añadido a vuestro Firefox o independientemente (como así tengo yo). Para tablets parece tener muy buena pinta el Adobe Proto.
Os pongo un par de pantallazos del software y de un mockup que realicé en unos pocos clicks de ratón a modo de ejemplo:


No hay comentarios:

Publicar un comentario