Want to make creations as awesome as this one?

Si una imagen vale más que mil palabras un prototipo vale más que mil reuniones

Transcript

Tarea 4

Tarea 3

Tarea 2

Tarea Ud.8 Esquemas, bocetos, prototipos

Tarea 1

Realizar un boceto o sketch

Realizar el prototipado de baja fidelidad boceto para una página web que trate sobre un negocio relacionado con la renaturalización. (Pensar antes que nada que tipo de negocio u organización) Este sitio deberá tener una página principal con un logo que desde cualquier página del sitio enlace con esta página principal. Tendrá una cabecera un cuerpo principal y un pie o footer. En la cabecera tendrá dos botones uno para registrarse que enlazará con un formulario para este cometido, el otro para Iniciar sesión se abrirá en la misma página principal para introducir usuario y contraseña.

Tarea2

Realizar un wireframe del boceto creado en la tarea anterior utilizando la herramienta https://moqups.com/es/ que permite compartir el prototipo podéis enviarlo a mi correo. Tener en cuenta los objetivos y consejos para los wireframes indicados en la presentación. Deberá incluir la navegación por ejemplo si hay un botón de registro que al hacer clic vaya al wireframe de registro.

Realizar un Wireframe

Realizar un wireframe del boceto creado en la tarea anterior utilizando la herramienta https://moqups.com/es/ que permite compartir el prototipo podéis enviarlo a mi correo. Tener en cuenta los objetivos y consejos para los wireframes indicados en la presentación. Deberá incluir la navegación por ejemplo en el botón de registro al pulsarlo que enlace con el wireframe de registro.

Realizar un Mockup

Con un programa de Edición realizar el Mokup del sitio web para indicar colores de fondos, de texto, tipografías para títulos para texto, otras, tamaño de fuentes.Concretando lo diseñado en el wireframe de una forma visual y estática, sin definir funcionalidades

Realizar un Mockup

Teniendo como base los prototipos de las tareas anteriores realizar la pagina web de la empresa en HTML5 y CSS3 teniendo en cuenta los requisitos de accesibilidad y usabilidad vistos en temas anteriores