7/23/2019 Herramientas Para Prototipado de Software
1/7
HERRAMIENTAS PARA
PROTOTIPAR SOFTWAREINTERFAZ HOMBRE
MQUINAPIDOCO, Herramienta para prototipado de software.
24 DE OCTUBRE DE 2015
LILIANA NARANJOUniversidad de Cuenca
7/23/2019 Herramientas Para Prototipado de Software
2/7
Herramientas para prototipar software Interfaz hombre Mquina
1
ContenidoINTRODUCCIN. ............................................................................................................................ 2
Lista de herramientas para prototipar Software. ......................................................................... 2
Proto .......................................................................................................................................... 2
InVision ...................................................................................................................................... 2
UserTesting ............................................................................................................................... 2
PowerMockup ........................................................................................................................... 2
PickFu ........................................................................................................................................ 2
Myna ......................................................................................................................................... 2
Ace ............................................................................................................................................. 2
MouseStats ................................................................................................................................ 2
POP o Prototipos On Paper ....................................................................................................... 2Gliffy .......................................................................................................................................... 2
Antitipo ...................................................................................................................................... 2
Framerjs.com............................................................................................................................. 3
Wirify ......................................................................................................................................... 3
NaviewNaview ........................................................................................................................... 3
Axure RP. ................................................................................................................................... 3
Balsamiq. ................................................................................................................................... 3
iPlotz. ......................................................................................................................................... 3
MockFlow. ................................................................................................................................. 3
Herramienta a describir la cual se utilizara para la prctica ......................................................... 3
PIDOCO...................................................................................................................................... 3
Caractersticas: ...................................................................................................................... 3
Pgina oficial: ........................................................................................................................ 3
EJEMPLO: ....................................................................................................................................... 3
CONCLUSIONES. ............................................................................................................................ 6
REFERENCIAS ................................................................................................................................. 6
7/23/2019 Herramientas Para Prototipado de Software
3/7
Herramientas para prototipar software Interfaz hombre Mquina
2
Herramientas para prototipado de software
INTRODUCCIN.
En la actualidad contamos con varias herramientas para prototipar software, sin importarsi esta dirigida a mviles, web o aplicaciones de escritorio; entonces Qu significa
prototipo?, versin inicial de un sistema y Qu es prototipado?, comprende todas las
herramientas y tcnicas que permiten realizar a los diseadores de sistemas
simulaciones de un software a desarrollar. Por lo tanto una herramienta para prototipado
de software ayuda a desarrollar el diseo de una aplicacin y as tener una visin de
cmo ser y como interactuara el nuevo software con el cliente.
A continuacin de listara algunas herramientas y se centrar en una de ellas para
profundizar su funcionamiento.
Lista de herramientas para prototipar Software.
Proto, Contiene una amplia coleccin de bibliotecas de interfaz de usuario, as comocomponentes de interfaz de usuario interactivas para la aplicacin de las caractersticas
del diseo de materiales
InVision, es una herramienta robusta para transformar diseos estticos en prototiposinteractivos utilizando funciones, como las animaciones, los gestos y las transiciones.
UserTesting, es una herramienta de prueba moderna para los sitios web, aplicaciones
de pruebas, prototipos y ms en equipos de escritorio, tabletas y dispositivos mviles.
PowerMockup, es una poderosa herramienta de maqueta y alambre dedicado para suuso en PowerPoint.
PickFu, es una plataforma de votacin que ayuda a encontrar soluciones para el diseoy la comercializacin de ideas.
Myna, es un robusto pruebas A / B o herramienta de prueba de dividir utilizado por losdiseadores grficos y desarrolladores web.
Ace, interfaz de usuario es un conjunto de herramientas de interfaz de usuario mvil
dedicado especialmente a iOS 8 desarrollo de aplicaciones mviles. 9)
MouseStats, es una herramienta de anlisis UX popular que ofrece variascaractersticas modernas para el seguimiento de la interaccin del usuario con un sitio
web.
POP o Prototipos On Paper, es una aplicacin de fro para la transformacin de bocetosy maquetas hechas a mano para prototipos interactivos.
Gliffy, es una aplicacin de diseo profesional con funciones de colaboracin en lnea.
Antitipo, es una aplicacin de software para el desarrollo de prototipos de interfaz deusuario interactivas.
7/23/2019 Herramientas Para Prototipado de Software
4/7
Herramientas para prototipar software Interfaz hombre Mquina
3
Framerjs.com, Esta herramienta permite pasar del Photoshop a Framer. Coge lascapas, las exporta y te permite hacer interacciones usando javascript.
Wirifyes una herramienta UX robusta para pasar las pginas web para wireframes conun solo clic.
NaviewNaview es una poderosa herramienta para el diseo de prototipos denavegacin y pruebas de usabilidad de navegacin.
Axure RP.
Balsamiq.
iPlotz.
MockFlow.
Herramienta a describir la cual se utilizara para la prctica
PIDOCO.A cerca de la herramienta.
Pidoco: Herramienta de software de prototipado utolizado para la web tambin para app
para mviles como Ios y dispositivos Android en tiempo real; Pidoco ofrece plantillas
para facilitar la creacin de un prototipo ms rpido, as como proporciona funciones de
colaboracin en tiempo real.
Es una plataforma online para crear prototipos de websites y softwares, ponerlos a
prueba, discutir y optimizarlos
Caractersticas:
Facil de usar.
No es necesario descargar
De uso online.
HHerramienta basada en JavaScript / SVG que utiliza estndares webabiertos
Opera en el modelo Software-as-a-Service (SaaS)
Pgina oficial:
https://pidoco.com/en
EJEMPLO:1. Creamos una cuenta en Pidoco.2. Luego podemos crear proyectos online.
a. New Project.b. Seleccionamos si queremos una app mvil, web o de escritorio.
https://pidoco.com/enhttps://pidoco.com/enhttps://pidoco.com/en7/23/2019 Herramientas Para Prototipado de Software
5/7
Herramientas para prototipar software Interfaz hombre Mquina
4
Figura 1. New Project
Figura 2 Proyecto nuevo creado
3. En mi caso seleccione una aplicacin web para la creacin de un LOGIN.
Figura 3. Ventana del home
a. La imagen anterior seria la pgina principalb. Si damos click en el botn Please login, se abrir la siguiente
imagen.
7/23/2019 Herramientas Para Prototipado de Software
6/7
Herramientas para prototipar software Interfaz hombre Mquina
5
Figura 4. Ventana de login.
4. Pruebas, click en simulate.
Figura 5. Simular la aplicacin.5. Aplicacin Simulada.
Figura 6. Home.
Figura 7. Logeo.
7/23/2019 Herramientas Para Prototipado de Software
7/7
Herramientas para prototipar software Interfaz hombre Mquina
6
CONCLUSIONES. Las herramientas de prototipos son diseos o sistemas que simulan o
implementan partes de un sistema final.
Una herramienta muy til para hacer participar a los usuarios y evaluar elsistema desde las primeras fases.
REFERENCIAS
http://descargarsnapchatapp.com/15-ui-y-ux-utiles-herramientas-y-recursos-para-disenadores/
http://www.saraclip.com/7-herramientas-para-el-prototipado-de-apps/
http://crea-t.net/blog/
http://es.slideshare.net/jpbthames/prototipado-del-software-7925653
http://www.campusmvp.es/recursos/post/Herramientas-de-prototipado-de-aplicaciones-Web.aspx
http://www.saraclip.com/7-herramientas-para-el-prototipado-de-apps/http://www.saraclip.com/7-herramientas-para-el-prototipado-de-apps/http://crea-t.net/blog/http://crea-t.net/blog/http://crea-t.net/blog/http://www.saraclip.com/7-herramientas-para-el-prototipado-de-apps/