Hola, muy buenas noches:

Lo primero, dejo los enlaces de los prototipos públicos de los prototipos:

• UI Kit + Desktop: https://www.figma.com/proto/hG8pQIqfUW7qFV55oTObfO/The-Guardian-_-UI-kit-%2B-prototypes?page-id=0%3A1&node-id=4%3A541&viewport=241%2C48%2C0.08&scaling=scale-down-width&starting-point-node-id=4%3A541&show-proto-sidebar=1
• Tablet: https://www.figma.com/proto/hG8pQIqfUW7qFV55oTObfO/The-Guardian-_-UI-kit-%2B-prototypes?page-id=1%3A2&node-id=40%3A7198&viewport=241%2C48%2C0.23&scaling=scale-down&starting-point-node-id=40%3A7198&show-proto-sidebar=1
• Phone: https://www.figma.com/proto/hG8pQIqfUW7qFV55oTObfO/The-Guardian-_-UI-kit-%2B-prototypes?page-id=1%3A3&node-id=40%3A10213&viewport=241%2C48%2C0.18&scaling=scale-down&starting-point-node-id=40%3A10213&show-proto-sidebar=1

La verdad es que la práctica me ha resultado muy interesante y profunda. Tal vez demasiado profunda y larga por mi parte, dado que me ha pillado el toro y he invertido más de 60 horas delante de Figma y he acabado media hora después de la fecha de entrega.

No sé sí he sido muy excesivo a la hora de replicar la interfaz y he ido demasiado profundo, pero en las adaptaciones he tenido que sacrificar partes de la web y no reproducir todo porqué lo veía inviable. También había confiado en los componentes de Figma para crear un siguiente nivel de interactividad, sobre todo para los estados y he descubierto que sólo funciona en Beta y, aunque he mandado varios correos a la gente de Figma, pues nada, todo el trabajo de componentes no se ha lucido lo que esperaba.

Espero que lo entiendas Laura y que para la próxima PEC pueda encarar y manejar todo mejor.

Muchas gracias.

Disfrutad de una maravillosa noche.

Saludos.

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

Prototipo versión Web

Prototipo versión Móvil

Prototipo versión Tablet

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

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

Un saludo