» Publicación:
19 agosto 2010
/
Categoría:

Haciendo Wireframes con MockFlow

Hace más de un mes aproximadamente un compañero de trabajo me recomendo usar MockFlow para hacer bocetos de funcionalidades, lo vi de “reojo” de como lo estaba utilizando y realmente parecia interesante. Bien tras ocuparlo, si que tiene grandes ventajas para el Diseño y Desarrollo de sitios webs.

Partamos, cuando se empieza a desarrollar un nuevo proyecto web, lo primero que se hace es un bosquejo de como esperamos sea nuestra aplicacion (es decir contenedores, funcionalidades, opciones). Algunos los hacen con lapiz y papel, otros utilizan herramientas como el Photoshop, Illustrator, etc. Tras todas esas opciones esta MockFlow que simplifica todo, da rápidez y mucha simpleza al trabajo (en el ambiente del diseño web a esto se le llama Wireframe).

MockFlow nos permite exportar nuestros diseños a PDF, PPT, capturas de escritorio y en png (con resolución real en tamaño de pixels). Por otro lado también permite el trabajo compartido entre varios usuarios en el mismo documento de una forma también muy sencilla. MockFlow esta de manera online, aunque existe el programa para descargarlo. Tiene dos versiones, una gratis y otra de pago. Las diferencias entre ambas radica entre el numero de proyectos y paginas a utilizar. Esta es una muy buena herramienta online sobre la cual podemos trabajar nuestras ideas y conceptos.

. Enlace: MockFlow.com

Real-Time Design Collaboration from Produle on Vimeo.

  • Facebook
  • Twitter
  • Tumblr
  • Digg
  • Reddit
  • LinkedIn
  • Google Bookmarks
  • E-Mail
» Sobre el autor: Reckless
Joven chileno de 29 años, con un paso por la escuela de Ingenieria de la UNAB, que dejo a medio camino para tomar la carrera de Diseñador Gráfico Profesional en la Universidad Santo Tomás, que era lo que siempre busco desde los 12 años. Fanático de la Universidad de Chile, el Metal y el Hardrock. Actualmente trabajando como Diseñador & Desarrolador Web para Especiales de Emol.com, ademas de "Freelancear" cuando se puede.
Comentarios

Hola Michele,

Otra buena herramienta para realizar wireframes es Justinmind Prototyper. Lo bueno es que a parte de trabajar en el diseño, puedes dotar, de manera muy simple, de interacciones a esos wireframes. Esto te permite realizar propuestas mucho más detalladas y entendibles para tus clientes. Puedes echarle un vistazo aquí http://www.justinmind.com/

Un saludo,
Dan

Fecha del comentario: 23 agosto 2010 a las 5:54

Tendre que probarlo, lo malo es que también es parecido el sistema de pago y lo FREE del sistema, lo probare en la semana y comentare sobre el programa.

Thanks!

Fecha del comentario: 25 agosto 2010 a las 1:29

I have exactly what info I want. Check, please. Wait, it’s free? Awosmee!

Fecha del comentario: 26 julio 2016 a las 0:58

OpenBMS could theoretically also package the cpk file, I’ve tried on a few occasion but failed (Some [space] monkeys, they use paraffin mixed with vitro. Paraffin has never, ever worked for me.). If you are technically skilled and can get this working please let me know, that would be another step I can automate with a batch file.

Fecha del comentario: 2 noviembre 2016 a las 22:17

THANK YOU, Josie! I secretly (not any more) absolutely want this to become a book, and then a motivational speaking tour… and then I want to be a blues singer. LOL! I feel like it’s certainly the ‘real’ path for me. Thank you for saying it out loud. You make me feel amazing. xoxo

Fecha del comentario: 12 febrero 2017 a las 14:46

ron 15.09.2012 at 20:28 · если вас тоже достали толпы молодежи и не очень с одинаковыми iPhone’ами, то Nokia Lumia — единственный достойный вариант: красивый и быстрый

Fecha del comentario: 23 abril 2017 a las 15:17
Escribe tú comentario
*
*
» Mensaje: