DESARROLLAR EL PROTOTIPO FUNCIONAL

13 DE FEBRERO DE 2021
JEFERSSON GABRIEL ZAMBRANO ARTUNDUAGA
Tecnólogo Producción Multimedia
SENA CENTRO COMERCIO Y SERVICIOS
REGIONAL ATLANTICO

Tabla de Contenido
 2

Introducción.....................................................................................................................................3
Prototipo Funcional.........................................................................................................................4
Lista de chequeo.............................................................................................................................10
Acta de acuerdo..............................................................................................................................11
Bibliografía.....................................................................................................................................13
 3

Introducción

El diseño de una página web necesita de varias fases y dentro de ellas encontramos la realización de
un boceto y presentar el prototipo con su funcionalidad en el presente trabajo se entrega el prototipo
en balsamiq y el enlace de la página funcionando.

Por eso la implementación del desarrollo del prototipo funcional para el Workout Gym, en el cual
después de haber creado bocetos de diseño y maquetación, se vio la necesidad de presentar el
modelado completo del cual va a quedar creada la página web en un producto final.
 4

Prototipo Funcional
5
6
7
8
9
 10

Lista de chequeo

Misión
Visión
Acta de Quienes Somos acuerdo
Inicio: Planes y Servicios
Promociones
Nutrición
Programas
Tarifas
Nombre de Usuario
Inicio Sesión: Contraseña
Ingresar
Ciudad
Tipo de Clase
Clases: Horario
Instructor
Noticias
Sedes: Álbum fotográfico
Nombre
Apellidos
Correo
Contacto: Numero de Celular
Ciudad
Asunto
Mensaje

Conclusión

Para concluir, los wireframes son una parte importante del trabajo de diseño de productos digitales,
los wireframes supera la de un primer acercamiento a la estructura visual del contenido, en el
desarrollo de este informe demostramos como se puede interpretar la información presente en los
diseños realizados por medio de Balsamiq Mockups, para posteriormente, se utilizados como fuente
de información para codificación de una pantalla real.
 11

Bibliografía

Material de apoyo SENA.

 https://sena.territorio.la/content/index.php/institucion/Titulada/institution/SENA/Tecnologi
a/228101/Contenido/OVA/AP4/Introduccion_a_Balsamiq/docs/introduccion_balsamiq.pdf