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

La practica consistio en la elaboracion de un sistema visual para la interfaz d euna plataforma de acortamiento de url. Para esto se trabajo en un design sistem basado en un concepto limpio y moderno.

Enlace al prototipo PC:  Enlace 1

Enlace al prototipo m´´ovil: Enlace 2

Video que resume ambos flujos:

Cargando...

Deconstrucción de una interfaz gráfica

El proyecto consistio en la decostrucción gráfica de las plataformas web de Airbnb. Para esto se trabajo incialmente identificando los fundamentos de la interfaz y a partir de ahi se construyeron los elementos basados en la metodología de diseño átomico, con atomos, moleculas, organizmos y plantillas los cuales fueron dotados de interactividad posteriormente, con el fin de crear prototipos de alta fidelidad que representará el flujo inicial de compra y pago que realiza el usuario.

Este prototipo se construyo con base en 3 breakpoints:

  • Escritorio
  • Tableta
  • Móvil

Para esto se organizo el archivo en diversas páginas que contiene los elementos necesarios.

Pueden encontrar los prototipos aquí:

En el siguiente video podrán observar la interacción de los 3 breakpoints.

Cargando...

 

Diseño de una interfaz conversacional

Link al diseño de figma: https://www.figma.com/file/mDzsaOsXCuXQGuWoEN9kOo/VIU-Spark?node-id=0%3A1

Link al prototipo de figma:  https://www.figma.com/proto/mDzsaOsXCuXQGuWoEN9kOo/VIU-Spark?page-id=0%3A1&node-id=0%3A1&viewport=241%2C48%2C1&scaling=scale-down&starting-point-node-id=2%3A2

Árbol de Contenidos

Para construir el árbol de contenidos primeramente se hizo un card sorting con 15 personas de diferentes rangos de edad y nacionalidades, con el fin de simular la población de la UOC. La organización del contenido fue tan variada que se decidio realizar un Tree Testing con el fin de validar árbol de contenido que se obtuvo del card sorting. En este último tambien participaron 15 personas, y se obtuvieron unos pequeños cambios a realizar en el árbol de contenido propuesto en la actividad uno, sin embargo en promedio tuvo bastante éxito.

Arq. de la Información | Conceptualización de la Interacción

Hola,

Escogi este escenario porque considero que para el profesor esta aplicación podría ser de gran utilidad para conectar aun mas con los alumnos e incluso con otros profesores. Brindandole una nueva herramienta para compartir el contenido y además hacerlo de una forma interactiva. Por lo que este proceso comprende desde la búsqueda de la información necesaria hasta un seguimiento despúed de la utilización de una de las funciones destinadas a esto.