Toma de contacto a Iplotz, una herramienta util para crear Wireframes

En la actualidad los "Wireframes" se han convertido en herramientas útiles para diseñar prototipos de sitios web o plataforma de software, con el fin de ver su funcionalidad antes que tener en cuenta factores que pueden generar perdidas de tiempo en el desarrollo de nuestros proyectos. En la entrada http://estudioenlanube.blogspot.com/2014/05/que-son-los-wireframes.html, encontramos una breve explicación sobre su concepto, funcionalidad y se mencionaron algunas herramientas para desarrollar Wireframes, con el fin de tener un visión global de cual elegir según nuestras necesidades. Por tal razón, esta entrada se fundamentara en una toma de contacto de Iplotz como herramienta para desarrollar nuestros "Wireframes".

iPlotz se encuentra disponible en Windows ,Linux y Mac, ya que utiliza la tecnología adobe air la cual permite la creación de aplicaciones de escritorio (de propósito general) a partir de tecnologías de desarrollo de páginas web, como pueden ser HTML, Ajax o Flash. También  para su uso se encuentra disponible como un servicio basado en la web o como  software instalado localmente. Cuenta con una gran variedad de símbolos GUI que proporciona botones listos para el uso, barras de desplazamiento, barras de menús y otros objetos que se pueden utilizar en el diseño de nuestros prototipos. Ademas podemos compartir nuestros proyectos en tiempo real y recibir información en vivo y adicional a esto recibir comentarios. Una vez concluido el proyecto, podemos exportar nuestros Wireframes a PDF, PNG, JPG y archivos  HTML. La versión de prueba de iPlotz permite crear un Wireframe con un máximo de cinco páginas navegables, en caso que deseamos hacer un prototipo de forma rápida usamos este recurso o si lo prefieren en la pagina pueden hacer una suscripción con los precios establecidos en esta.

Después de haber hecho un breve paréntesis sobre algunas de las bondades de Iplotz, vamos a seguir los pasos respectivos para iniciar la creación de un proyecto:

Al ingresar a la aplicación primero configuramos nuestro idioma, en este caso sera español y para ello nos vamos a la barra de menú y damos click en Iplotz, seleccionamos  "Preferences" y luego nos ubicamos donde dice lenguaje y seleccionamos español, tal como muestra las imagen a continuación




Después de haber realizado este paso, podemos escoger entre las dos opciones de trabajo Desktop( para trabajar de forma local) o Online para que nuestros trabajos se guarden en la nube y así poder seguir en linea. En nuestro caso, seleccionamos Desktop y  luego en crear nuevo proyecto tal como se visualiza en la siguiente imagen:


Ahora nos aparecerá la ventana para colocar algunos atributos al proyecto como nombre, fecha, descripción. Aquí depende las necesidades de cada quien en esta parte del proceso


Aquí nos encontramos con la interfaz de entrada a Iplotz donde podemos empezar a utilizar la herramienta:

En la imagen anterior pudimos observar elementos que hemos agregado a nuestro prototipo, cada uno de estos han sido arrastrados desde la pestaña componentes. Si presionamos en el elemento que tiene aspecto de un menú, podemos visualizar una serie de opciones para cambiar el nombre y asignar direccionamiento después de haber creado otras paginas similares.


Después que hayamos creado nuestros respectivos Wireframes, viene el paso final y es exportar el archivo, para ello nos ubicamos en la barra de herramientas donde se encuentra ubicado el botón guardar, damos click donde dice exportar tal cual como muestra la imagen.

Por ultimo contamos con la opción de poder exportar en diversos formatos de imágenes, como archivo pdf y como html



Como logramos observar en esta toma de contacto, Iplotz es una herramienta potente, donde logramos crear Wireframes sin complicaciones, espero que haya sido de su agrado y se animen a usar esta herramienta. A continuación encontramos el enlace para descargar esta aplicación y un pequeño vídeo que aunque es una versión antigua, básicamente así es como se trabaja con con Iplotz. Agradecimientos a su autor Mark Vernon por compartirlo en su canal.