Justificación del Wireframe de Pedro Pablo Urrego:

El Wireframe que desarrollé lo hice basándome en la diagramación de la página web de la

Universidad EAFIT , de Youtube y Moovly (página que propuse al inicio de la bitácora).

En primer lugar me gustó la diagramación, en cuanto a los botones del menú inicial de la página

Moovly, pues estos se encuentran distribuidos de manera uniforme y horizontal en la parte

superior de la página.

De esta misma forma se encuentran los botones principales del menú de EAFIT, y teniendo en

cuanta que el proyecto sirve para la página del pregrado, el diseño y la diagramación no debe estar

muy lejos de lo que ya tiene la universidad. Según Alejandro Cardenas, Administrador de

contenidos digitales de EAFIT, es importante llevar una diagramación parecida a la de la página de

la universidad, pues si el proyecto que estamos desarrollando va para la página del pregrado, ésta

no deberá desubicar al usuario de la navegación y arquetipo de la página que ya conocía y había

recorrido hasta llegar a la nuestra. Por esto los botones del menú principal lo ubiqué en el mismo

lugar en el que se encuentra el de la universidad. Le di prioridad a lo más importante en orden y

en sentido de Izquierda a derecha y de arriba abajo a la información, contenidos y botones, tal

cual como nos lo enseñó y recomendó la profesora Alejandra Montoya.

Como nuestro proyecto queremos presentar videos del pregrado y del perfil que ofrece, entonces

lo que debe sobresalir en la página debe ser el video, por eso en mi Wireframe coloqué la imagen

que representa al video en un tamaño muy grande y sobresaliente; lo ubiqué al lado superior

izquierdo de la página, en la ubicación donde la profesora nos mostró que las personas ven

inmediatamente, según estudios ya hechos. Si nos devolvemos a las imágenes anteriores de

Moovly y EAFIT vemos que ellos tienen esto mismo; los videos e imágenes tienen un tamaño

sobresaliente y están ubicados en la parte superior e izquierda de la página.

La barra de información, y la de submenús (cuando los hay) las coloqué al lado de los videos, en la

parte derecha y tomé como base las paginas anteriores.

Además de referencia adicional de la barra información, submenús y del tamaño de los videos la

hallé en Youtube:

Por último, lo que contiene mi diseño de Wireframe en la parte inferior, es una barra donde está

el botón “Acerca de nosotros”, pues la profesora nos recomendó que fuera en un lugar alejado del

menú principal. Además encontré esa misma ubicación del “Acerca” de las páginas en los

referentes anteriores: