Un Wireframe es un prototipo o esquema de una página web, que utiliza una serie de elementos sin detalles gráficos para representar los aspectos generales de la arquitectura del contenido de un sitio.

Es utilizado por los diseñadores, programadores, arquitectos de información, etc. Para diferentes tareas como por ejemplo: comprobar la usabilidad que tiene el sitio web, presentar como propuesta al cliente, definir la diagramación general del sitio o simplemente comunicar cual será la estructura de la página.

Como hacer un Wireframe ?

Existen dos maneras, análoga y digital. Así es simplemente puedes tomar un blog de papel común un lápiz y comenzar a rayar (como lo llamamos los diseñadores) hasta llegar a una propuesta solida como la que puedes ver a continuación:

Puedes ver es bastante sencillo y no necesitas saber dibujar ya que la idea es plasmar las tus ideas de diagramación por encima del diseño visual.

También existen herramientas digitales (software) para el wireframing, son bastante fáciles de utilizar y puedes obtener excelentes resultados a partir de tus ideas, lo ideal podría ser que después de realizar tus wireframes a mano elijas los mejores y los realices con una herramienta digital o también de varias ideas que realizaste a mano construyas dos o tres con lo mejor de todas.

Herramientas para wireframing digital:

Mockingbird
http://gomockingbird.com/

Mocking bird es una herramienta web de wireframing gratuita y para mi una de las más completas (personalmente es la que uso). Permite realizar wireframes a partir de una biblioteca de objetos para interfaz gráfica bastante útiles. Puedes exportar el wireframe en formato PDF o PNG.

Balsamiq Mockups
http://www.balsamiq.com/products/mockups

Balsamiq Mockups es una herramienta de pago donde puedes dibujar tus wireframes y también realizar prototipos interactivos, esta herramienta la puedes usar a través del navegador o también está disponible para Mac, Linux y Windows. Con esta aplicación puedes compartir tu prototipo y recibir Feedback en tiempo real. Balsamiq Mockups te ofrece 7 días gratis para pobrar la herramienta.

Otras herramientas: http://jumpchart.com/, http://www.mockflow.com/, http://www.iplotz.com/, http://www.mocklinkr.com/, http://www.lumzy.com/.

Recursos:

18 Great Examples of Sketched UI Wireframes and Mockups.

10 Free Printable Web Design Wireframing Templates.

18 Wireframing, Mockup And Prototyping Tools To Plan Designs.

35 Excellent Wireframing Resources.

Que espero hacer este año en la Campus Party ?

Espero aprender muchas cosas así mismo como el año pasado. Con la diferencía que este año si llevo mi propio computador y además de eso espero lanzar un programa de streaming acerca de diseño y desarrollo web.

Si alguien quiere conocerme o hablar un rato sobre diversos temas, estaré en la zona de creatividad en campusblog.

Que ventajas tiene desarrollar aplicaciones para estos dispositivos ?

Pues simplemente que tendrás un ingreso adicional o quizás logres vivir de esto si tus aplicaciones son lo bastante buenas.

Si eres blogger y vives de adsense quizás este modo de trabajo sea un tanto mejor o tal vez mucho mejor.

Y muchas otras razones que podrás encontrar en el post oficial del curso. Así que hago este post con el fin de invitar a todo el mundo a seguir el curso ya que se muestra bastante prometedor.

Ver: Aprenda a desarrollar aplicaciones para el iPhone …

Estos sonidos puedes utilizarlos por ejemplo en grabaciones de podcats, o transmiciones en vivo, o quizás tan solo para divertirte un rato escuchan estos mismos.

Ver: Instants! Collection

Qué hay D-news es un programa el cual nos informa sobre diferentes temas principalmente dirigidos hacia diseñadores, publicistas, comunicadores y demás profesiones similares. Cuenta con una excelente producción, a pesar de que no realizan actualizaciones del programa desde el año pasado, vale la pena ver los capitulos anteriores ya que los recursos y páginas recomendadas en el mismo son muy buenas.

En el programa nos cuentan un poco sobre las ultimas tecnologías por lo que lamentamos que no hallan continuado con la producción del programa. También hablan sobre diferentes aplicaciones web las cuales resultan bastante útiles para el diario de nuestra profesión.

Cabe mencionar que el programa es producido en Medellin – Colombia dirigido hacia todo el publico de habla hispana.

Ver: Qué hay D-news

]]> http://www.alejandrogm.com/videocast-sobre-diseno-que-hay-d-news/feed/ 0 http://www.alejandrogm.com/hello-world/ http://www.alejandrogm.com/hello-world/#comments Thu, 25 Mar 2010 07:13:25 +0000 Alejandro http://alejandrogm.com/blog/?p=3 Bueno pues hace rato tenia ganas de sacar adelante un nuevo blog, con una serie de artículos que quizás a diario me inspirare a redactar.

Que voy a tratar en este blog ? En su mayoría temas de diseño web y diseño gráfico. Como por ejemplo artículos recomendados, tutoriales y demás. Lo olvidaba, también voy a tratar algunas cosas sobre mi vida de “Blogger” como trucos para wordpress, SEO, posicionamiento y otras cositas más..

Así que pues espero que todo el contenido que publique en mi nuevo blog personal sea del agrado de todos ustedes. Saludos .