sucesosehistorias.files.wordpress.com · Universidad EAFIT , de Youtube y Moovly (página que...
Transcript of sucesosehistorias.files.wordpress.com · Universidad EAFIT , de Youtube y Moovly (página que...
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: