Usabilidad: Herramientas de prototipado

Se llama wireframe a la referencia visual de la estructura conceptual y funcional de una web o interfaz, incluyendo la distribución visual y organizando la información a nivel de página.

Evolus Pencil: plugin libre y gratuito para mozilla firefox

Vamos, una herramienta que nos permite hacer bocetos conceptuales de nuestros diseños.

Si bien siempre se dice que el lápiz y papel son el mejor amigo de un diseñador de interfaces, a continuación nombramos algunas herramientas y enlaces sobre prototipado y sketching que pueden ayudarnos en el proceso:

  1. Evolus Pencil: plugin libre y gratuito para mozilla firefox
  2. Wireframes: Olga Carreras. Imprescindible!
  3. Balsamic Mockups sketching wireframe: herramienta online. Gracias @jsmanrique!
  4. Axure: wireframes, prototyping and specifications
  5. LukeW: imprescindibles estudios sobre mejores prácticas en formularios Autor de “Web form Desing”
  6. Leech, Joe. Form design guidelines crib sheet 
  7. Yahoo #ux patterns: herramientas de prototipado de yahoo. Imágenes y ficheros de ejemplo.
  8. A wireframe kit for Google Drawings and 5 reasons it beats Omnigraffle and Visio
  9. Offtopic: formtools. Visual webform design. Gracias @jnovos!
  10. Smashing Magazine #ux: The Messy Art Of UX Sketching. IMPERDIBLE

Bruno Rico Autor

Marketing, posicionamiento, diseño,accesibilidad, fotografía, internet...y un toque de banca (por de-formación profesional)

Deja un comentario

Tu dirección de correo electrónico no será publicada.