Informe de herramientas de prototipado

Servicio Nacional de Aprendizaje SENA.

Análisis y desarrollo de software.
Ficha 2627064.

Luz Myriam Galeano Quiroga.

2022.
 Abstract

El prototipado es una de las fases principales y más importantes de todo proyecto web. Nos
permite darnos una idea clara sobre la Experiencia de Usuario que tendrán los usuarios, así como
establecer la arquitectura de la información que se usara.
El prototipo, también llamado mockup, no solo se utiliza en la web, también se emplea en
muchos sectores de la industria y sirve para plasmar de una forma rápida y sencilla las bases que
se utilizaran para el desarrollo de un producto. Los prototipos se crean sobre herramientas
sencillas de usar, que nos dejan convertir las ideas al terreno de lo concreto y proyectar con
detalle y lo más cercano a la realidad, cómo será realizado el proceso de creación de nuestro
producto más adelante.
Es importante no saltarse la etapa de prototipado, ya que esta nos ayuda a mantener ajustado
el presupuesto final de un proyecto, pues evita tener que corregir el producto una vez está
terminado. Es mucho más fácil realizar los cambios se desean incorporar en los prototipos, que
esperar a que el sitio web o la app estén funcionando para cambiar grandes o pequeños detalles
sobre el producto final.
 3

Capítulo 1

Cuales son las herramientas de prototipado.

A continuación, veremos algunas de las herramientas de prototipado más utilizadas:

Invision.

Es una herramienta que facilita el desarrollo de mockups y wireframes, manteniendo

el contacto con el cliente. Presenta de herramientas para dibujo a mano alzada, que se

puede compartir en tiempo real con mas personas, herramientas para hacer prototipos y

diseñar el nivel de interacción, hasta un tablero que permite mantener centralizadas las

historias de producto y el feedback del cliente.

Balsamiq.

Es una herramienta disponible para Windows, se puede organizar en ella

visualmente nuestras ideas para crear prototipos que muestren una interfaz de usuario en

desarrollo. Tiene versión de escritorio y versiones online que podemos usar por una cuota

mensual.

Moqups.

Es una herramienta online que cubre todo el flujo de diseño y prototipado de sitios

y aplicaciones. Permite llegar muy lejos en lo que respecta al diseño, incluso revisar y

aplicar cierta interactividad. Los usuarios al conectarse a la herramienta pueden usar los

prototipos y aportar comentarios directamente sobre las pantallas o interfaces.

 4

Mockplus.

Herramienta profesional para crear mockups, está basada en aplicación de escritorio,

con un punto fuerte: su completo diseño de interacción y la posibilidad de probar en

dispositivos reales. Ofrece una completa biblioteca de componentes para poder montar

cómodamente los prototipos, con altas opciones de personalización.

Proto.io.

Este software online tiene como objetivo la creación de prototipos que parecen reales.

Para tal fin es capaz de usar componentes de la biblioteca muy personalizables y

aplicando herramientas para aplicar interacción.

CASO DE ESTUDIO

Herramienta Moqups en el caso de estudio.

Decidí hacer la prueba de prototipado con la herramienta Moqups la cual me

pareció bastante sencilla de usar. Cada una de las plantillas que nos ofrece tiene gran
versatilidad.
Es intuitiva, práctica y con una interfaz amigable con el usuario. Nos permite
anexar imágenes y símbolos que pueden facilitar aun mas la sencillez del uso de la
plataforma que queremos implementar.
Como desventaja tiene que no se pueden exportar los prototipos sin la versión de
pago pero en general la aplicación es funcional y sencilla para lo que se requiere crear.
5
 6

Conclusiones

Para lograr que un sistema sea correcto, funcional y que tenga todo lo que el cliente
requiere es necesario comenzar con un prototipo que te va dando los detalles buenos y
malos del sistema. El cliente con un prototipo del sistema puede solicitar las
modificaciones de lo que desea en su software sin tener que arriesgar tiempo y costos con
cambios en el sistema ya instalado y operativo.
 7

Lista de referencias

Material de estudio https://sena.territorio.la/content/index.php/institucion/Titulada/

institution/SENA/Tecnologia/228118/Contenido/OVA/CF6/index.html#/

Sitio web:
https://www.bloggersideas.com/es/mockflow-vs-moqups/

Sitio web:
https://app.moqups.com/lbrRI53c3OBqQEyOQ7oMQC2eSUBu8mG4/edit/page/
a880590a1