Herramientas Para Prototipado de Software

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


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


3/7


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.


4/7


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/en


5/7


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.


6/7


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/7


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/

Documents

Herramientas Para Prototipado de Software