Espacio Personal

Categoría: Uncategorized

PEC 03 – Diseño de una interfaz gestual o conversacional

Hola a todos. Aquí os dejo el trabajo que he realizado para la práctica 3 de la asignatura de interfaces. En mi caso he optado por una interfaz conversacional.

También adjunto el enlace al material desarrollado en esta práctica:

https://drive.google.com/drive/folders/16lLsavrso9DBIF0yQVuaepIvHgbtpNd_?usp=sharing

Muchas gracias!

PEC 02 – Diseño y sistematización de una interfaz gráfica

Hola a todos!

En esta entrega de la asignatura de Prototipado, a diferencia de la primera, he diseñado un prototipo funcional basándonos en el briefing de Compresflow, una nueva aplicación que permite gestionar y comprimir fotografías dentro del universo Webflow. Para ello, comencé diseñando un UI Kit que contiene los principales elementos, componentes y reglas del prototipo y luego diseñé prototipos para la aplicación tanto en formato Escritorio como Móvil.

Aquí os adjunto el enlace al prototipo en vivo:  enlace

Además, os adjunto un video explicativo donde detallo el flujo para los dos casos de uso mencionados.

Cargando...

Muchas gracias!

PEC 01. Deconstrucción de una interfaz gráfica

Para esta primera entrega de la asignatura de Prototipado, hemos analizado una página web en sus distintas modalidades y la hemos reconstruido haciendo uso de software de wireframe. Esta actividad nos ha permitido poder entender cómo se esquematizan las aplicaciones web y qué relaciones y similitudes existen en sus distintos breakpoints (web, móvil y tablet).

En mi caso, he optado por la página web de elPeriódico haciendo uso de la aplicación Adobe Xd. A continuación, se muestran algunas imágenes de los resultados obtenidos:

UI Kit

Cargando...

Prototipo versión Web

Cargando...

Prototipo versión Móvil

Cargando...

Prototipo versión Tablet

Cargando...

 

Finalmente, adjunto el enlace al prototipo en vivo de Adobe Xd:

https://xd.adobe.com/view/d464a3f2-c2d2-49eb-9c97-ae8b47e18402-8137/

 

Un saludo