MATERIAL DE APRENDIZAJE

DISEÑO

1. GENERALIDADES

Cuándo:

2018 y 2019

Problema:

Siendo docente me encontraba haciendo distintos ejercicios en salonen de clases con estudiantes que llevan ritmos de aprendizaje diferentes. Para mostrar algunos conceptos, algunas veces tenía poco poco tiempo, y en algunas ocasiones los salones tenían limitaciones técnicas.

Enfoque:

Decidí desarrllar unos ejercicios de diseño en unas series de tutoriales paso a paso. En estos, empiezo haciendo wireframe, sigo con el prototipo y muestro poco a poco cómo pasar del prototipo al código del sitio web. Al final, muestro cómo hacer el subir el proyecto al servidor.

Los siguientes son un par de ejemplos de ejercicios de diseño responsive:

2. EJERCICIOS

BAMBÚ ECO TURISMO

Diseño web para una agencia de ecoturismo en Colombia.

El diseño y wireframe pueden ver a continuación:


TIENDA DE CAFÉ Y TÉ

Diseño web para una tienda de café y té.

El diseño y wireframe pueden ver a continuación:


3. LO QUE APRENDÍ CON ESTOS PROYECTOS

Cuando descubrí las posibilidad del aprendizaje invertido, decidí crear tutoriales online para que mis estudiantes desarrollaran en sus casas.

Este proceso fue absolutamente satisfactorio porque desde que empecé a mostrarles tutoriales, vi en los estudiantes una mejora dramática en su proceso, la calidad de su trabajo y mayor claridad en los conceptos de la clase.