Blog de DeInterfaz

Entradas clasificadas en: Herramientas

Prototipado rápido con Balsamiq Mockups

13 de abril de 2009 — Iván Marnet

Pantallazo de la aplicación Balsamiq Mockups mostrando parte de los controles de interafz de usuario predefinidos.

Cada vez son más las alternativas de herramientas de las que disponemos para generar wireframes y entregables de prototipos. En esta ocasión, Marco me descubre Balsamiq Mockups, una sencilla pero potente aplicación RIA hecha en Adobe AIR para crear prototipos de baja fidelidad de forma rápida.

Sigue leyendo

Clasificado en: Diseño de interacción, Herramientas, Prototipado

Etiquetas: , , , ,

Comentarios [1]

Recopilación de plantillas y stencils para prototipar

29 de diciembre de 2008 — Sergio Martín

Captura de pantalla de un wireframe

Hoy día, son muchas las aplicaciones que ya nos permiten prototipar interfaces de todo tipo. Los stencils y las plantillas nos hacen la vida más fácil y nos ayudan a ser más productivos en nuestro trabajo diario. He aquí algunos recursos que te ayudarán en el día a día, independientemente del método que utilices para hacer tus prototipos.

Sigue leyendo

Clasificado en: Diseño de interacción, Herramientas, Prototipado

Etiquetas: , , ,

Comentarios

Herramienta para comprobar JavaScript intrusivo

11 de noviembre de 2008 — Marco Giacomuzzi

Leo en uno de los blogs más conocidos que tratan de Accesibilidad y Estándares Web, acerca de la existencia de Obtrusive JavaScript Checker, herramienta que permite detectar en una página Web aquellos elementos HTML con eventos JavaScript considerados intrusivos (siempre que podamos, deberíamos utilizar JavaScript no intrusivo).

Hay 3 maneras de conseguir la herramienta, una de ellas como extensión de Firefox. Yo he probado ésta, y la verdad que es muy útil a la hora de hacer comprobaciones de Accesibilidad. Desde luego, facilta el trabajo y hace más rápido el análisis, ya que de un solo vistazo es posible ver este tipo de fallos. La siguiente captura de pantalla, sacada de Apple.es, muestra los errores encontrados con un borde rojo:

Sigue leyendo

Clasificado en: Accesibilidad, Estándares Web, Herramientas, Técnicas

Etiquetas: , , , , ,

Comentarios

Más herramientas que generan un mapa de encabezados

06 de noviembre de 2008 — Marco Giacomuzzi

Tras leer el comentario de Mario Pérez – gracias Mario por tu aportación – he estado investigando qué otras herramientas pueden generar un mapa de encabezados. Esto es lo que he encontrado:

Web Developer (Firefox 2 y 3)

Tal vez no es tan inmediato localizar la función debido a su literal no muy intuitivo: Information > View Document Outline. En la imagen a continuación el resultado generado:

Sigue leyendo

Clasificado en: Accesibilidad, Estándares Web, Herramientas, Técnicas

Etiquetas: , ,

Comentarios [5]

Marcar los encabezados de forma lógica (H1, H2... H6)

22 de octubre de 2008 — Marco Giacomuzzi

A la hora de diseñar un documento o una serie de documentos, es fundamental que los  arquitectos de la información se esfuercen en identificar la estructura que desean dar a sus documentos, antes de preocuparse en cómo se mostrarán los mismos al usuario.

Normalmente los documentos se suelen dividir en una serie de capítulos, los capítulos tienen apartados, los apartados se dividen en distintas secciones, las secciones en párrafos, etc. Estos fragmentos semánticos de información constituyen la estructura lógica del documento.

Sigue leyendo

Clasificado en: Accesibilidad, Estándares Web, Herramientas, Técnicas

Etiquetas: , ,

Comentarios [5]