Diversas herramientas software para crear prototipos de interfaces de usuario.

1. Herramientas para diseñar
prototipos de interfaces
Xavier Garnica B.
xavier.garnica@ucuenca.ec
Interfaz Hombre-Máquina

3. Aplicación para escritorio del
tipo arrastrar y soltar.
Funciona para Windows y
Mac.
Interfaz que dispone
Fácil de usar, curva de
aprendizaje reducida.
Usabilidad
Interacciones similares a las
de tipo WIMP pues en lugar
del puntero se podría usar
un lápiz óptico o un dedo.
Interacción que permite
definir

4. Android
iOS
Plataformas soportadas
Diseñadores de aplicaciones
móviles freelancers que
buscan crear prototipos
detallados.
A qué usuarios está
destinado
Documentación, tutoriales,
demos en la página oficial de
la herramienta.
http://community.pixate.com
/
Ayuda en línea

5. Interfaz de tipo touch para
smartphones.
Tipo de interfaz a
prototipar
Actualmente no permite
generar código. Se está
trabajando en ello.
Soporta generación de
código

6. Windows:
• Windows XP, 2003
Server, Vista, 7, 8, 10.
• 1 GB de RAM.
• 1 GHz procesador
Requisitos hardware
• Requiere iOS 7.1 o
superior para probar los
prototipos.
• Requiere Android 4.1 o
superiores para probar los
prototipos.
Requisitos software
Mac:
• Mac OS X 10.7+
• 1 GB de RAM.
• Procesador 64-bit

9. Aplicación de pago para
escritorio. Funciona para
Windows y Mac.
Interfaz que dispone
Se requiere un poco de
conocimiento profesional en
el diseño de interfaces web.
Permite trabajo colaborativo.
Usabilidad
Interacción del tipo point-
click, formularios, etc.
Interacción que permite
definir

10. Web
Plataformas soportadas
Diseñadores profesionales
de páginas web.
A qué usuarios está
destinado
Videos, tutoriales,
documentación en la página
oficial.
http://www.axure.com/suppo
rt
Ayuda en línea

11. Interfaces para páginas web
tanto estáticas como
dinámicas.
Tipo de interfaz a
prototipar
Genera código HTML.
Soporta generación de
código

12. Windows:
• Windows XP, 2003
Server, Vista, 7, 8, 10.
• 2 GB de RAM mínimo,
4 GB recomendado.
• 1 GHz procesador
• 5 GB en disco duro
Requisitos hardware
Mac:
• Mac OS X 10.7+
• 2 GB de RAM mínimo,
4 GB recomendado.
• Procesador Intel 64-bit
• 5 GB en disco duro

13. Requisitos software
Windows:
• Para documentación:
Microsoft Office Word
2000, XP, 2003, 2007, 2010,
2013
• Para HTML generado:
IE/Edge, Firefox, o Chrome
Mac:
• Para documentación:
Microsoft Office Word 2004
(con paquete de
compatibilidad), Word
2008, Word 2011
• Para HTML generado:
Safari, Firefox, o Chrome.

16. Aplicación Web del tipo
arrastrar y soltar.
Interfaz que dispone
Fácil de usar, diseñado para
desarrolladores
principiantes.
Usabilidad
Similares a la interacción
WIMP reemplazando el
puntero por el touch en el
caso de smartphones. Point-
click, formularios, etc., en el
caso de aplicaciones Web.
Interacción que permite
definir

17. Web
Android
iOS
Windows Phone
Plataformas soportadas
Diseñadores nuevos y
profesionales.
A qué usuarios está
destinado
Guías de usuario, videos,
comunidad en la página
oficial.
https://support.proto.io/hc/e
n-us
Ayuda en línea

18. Interfaces de tipo touch para
smartphones, interfaces para
dispositivos Smart TV,
cámaras digitales, etc.
Tipo de interfaz a
prototipar
No genera código.
Soporta generación de
código

19. • Ordenador o dispositivo
móvil con cualquier SO.
• Conexión a internet
superior a 1.5 mbps.
Requisitos hardware
• Navegador web: Edge,
Safari, Firefox, Chrome.
• SO Android v 4.0+ para
probar el prototipo.
• SO iOS v 8.0+ para probar
el prototipo.
Requisitos software

21. Bibliografía
 https://www.lancetalent.com/blog/top-3-herramientas-de-prototipado-web-aplicaciones/
 https://medium.com/sketch-app-sources/five-app-prototyping-tools-compared-form-framer-
origami-pixate-proto-io-c2acc9062c61#.giozza1ho
 http://blog.pixate.com/
 https://proto.io/
 https://en.wikipedia.org/wiki/Proto.io
 http://www.campusmvp.es/recursos/post/Herramientas-de-prototipado-de-aplicaciones-
Web.aspx
 http://www.axure.com/