prototpado-diseno-web

Herramientas para crear prototipados web

Adoramedia
Menú

A la hora de enfrentarnos ante un proyecto web, el primer paso es sentarse frente a una hoja en blanco, pensar y comenzar a prototipar. Para ello, podemos aplicar técnicas a la vieja usanza bajo papel y lápiz o beneficiarnos del avance tecnológico y utilizar herramientas digitales para crear prototipados web (también denomidados mockup o wireframe).

En ambos casos, el proceso es similar: pensar, dibujar y desechar varias ideas hasta  llegar a confeccionar un diseño de interfaz coherente y usable.

Estas herramientas pueden ser tanto de escritorio como online, de pago o gratuitas. El funcionamiento es similar entre ellas, mediante la acción “drag&drop”, se arrastran los elementos como botones, textbox, etiquetas, calendarios etc a la zona de trabajo, donde podremos editar (hasta cierto punto) estos gráficos de interfaz y por supuesto añadir/modificar textos.

A continuación os presentamos algunas de las herramientas más populares y funcionales:

MockFlow

Herramienta MockFlow para crear prototipos web

 

Esta herramienta online/escritorio dispone de una versión gratuita con la que hacer 1 proyecto con 4 páginas. La versión de pago (69$/año) es ilimitada.

 

MockingBird

Mockingbird, maquetar interfaces web

 

Con la versión de prueba de mockingbird disponemos de 1 proyecto con 10 páginas. Los precios oscilan entre 9$/mes y 85$/mes en función del número de proyectos.

Soporta las versiones más recientes de Firefox, Chrome y Safari.

 

Cacoo

Cacoo, herramienta para crear wireframe

 

En su versión de prueba podemos tener un proyecto con 25 páginas. Es online y su versión de pago es a partir de 4.95$.

 

Balsamiq

Prototipado web con Balsamiq

 

Una de las más populares, con versión tanto de escritorio como online. Es de pago y ofrece conectividad mediante plugins con Google Drive, Confluence o JIRA. También dispone de una versión de prueba de 30 días tras completar un registro.

 

Este tipo de herramientas nos ayudan a establecer un punto de partida sobre el que se sienten las bases de un diseño más avanzado. Además, nos facilita el entendimiento inicial entre diseñador y cliente .

Compartir

Tu comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de privacidad y protección de datos, pinche en el enlace para más información. ACEPTAR

Aviso de cookies