HERRAMIENTAS PARA

PROTOTIPAR SOFTWARE
INTERFAZ HOMBRE
MQUINA
PIDOCO, Herramienta para prototipado de software.

24 DE OCTUBRE DE 2015
LILIANA NARANJO
Universidad de Cuenca

Herramientas para prototipar software

Interfaz hombre Mquina

Contenido
INTRODUCCIN. ............................................................................................................................ 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 ....................................................................................................... 2
Gliffy .......................................................................................................................................... 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

Herramientas para prototipar software

Interfaz hombre Mquina

Herramientas para prototipado de software

INTRODUCCIN.
En la actualidad contamos con varias herramientas para prototipar software, sin importar
si 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 como
componentes 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 prototipos

interactivos 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 su

uso en PowerPoint.

PickFu, es una plataforma de votacin que ayuda a encontrar soluciones para el diseo
y la comercializacin de ideas.

Myna, es un robusto pruebas A / B o herramienta de prueba de dividir utilizado por los

diseadores 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 varias

caractersticas 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 bocetos

y 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 de
usuario interactivas.
2

Herramientas para prototipar software

Interfaz hombre Mquina

Framerjs.com, Esta herramienta permite pasar del Photoshop a Framer. Coge las
capas, las exporta y te permite hacer interacciones usando javascript.

Wirify es una herramienta UX robusta para pasar las pginas web para wireframes con
un solo clic.

NaviewNaview es una poderosa herramienta para el diseo de prototipos de

navegacin 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 web
abiertos
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.

Herramientas para prototipar software

Interfaz hombre Mquina

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 principal
b. Si damos click en el botn Please login, se abrir la siguiente
imagen.

Herramientas para prototipar software

Interfaz hombre Mquina

Figura 4. Ventana de login.

4. Pruebas, click en simulate.

Figura 5. Simular la aplicacin.

5. Aplicacin Simulada.

Figura 6. Home.

Figura 7. Logeo.

Herramientas para prototipar software

Interfaz hombre Mquina

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 el
sistema desde las primeras fases.

REFERENCIAS

http://descargarsnapchatapp.com/15-ui-y-ux-utiles-herramientas-yrecursos-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-prototipadode-aplicaciones-Web.aspx