Marco Terico

Cualquier actividad en el desarrollo de un sistema inevitablemente cambia las condiciones del

entorno en el que el sistema va a funcionar. Las metodologas de desarrollo de sistemas deben
tener en cuenta que el usuario, sus necesidades y contexto, cambian durante el proceso. -
Daniel D. McCracken y Michael A. Jackson, 1982

Daniel D. McCracken y Michael A. Jackson desarrollaron varios mtodos para desarrollar

sistemas, y ellos planteaban que los requisitos del sistema no siempre se pueden afirmar
totalmente de antemano porque el usuario no los conoce. Y afirmar lo contrario es ignorar el
hecho de que el propio proceso de desarrollo cambia la percepcin del usuario de lo que es
posible, aumenta sus conocimientos del entorno de la aplicacin e incluso a menudo cambia el
entorno por s mismo.
 Marco Terico

La palabra prototipo tiene varios tipos de definiciones:

Un Prototipo es un ejemplar o primer molde en que se fabrica una figura u otra cosa.
Un prototipo perfecto y modelo de una virtud, vicio o cualidad.
Un prototipo tambin se puede referir a cualquier tipo de mquina en pruebas, o un objeto
diseado para una demostracin de cualquier tipo.
Un prototipo o prototipado puede ser un modelo del ciclo de vida del software, tal como el
desarrollo en espiral o el desarrollo en cascada.
Un prototipo de belleza es aquel modelo que en funcin de la historia ha ido variando sobre
cmo ha debido de ser el cuerpo de las personas, tanto en su forma como en su vestimenta.
Estos permiten testar el objeto antes de que entre en produccin, detectar errores, deficiencias,
etctera. Cuando el prototipo est suficientemente perfeccionado en todos los sentidos
requeridos y alcanza las metas para las que fue pensado, el objeto puede empezar a producirse.
Desarrollo Orientado a Prototipos

Un prototipo en software es un modelo del comportamiento del sistema que puede ser usado
para entenderlo completamente o ciertos aspectos de l y as clarificar los requerimientos... Un
prototipo es una representacin de un sistema, aunque no es un sistema completo, posee las
caractersticas del sistema final o parte de ellas.

Hoy en da los desarrolladores de estos lenguajes formales estn desarrollando entornos

interactivos que:

Permitan al analista crear interactivamente una especificacin basada en lenguaje de un sistema

o software.
Invoque herramientas automticas que traducen la especificacin basada en el lenguaje de
cdigo ejecutable.
Permitan al cliente usar el cdigo ejecutable del producto para refinar los requisitos formales.
Mtodos y herramientas para el desarrollo de los prototipos, para la seleccin de un enfoque
apropiado de creacin de prototipo.
Prototipo

Qu es un prototipo?

El supuesto lgico del diseo iterativo es que los

prototipos son construidos y evaluados para guiar el
rediseo y la mejora.

Un prototipo es una implementacin parcial, pero

concreta, del diseo de un sistema. Los prototipos
pueden ser creados para explorar muchas cuestiones
acerca del sistema durante su desarrollo.

En referencia a una interfaz de usuario se realizan

prototipos con la finalidad de explorar los aspectos interactivos del sistema incluyendo la
usabilidad, la accesibilidad y/o la funcionalidad del mismo.

El uso de los prototipos en el desarrollo de sistemas software no se limita slo a probar las
interacciones que los usuarios deben realizar, sino que son tiles tambin para otras actividades
que se realizan durante el proceso, como por ejemplo su gran utilidad en la fase de recogida o
anlisis de requisitos en cuanto que ampla y mejora y la informacin necesaria para el desarrollo
del sistema

Caractersticas
Las principales caractersticas de los prototipos son:

Son formidables herramientas de:

Comunicacin entre todos los componentes del equipo de desarrollo y los usuarios.

Participacin, para integrar activamente a los usuarios en el desarrollo.

Dan soporte a los diseadores a la hora de escoger entre varias alternativas.

Permiten a los diseadores explorar diversos conceptos del diseo antes de establecer
los definitivos.

Permiten evaluar el sistema desde las primeras fases del desarrollo (facilitan la
exploracin de ideas sobre nuevos conceptos tecnolgicos).

Son esenciales para la documentacin, tanto de conceptos funcionales del sistema como
de tareas concretas del mismo.

Son el primer paso para que ideas abstractas sean concretas, visibles y testeables.

Fomentan la iteratividad.

Mejoran la calidad y la completitud de las especificaciones funcionales del sistema.

Son herramientas de propsito general, pues sirven para comprobar la fiabilidad tcnica
de una idea, clarificar requisitos que quedaron indeterminados o ver cmo responde con el
resto de la aplicacin.
Ventajas y Desventajas de Prototipos

DESVENTAJAS DE LA ELABORACIN DE PROTOTIPOS:

Como en cualquier tcnica de recopilacin de informacin, la elaboracin de prototipos

tiene varias desventajas. La primera es que puede ser bastante difcil manejar la elaboracin de
prototipos como un proyecto en el esfuerzo de sistemas ms grandes. La segunda desventaja
es que los usuarios y los analistas podran adoptar un prototipo como si fuera un sistema final
cuando de hecho es deficiente y su propsito nunca fue el de servir como sistema terminado.

El analista necesita sopesar estas desventajas contra las ventajas conocidas al decidir si hace el
prototipo, cundo lo hace y de qu partes del sistema lo hace.

VENTAJAS DE LA ELABORACIN DE PROTOTIPOS:

La elaboracin de prototipos no es necesaria o apropiada en todos los proyectos de sistemas,

como hemos visto. Sin embargo, tambin se deben considerar las ventajas al momento de
decidir si se hace el prototipo. Las tres ventajas principales de la elaboracin de prototipos son
la posibilidad de modificar el sistema en las primeras etapas del desarrollo, la oportunidad de
suspender el desarrollo de un sistema que no sea funcional y la posibilidad de desarrollar un
sistema que se acerque ms a satisfacer las necesidades y expectativas de los usuarios.
Prototipado de baja Fidelidad
El prototipado de baja fidelidad es una manera
barata de proporcionar prototipos para su uso
en test y sesiones de diseo participativo. Baja-
fidelidad significa que los prototipos a utilizar no
tienen el aspecto real de la interfaz que se est
testeando, aun cuando operan de la misma
forma.

Caractersticas de un prototipo de baja fidelidad

1. Baratos
2. No requiere habilidades de programacin
3. til medio de comunicacin
4. Identifica mercado y requerimientos de usuario
5. Genera ideas de funcionalidad
6. Demostracin general del funcionamiento del producto

LOS WIREFRAMES
Cuando hablamos de wireframes de baja fidelidad nos referimos a una maqueta bastante
genrica, sin imgenes, sin contenido real y sin color, entre otros. Este tipo de wireframes se
aleja del detalle y es ms cercano a ser una base sobre la cual el diseo de interfaz se apropia
de ciertas decisiones.

Wireframes de baja fidelidad

Ventajas
Costes de desarrollo pequeos.
til para el diseo general de las interfaces.
De muy rpida creacin.
Se utiliza un menor tiempo de trabajo.
Permite correcciones rpidas.
Desventajas
Limitado para la correccin de errores.
Su utilidad disminuye cuando los requisitos ya estn bien establecidos.
Prototipado de Alta Fidelidad
El prototipado de alta fidelidad es un mtodo donde el prototipo utilizado para el test se
corresponde con la interfaz real en la mayor medida posible. Normalmente, y en particular para
interfaces de software, es otra herramienta de software la utilizada para maquetar la interfaz,
Dicha herramienta acepta entradas desde ratn o teclado, tal y como hara la interfaz real y
responde a esos eventos de idntica forma (mostrando una ventana en particular, un mensaje,
cambiando de estado, etc.).

Caractersticas de un prototipo de alta fidelidad

1. Un prototipo funcional
2. Evita malentendidos entre el proveedor y el cliente e incluso entre los propios miembros
del equipo.

3. Ayuda a especificar los requerimientos y a detectar inconsistencias o falta de

funcionalidad.
4. Usa materiales los reales (puede ser el trabajo a una escala ms pequea)
5. Permite realizar pruebas de usabilidad, como test con usuarios, en etapas tempranas
del proyecto.
6. Se evitan modificaciones posteriores mucho ms costosas cuando la aplicacin ya se
est implementando.

LOS WIREFRAMES
wireframes de alta fidelidad son una herramienta bastante potente para prototipar proyectos
complejos, ya que permiten un mayor acercamiento al resultado final. En ellos se utiliza
contenido real -dentro de lo posible- y pueden contener imgenes o color para especificar
llamados a la accin y puntos de decisin, conos, y otros elementos que aporten detalles.
En este tipo de wireframes, la interaccin y el contenido reinan por sobre la simpleza, lo que
permite entregar un trabajo ms acabado que permitir al cliente y al equipo multidisciplinario,
realizar correcciones conscientes y aterrizadas sobre el proyecto.

Wireframes de alta fidelidad

Ventajas
Permite un mayor detalle de interaccin.
Se acerca al contenido y esboza una estructura y funcionamiento realista.
Al presentar mayor detalle, requiere menor imaginacin del cliente para comprender el
prototipo.
Desventajas
Requiere un mayor tiempo de trabajo debido a su complejidad.
Puede confundir al cliente y desviar la atencin hacia el diseo si se utilizan elementos
de color y/o imgenes.
Conclusiones:
Los prototipos de alta fidelidad ayudan a que puedan a ver mal entendidos al momento de
entregar el proyecto final, as se pueden ahorrar costes de cambios despus de la entrega del
proyecto.
Los prototipos de alta fidelidad estn hechos de los materiales reales de construccin del
producto para que puedan ser testeado y se obtengan resultamos ms precisos al momento de
las pruebas
 Herramientas para hacer prototipos
Algo muy habitual en los equipos de desarrollo Web es dibujar maquetas de las pantallas de las
aplicaciones y sus elementos, de forma que podamos transmitir mejor la idea de lo que
queremos a los programadores que lo van a implementar. Esto es vlido tambin para los
clientes, que a veces no se hacen una idea de lo que les estamos contando si no lo ven dibujado.
Axure RP:
Es una herramienta de prototipado profesional que permite crear wireframes para hacer el pre-
diseo de una pgina web. Disponible tanto para plataforma Windows como Mac. Puedes
dibujar tanto wireframesestticos como interactivos que simulan una experiencia de navegacin
del usuario real. Tiene una funcin de colaboracin para compartir las maquetas Web con otras
personas y poder recibir feedback en tiempo real.

Visio:
Esta herramienta pertenece a la suite de Microsoft Office que se puede adquirir de forma
independiente de otros componentes de Microsost Office. Slo est disponible para equipos
que trabajen con Windows. Puedes crear varios tipos de proyectos visuales como diagramas de
flujo, diagramas de Venn, mapas y maquetas de sitios web (estndar y mvil), as como
prototipos de aplicaciones de software.
Lucidchart:
Lucidchart est diseado para ofrecer la mxima compatibilidad con otros programas, incluido
G Suite. Tambin somos la nica aplicacin web que ofrece apoyo completo para documentos
de Microsoft Visio. Al terminar tu trabajo, exprtalo a formatos de archivo estndar o publcalo
con nuestro prctico visualizador en lnea.
 Conclusiones

Los prototipos son documentos, diseos o sistemas que simulan o implementan

partes del sistema final.
El usuario debe tomar parte en el diseo y no ser mero espectador.
Un prototipo es una herramienta de diseo invaluable para probar ideas, aclarar
los requisitos e iniciar la entrada y retroalimentacin del usuario
Hay diversas tcnicas de implementacin de prototipos.
Los prototipos son fundamentales en el DCU (diseo centrado en el usuario)
porque ayudan a conectar a los usuarios con el sistema, aun cuando no est
acabado.

Los prototipos de alta fidelidad ayudan a que puedan a ver mal entendidos al
momento de entregar el proyecto final, as se pueden ahorrar costes de cambios
despus de la entrega del proyecto.
Los prototipos de alta fidelidad estn hechos de los materiales reales de
construccin del producto para que puedan ser testeado y se obtengan
resultamos ms precisos al momento de las pruebas
Los prototipos de baja fidelidad son recomendables hasta cierto punto, para su
uso hay que hacer un estudio a profundidad de a dnde queremos aplicarlo,
debido a que presenta limitaciones de su uso, sin embargo pueden ser de gran
ayuda en muchos casos.
Los prototipos de baja fidelidad no necesariamente estn por debajo de los
prototipos de alta fidelidad, esta tambin presenta algunas ventajas que los
prototipos de alta fidelidad no tienen.
 Bibliografa
https://es.slideshare.net/myjuankiz1/desarrollo-de-prototipos-5662958
DISEO DE SISTEMAS INTERACTIVOS CENTRADOS EN EL
USUARIO - EBOOK JOSE JUAN CAAS DELGADO , 2011
Preece, J. et al. (2002) Interaction Design
https://www.uxpin.com/studio/ebooks/guide-to-ux-design-process-and-
documentation/
http://www.sidar.org/recur/desdi/traduc/es/visitable/tecnicas/Low.htm

http://www.grihotools.udl.cat/mpiua/fases-mpiua/prototipado/categorias-
de-tecnicas-de-prototipado/

http://ict.udlap.mx/people/ingrid/Clases/IS426/Analysis/text67.htm

https://www.ida.cl/blog/diseno/caracteristicas-de-los-wireframes-de-baja-
y-alta-fidelidad/
https://www.ida.cl/blog/diseno/caracteristicas-de-los-wireframes-de-baja-
y-alta-fidelidad/
http://www.sidar.org/recur/desdi/traduc/es/visitable/tecnicas/High.htm
https://www.campusmvp.es/recursos/post/Herramientas-de-prototipado-de-
aplicaciones-Web.aspx
https://innolandia.es/11-tecnicas-para-hacer-un-prototipo-de-ideas-
innovadoras-en-24-horas/
https://www.lucidchart.com/