10 herramientas imprescindibles para crear mockups

Mockups

Hay diversas formas de acceder a nuevas herramientas con las que mejorar el proceso de crear un prototipo que merezca la pena, aparte de que no todo el mundo es capaz de visualizar un proyecto para darle finalmente la forma definida.

Para esto mismo existen diversas herramientas para crear mockups y wireframes como las 10 que os encontraréis a continuación que os ayudarán rápidamente a diseñar y probar vuestro nuevo proyecto.

Balsamiq

Es una de las herramientas más importantes para crear tus primeros wireframes y mockups. Es fácil y sencilla de usar para tener un buen mockup preparado más rápido de lo que uno podría llegar a pensar a primeras. Si no se necesita interacciones con el prototipo es la elección perfecta.

Balsamiq

Lucidchart

Se caracteriza por una interfaz que opera al arrastrar y soltar los elementos para crear el mockup. Se puede compartir el proyecto con otros y en un poco de tiempo se puede pasar de tener un proyecto rápido a uno que sería el producto final.

Lucidchart

MarvelApp

Una de sus virtudes es la accesibilidad a través de distintas plataformas como puede ser PC, móvil o web. Se sincroniza con Dropbox y ofrece acceso a equipos completos. Otra de sus características distintivas es que se puede exportar el prototipo como si fuera un .apk para desarrolladores Android.

Marvel

Moqups

Moqups es rápido y fácil al igual que Balsamiq. El hecho de que esté bajo HTML5 lo convierte en una herramienta rápida y sencilla. A destacar que la cantidad de miembros en el proyecto es ilimitada.

Moqups

UXPin

Una gran herramienta con un montón de opciones para wireframing y que entre las cuales destaca la posibilidad de convertir un boceto en un wireframe digital. Y no es solo tomar un pantallazo y ya está, sino que conlleva todo lo necesario para convertir una imagen en digital. No es precisamente una herramienta barata pero es de gran ayuda.

Uxpin

Protoshare

La virtud innata de Protoshare es su capacidad para el trabajo en equipo. Una herramienta profesional que permite discutir todos los proyectos en tiempo real con los colaboradores. Con una gran cantidad de opciones y al ser una herramienta bien clara en la interfaz le obliga a uno casi a tener que probarla.

Protoshare

Proto.io

El sitio web de proto.io tiene un diseño bien simple y esto mismo es su gran valía. Una herramienta de gran valor para el prototipado con numerosas opciones para iOS, Android y Windows Phone.

Proto

iPhoneMockup

La herramienta perfecta para los que no quieran sufrir mucho al pasar una imagen del papel a lo digital. Se elige uno de los estilos y se usa algunos de los elementos para crear un simple mockup para iOS.

Iphone

Wirify

Wirify ofrece un script que convierte un sitio web en un wireframe. Es de gran ayuda cuando uno mismo encuentra una web que le llama mucho la atención y quiere usarla como base para su nuevo proyecto.

Wirify

Pidoco

Se puede usar esta herramienta para probar los prototipos al enviar un enlace a los usuarios y así empezar a tomar datos de los mismos.

Pidoco

Y si quieres mockups ya hechos, no te pierdas nuestra selección de mockups de bolsas y otro tipo de paquetería.


3 comentarios, deja el tuyo

Deja tu comentario

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

*

*

  1. Responsable de los datos: Miguel Ángel Gatón
  2. Finalidad de los datos: Controlar el SPAM, gestión de comentarios.
  3. Legitimación: Tu consentimiento
  4. Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal.
  5. Almacenamiento de los datos: Base de datos alojada en Occentus Networks (UE)
  6. Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.

  1.   Christian dijo

    Gracias por la información, me sirvio de mucho!

  2.   Marcia dijo

    Muy útil. Gracias

  3.   Maryolis dijo

    Sería bueno que explicaran cada uno, es decir, dieran información más detallada de estas herramientas, desde cómo se usan y por qué usarlas.