¡Hola! Adjunto a continuación tanto el documento del caso de estudio para la última entrega de la asignatura así como el enlace al prototipo.

Enlace: https://xd.adobe.com/view/730dc69e-5ed2-4b4c-82a8-0fa589bc027e-265e/

Muchas gracias

Us comparteixo PDF del Cas d’estudi i l’arxiu dels prototips i User Kit de Compresflow duts a terme amb XD.

Prototips Compresflow

¡Hola!

Os adjunto por aquí el dossier donde detallo el proceso de diseño de la nueva interfaz para la cocina.

Adicionalmente, añado el video explicativo del funcionamiento de la interfaz.

Aquí us deixo document i vídeo de la PEC Disseny Centrat en l’Usuari en els objectes quotidians.

Vídeo Disseny Centrat en l’Usuari en els objectes quotidians

Hola!

A continuación voy a mostrar el dossier explicativo del proceso llevado a cabo para diseñar la cocina de inducción.

Puesto que no se seguro si el enlace se abre adecuadamente en el dossier, lo adjunto aquí también:

https://www.figma.com/file/2Lnnjnr9lc59xUIE4Zw9mm/PEC-3—Cocina-Inducci%C3%B3n—Balay?node-id=36%3A243

Por último, adjunto el vídeo donde explico la interacción realizada en los dos escenarios que han sido escogidos en el dossier:

Video_Prototipo_Inducción

¡Gracias!

Deconstrucción de una interfaz gráfica

The Guardian es un sistema complejo desde la arquitectura de la información, es un sitio con muchas secciones, enlaces, categorías y niveles. Identificar los componentes con los elementos que permiten sistematizar el sitio es el reto de esta actividad. La estructura de la página principal son módulos que se clasifican en secciones y básicamente se repiten a lo largo de la página con algunas modificaciones particulares, como por ejemplo, el manejo de color en los titulares, la línea de cada noticia y en algunas ocasiones el fondo y el conteo de los comentarios.

La estructura en los tres breakpoints es la misma, lo que cambia es la disposición y el tamaño de los componentes en el ancho de la pantalla. La jerarquía en la información de la sección se define de acuerdo a la imagen y el titular de cada noticia. Una vez identificados los elementos y la estructura del sitio, el paso más complejo es el diseño y funcionamiento del menú con sus niveles para las tres resoluciones.

The Guardian web  /  The Guardian iPad  /  The Guardian iPhone

Reproductor de vídeo

Media error: Format(s) not supported or source(s) not found

Baixa el fitxer: https://media.folio.uoc.edu/private/wp-content/uploads/sites/1169/2021/11/26023858/Perez_Lina_Video_Compresflow.mp4?Expires=1745771071&Signature=tt0RetdTc14qoRRs29FmNN8KUyCj5WumpF6pqNFmtFcJFa0dAmQpL9D5%7ESRO7YXCHxcYwNFnEVC1G35VGkGrXzTZ0M7aIjUBhWuNniK8Gc9DuKOo6R%7EBkbCthI-SkNOabTVR8WjQea19n1DFU55nUlcTUnzybvoLBivZ0hgtzLsW2z98mE8czMBqf6az2o6Rnjq-JN5-rY8p8rk3rcdDmoO5egOds0i1vl0skGjGuLXzjADdC%7ERZGkEDUcHJuEZcuPzd8Qqw4u6esdF7%7ExfLH-jjL2upco7-ptxTZShkfwO1%7EJ-zo5xU8yMfPaw5gYjKBFTcNGdmYHUH7rKIgEQ5LQ__&Key-Pair-Id=K3T7EYR9NMFURT

00:00

00:00

00:00

Feu servir les tecles de fletxa cap amunt/cap avall per incrementar o disminuir el volum.

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

Compresflow es una herramienta web que permite comprimir imágenes en formato JPG y PNG.

Dentro de sus funcionalidades se encuentra el panel de fotografías que permite cargar y administrar varias imágenes. Desde el panel de herramientas se puede escoger el formato, cambiar el tamaño y recortar la foto. En el área de trabajo se puede previsualizar la compresión comparando la calidad y el peso de la original con la optimizada, también permite hacer zoom para ver el detalle y el tamaño de la imagen de salida.

Para terminar, Compresflow hace parte de la familia Webflow por eso se tuvo en cuenta las directrices de la marca. El diseño del sistema está pensado para que un futuro cercano se puedan incorporar nuevas herramientas.