Rediseño de Opencourseware

Trabajé en el diseño de un sitio web que publica cursos gratuitos y abiertos en línea. OCW es las siglas en inglés de oferta de cursos abiertos y forma parte de un consorcio mundial. Muchas universidades e instituciones educativas de todo el mundo tienen sus sitios OCW. Recientemente la idea de educación abierta se ha ampliado mucho más que cursos, por lo que parte de nuestro trabajo fue actualizar el sitio web, por el cambio ya mencionado. Es decir, el sitio web se debe actualizar para publicar recursos abiertos, no sólo cursos completos.

Jerarquía de la información

El proyecto comenzó con la inclusión de la nueva sección y sus contenidos en la arquitectura de la información actual. Los principales cambios fueron la reorganización del menú y la adición de los elementos de recursos a lo largo de la navegación. La idea es permitir que los usuarios naveguen desde la página de inicio y también tengan páginas de listados para ambos tipos de contenido (curso y recursos). La página de cursos se ha mejorado para navegar fácilmente por contenido y recursos.

Los wireframes se pueden ver aquí en un prototipo rápido creado usando Axure.

Composiciones de alta fidelidad

Después de definir las necesidades del proyecto y la jerarquía de información, se hicieron las pantallas de la inferfaz en alta definición.

Diseño responsive (diferentes tamaños de pantalla) de la página principal

Diseño de la página de cursos

Diseño del archivo de recursos

Tema de WordPress

El diseño sirvió para personalizar un tema existente de WordPress, que sirvió para hacer la visualización de los contenidos más eficiente y amigable, y además que los usuarios del sitio pudiera editar y actualizar el contenido fácilmente.

Herramientas utilizadas

• Wordpress

• Adobe illustrator

• HTML / CSS / JavaScript

• Diseño Responsive

• UI/UX Design Principles