Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Men
CATEGORAS
14 Herramientas de prototipado de
aplicaciones Web
Escrito por campusMVP el 19 mayo 2014 11:00
Algo muy habitual en los equipos de desarrollo Web es dibujar maquetas de las pantallas de las aplicaciones y sus
elementos, de forma que podamos transmitir mejor la idea de lo que queremos a los programadores que lo van a
implementar. Esto es vlido tambin para los clientes, que a veces no se hacen una idea de lo que les estamos contando
si no lo ven dibujado.
Este tipo de croquis o prototipos pintados a mano de las Webs (llamados generalmente wireframes) son muy tiles,
pero hacerlos realmente a mano es problemtico porque no suelen quedar muy bien y luego muchas veces ni siquiera
se hacen. Una herramienta especializada viene de maravilla para hacerlo mejor, ms rpido y que quede de manera
presentable.
A continuacin proponemos una lista de productos, tanto gratuitos como comerciales, que sirven para hacer este tipo
Buscar
Si trabajas con el entorno de programacin Eclipse, puedes usar tambin WireframeSketcher, que est muy
bien y se integra dentro del entorno a la perfeccin.
A continuacin encontrars una tabla donde hemos intentado hacer una comparativa de las caractersticas ms
importantes:
Wireframes
Sistema Operativo
interactivos
de
Smbolos
GUI
Axure RP
Windows, Mac
web
/ S
Windows / Mac /
Linux
FlairBuilder
Servicio web
NO
N/A
Gliffy
Servicio web
iPlotz
Servicio
/ S
web
Windows / Mac
Jumpchart
Servicio web
NO
Justinmind
Windows, Mac
HTML, PNG, JS
MockFlow
Servicio Web
Mockingbird
Servicio web
Napkin
Windows / Mac / S
PDF, PNG
NO
NO
N/A
NO
Linux
Pencil Project
Complemento
de S
Firefox
SmartDraw
Windows
OpenOffice.org
S
NO
Visio
Windows
WirfraneSketcher
Windows / Mac / S
NO
NO
PDF, PNG
Linux
Nota: Autor de la imagen de la cabecera Jayel Aheram. Uso de la imagen bajo licencia CC
Publicaciones relacionadas
Qu son las Aplicaciones Web Progresivas o "Progressive Web Apps"
ltimamente se est escuchando mucho una nueva buzzword, PWAs, que se refiere a las Aplicaciones Web...
Origami: Prototipado espectacular de aplicaciones de aplicaciones mviles
Facebook es una empresa que, aunque naci en la Web, est completamente orientada al m...
Plantillas para prototipado manual de aplicaciones Web y mviles
Existen multitud de herramientas informticas para prototipado de interfaces web y tambin para apli...
Comentarios (8)
Luis
20/03/2015 15:28:47
Hola!
Un saludo
Responder
23/03/2015 10:47:20
Saludos!
Responder
cassandraochoa
15/04/2015 0:47:13
campusMVP
15/04/2015 11:18:32
Un saludo,
campusMVP
Responder
Lorena
16/07/2015 21:21:18
violeta
05/09/2015 4:16:51
Quien puede ayudarme, darme una idea de comom hacer o que puedo hacer un prototipo
Responder
Carmen Villamizar
09/08/2016 18:50:29
Muy valioso tu artculo. Gracias.Sabes si alguno o cules de ellos tienen versin en espaol?
Responder
Jos Manuel Alarcn
10/08/2016 8:16:49
Hola Carmen:
Ni idea, la verdad. Yo todo el software, desde el sistema operativo a la utilidad ms pequea, lo uso
siempre en ingls por diversos motivos, y es algo en lo que no suelo fijarme. Lo siento.
En sucesivas ocasiones, si hago otra lista de este estilo procurar prestar atencin a ese detalle para
ponerlo.
En cualquier caso creo que es necesario asumir que, hoy en da por lo menos, si te dedicas
profesionalmente a cualquier disciplina que tenga visos tcnicos, el ingls es un idioma indispensable para
leer documentacin y usar software como mnimo y no debera suponer nunca una barrera. Puede
gustarnos ms o menos, pero en mi opinin, esa es la realidad.
Saludos!
Responder
Agregar comentario
Nombre*
Correo Electrnico*
Sitio Web
Comentario*
Guardar comentario
Huevo, perro, abeja o viernes, cul es un da de la semana?
Artculos recientes
Entrate automticamente de las nuevas versiones de proyectos Open Source
ltimos vdeos
RecentComments
El panorama de .NET en 2016: plataforma completa o .NET Core? (8)
Jos Manuel Alarcn escribi: Hola Pepe:
F# ya est soportado actualmente en ... [Ms]
El panorama de .NET en 2016: plataforma completa o .NET Core? (8)
pepe escribi: Buenas: que hay acerca de usar en el futuro VB o ... [Ms]
La evolucin de Windows, de Windows 1 a Windows 10 (5)
camusMVP escribi: Fuenteovejuna (https://es.wikipedia.org/wiki/Fuent... [Ms]
La evolucin de Windows, de Windows 1 a Windows 10 (5)
Angie C escribi: quien a escrito este post? :) [Ms]
5 caractersticas de Sublime Text que deberas conocer (8)
Jos Manuel Alarcn escribi: :-)
Estupendo, me alegro! [Ms]
Comment RSS
Por qu campusMVP
Descuentos
Preguntas Frecuentes
Boletn de Novedades
Certificaciones de Microsoft