You are on page 1of 5

Contenido

Introduccin ........................................................................................................................................ 1
Axure ................................................................................................................................................... 1
Caractersticas ................................................................................................................................. 1
Visio ..................................................................................................................................................... 2
Caractersticas ................................................................................................................................. 2
Mockflow ............................................................................................................................................ 2
IPlotz ................................................................................................................................................... 3
Balsamiq Mockups .............................................................................................................................. 3
Caractersticas ................................................................................................................................. 3
Conclusin ........................................................................................................................................... 4
Referencias ......................................................................................................................................... 4


















1


Introduccin
Si eres diseador web, desarrollador de software o diseador para llevar a cabo con
eficacia un proyecto con pocos errores, se debe dar prioridad a un plan. Hay
diferentes programas como Balsamiq Mockups, una aplicacin de pago para hacer
Mockups (Wireframes) pero ahora hay diversas herramientas con las que se puede
trabajar para hacer Wireframes, Mockups o Prototipos.

Axure
Es una herramienta orientada a disear wireframes y prototipos bsicos o
avanzados de forma fcil, dirigido a aplicaciones web y de escritorio.
Ofrece capacidades que se encuentran tpicamente en las herramientas de creacin
de diagramas, como la colocacin de arrastrar y soltar, el cambio de tamao y
formato de los widgets. Cuenta con funciones para anotar los widgets y la definicin
de las interacciones como la vinculacin, la vinculacin condicional, simulando
controles de pestaas, mostrar / ocultar elementos, etc.
Tiene por defecto una amplia gama de widgets con los cuales se pueden disear
fcil y rpidamente interfaces para proyectos de sitios web o de aplicaciones
mviles. Igualmente el arquitecto de informacin puede crear otros widgets
personalizados y reutilizables, los cuales pueden simular funcionalidades o mdulos
que se pueden necesitar para describir mejor un proceso, interaccin o contenido.
Caractersticas
La ventana de la aplicacin Axure RP Pro est dividido en 6 reas principales:
Mapa del sitio - lista jerrquica de las pginas
Reproductores
Maestros (plantillas, o colecciones de widgets reutilizables)
rea de la pgina - la principal rea de diseo
Las notas de las pginas y de las interacciones
Widget de anotaciones e interacciones

El arquitecto de informacin puede exportar el prototipo en HTML (ideal para
documentar funcionamiento y para realizar pruebas de usuario), o en un documento
Word que recoge, adems de las interfaces diseadas, todas las anotaciones que
se hagan sobre el funcionamiento de cada pgina, mdulo o componente.

2

Visio
Es una herramienta que permite realizar diagramas de oficinas, diagramas de bases
de datos, diagramas de flujo de programas, UML, y ms, que permiten iniciar al
usuario en los lenguajes de programacin.
Visio proporciona un gran nmero de plantillas de diagrama y miles de formas,
algunas sencillas y otras bastante complejas. Cada plantilla tiene un propsito
diferente, desde planes de tubera hasta redes de equipos informticos.
Caractersticas
Algunas de las principales caractersticas innovadoras de Microsoft Visio son:
Plantilla De Generacin De Ideas: Se puede exportar un diagrama de
generacin de ideas (basado en la plantilla) a un documento de Word en
formato de esquema para organizar y comunicar de forma sencilla las ideas
generadas en las reuniones.
Plantilla Mejorada De Escala De Tiempo: La nueva funcionalidad de Visio
permite dividir mltiples escalas de tiempo.

Mockflow
Es una herramienta que permite crear borradores de la estructura de las pginas
que compondrn nuestro sitio web, es decir, los prototipos de las distintas pginas.
Nos permite disear, de una manera rpida e intuitiva, nuestro sitio web, pudiendo
disear cada una de las pginas que lo conformarn, implantando una arquitectura
web muy personalizada y con mltiples complementos que realmente ayudan a que
veamos un prototipo que antes hubiramos esbozado en cualquier trozo de papel.
Tiene 2 versiones: la de pago y la gratuita. En la 1 tienes un nmero ilimitado de
creacin de pginas y por tanto de prototipos. En la 2, la gratuita, nicamente
podemos crear un proyecto con 4 pginas. Eso s, puedes hacer la pgina,
guardarla y exportrtela a tu disco duro, luego borrarla del mockflow y as poder
seguir diseando ms pginas.
Entre sus aspectos ms destacados, podemos observar que posee elementos
para introducir tan interesantes como:
Una barra social media
Diseos de presentaciones
Un buscador
Banners
Cuadros de login

Existen otras nuevas funcionalidades como la posibilidad de compartir y trabajar
colaborativamente los proyectos con otras personas; o incluso con AxShare, subir
3

tu prototipo a un servidor y enviarlo a tus clientes y equipo de trabajo para obtener
retroalimentacin.





IPlotz
Es una aplicacin online especializadas en el prototipado. Comparte muchas de las
caractersticas de su gran rival comercial en esta rea (Mockflow, comentado ms
arriba), como su elevada especializacin, el gran nmero de elementos (sobre un
centenar), la aportacin de elementos mviles, o wireframes dinmicos, entre otras.
Destaca sobre otras aplicaciones online de esta especialidad en sus opciones de
exportacin, y muy en particular las exportaciones en HTML, con un resultado de
una fidelidad extraordinaria. La interfaz de usuario es eficaz y muy eficiente, pero
tal vez un poco intimidatoria comparada con la sencillez de, por ejemplo, Mockflow.
No obstante, parte de esa complejidad procede del mayor nmero de funciones que
presenta iPlotz en relacin a las dems aplicaciones. Esto incluye el hecho de ser
una de las aplicaciones en lnea que proporciona un nmero ms alto de opciones
de exportacin (JPG, PNG, PDF, HTML), as como funciones especficas de gestin
de proyectos y de edicin colaborativa. Es, adems, una de las aplicaciones que
suministra una versin gratuita sin limitaciones funcionales (pero como siempre, con
limitaciones del nmero de proyectos).
Balsamiq Mockups
Es una aplicacin eficiente que proporcionar a los usuarios la capacidad de trabajar
en su interfaz de usuario estn donde estn. Las funciones de importacin y
exportacin garantizan una integracin transparente con todas las versiones de
maquetas, para cuando llegues a estar en lnea. Adems, puedes cargar y guardar
varios archivos de maquetas, utilizar los mtodos abreviados de teclado y mucho
ms.
Caractersticas
Esquemas de pgina incompletos de baja fidelidad:
Los esquemas de pgina incompletos, de baja fidelidad te permiten centrar
las conversaciones de diseo en la funcionalidad.
Iconos y componentes de la interfaz de usuario:
4

La vinculacin te permite generar prototipos seleccionables a travs de
demostraciones y pruebas de usabilidad.
Exporta a PNG o PDF


Conclusin
Las herramientas mencionadas anteriormente tienen un objetivo en comn el cual
es el desarrollo del diseo de diagramas, interfaces, etc que le permite al usuario
crear, manipular. La finalidad es que permita y ayude al usuario a presentar un
trabajo con buena presentacin, y esta herramientas ofrecen todas las herramientas
para que se pueda crear a la imaginacin del usuario, ya que nos brinda muchas
alternativas para poder utilizarlas segn nuestras necesidades, mejorando y
satisfacer a nuestros clientes ya que todas estas herramientas nos brindan una
mejor expectativa a nuestro cliente con forme a los requerimientos que l nos est
solicitando.

Referencias
[1] Microsoft Visio (Sin fecha). Recuperado el 01 de julio de 2014, de:
http://office.microsoft.com/es-mx/visio/
[2] Herramientas para crear bocetos. (Sin fecha). Recuperado el 01 de julio de
2014, de: http://es.kioskea.net/faq/7823-herramientas-para-crear-bocetos-de-
sitios-web
[3] Balsamiq Mockups. (Marzo 03 de 2013). Recuperado el 01 de julio de 2014, de:
http://www.glidea.com.ar/blog/balsamiq-mockups-una-herramienta-para-realizar-
wireframes
[4] Axure RP. (Febrero 04 de 2011). Recuperado el 01 de julio de 2014, de:
http://en.wikipedia.org/wiki/Axure_RP

You might also like