herramientas para diseñar prototipos de interfaces de usuario
TRANSCRIPT
Herramientas para diseñar prototipos de interfaces
Xavier Garnica [email protected]
Interfaz Hombre-Máquina
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
AndroidiOS
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
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
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
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
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/
support
Ayuda en línea
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
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
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.
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
WebAndroid
iOSWindows 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/en-us
Ayuda en línea
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
• 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
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/