Prototipado

En la semana 2 del curso MOOC de Idesweb nos ocupamos del Prototipado de una página web.

El proyecto que vamos a desarrollar es una web tipo flicker, pero de "juguete".

Después de visualizar los videos de la semana y leer los requisitos de la web me propongo el realizar el prototipado de la web siguiendo el esquema general que adjunto:

He seguido el método de Jesse James Garrett, ojo no es el de toma el dinero y corre, se trata de un vocabulario visual para realizar diagramas de contenido o de flujo.

Este esquema da una idea general de como nos movemos dentro de la web. El siguiente paso es realizar una maqueta de Baja fidelidad. empezaré por el Scketch o boceto a mano alzada de las distintas páginas web.

En un proyecto real utilizaría una hoja por boceto, para mayor claridad. Pero como lo que se lleva sos los recortes, así se queda.

El siguiente paso sería realizar un wireframe. Bocetos realizados en escala de grises, con un editor de imágenes como photoshop o Gimp, donde se tiene en cuenta la distribución, dimensiones y una explicación de los contenidos.
Como esta parte necesita su tiempo, la dejaré para más tarde. continuará.