Pedro Puig

Digilicius nos enseña un interface para bocetar tridimensionalmente. Según nos cuenta, es un prototipo de los canadienses Seok-Hyung Bae, Ravin Balakrishnan y Karan Singh.

Realmente es espectacular ver la fácil que parece, pero luego ponte tu a bocetar y veras lo que sale

Vía: Digilicius

El concepto de usabilidad está presente cada vez más en nuestros desarrollos, desde un simple buscador, pasando por la homogeneidad en los links hasta la navegación por pestañas, precisamente en usabilitypost nos dan 5 consejos parar que esta navegación sea 100% efectiva para el usuario. Estos consejos se resumen en:

• Unir la pestaña activa con el contenido
• Diferenciar la pestaña activa por colores
• Poner en un color diferente el texto de la pestaña activa
• Hacer que toda la pestaña sea clicable y no solo el texto
• Definir siempre una pestaña activa

Vía: Isopixel

Leo en Nudonation un muy interesante post donde explica cómo se crea un proyecto web desde el inicio hasta la fase final, gráficamente hablando por supuesto. Desde el esbozo en lápiz y papel, pasando por el desarrollo de wireframes (bosquejo de la ubicación de elementos en una pantalla) hasta la fase de prototipado (la usabilidad y los sistemas de navegación van indirectamente implícitos en el desarrollo de los wireframes) .

Lo importante de crear wireframes previos al comienzo de la fase de diseño, nos evitará hacer modificaciones en fases posteriores (aunque esto no es siempre así, ya se sabe…).

Ya sea un microsite, un blog, una web o incluso diseños para imprenta, es recomendable crear un wireframe que nos ayudará a definir un mejor proyecto final. Para la realización de wireframes hay multitud de herramientas. Yo utilizo el Photoshop, me permite crear los distintos elementos en capas, es fácil de modificar y me resulta cómodo no salir del programa en el que luego voy a realizar el diseño, pero lo importante es que sea una herramienta en la que el diseñador, se sienta a gusto.

La importancia de crear un Wireframe (diseño de alambre), antes de comenzar con el prototipado, es cada vez más aconsejable.

Hay numerosas herramientas para la creación de Wireframe, pero tal vez las más importantes sean Omnigraffle y Visio de Microsoft.

Ahora Yahoo, presenta el Stencil Kit que es un conjunto de objetos predefinidos que nos ayudarán a crear de forma rápida un wireframe desde nuestra aplicación favorita.

El Stencil Kit de Yahoo esta disponible tanto para usuarios de Omnigraffle como de Visio. Pero si tu programa para la creación de Wireframes es otro, puedes descargártelo en PDF, PNG y SVG.

Otra ayuda más…

Vía: Torresburriel

Sencillamente espectacular…