Deconstrucción de una interfaz gráfica

 

Para entender como funciona una web y poder empezar a pensar en como construir una tu mismo, es un muy buen ejercicio deconstruir y reconstruir una ya existente, con el propósito de analizar aquello que sucede en ella.

Se nos proponía el análisis de la web de Airbnb como ejercicio para comprender los componentes, desde los más básicos como saber como se organiza la rejilla o que símbolos se usan hasta la interactividad y los flujos a través de la propia web. Para empezar a diseñar un prototipo es conveniente el crear un manual que recoja y contenga la información sobre la que vamos a trabajar, un manual de estilo que contenga los elementos principales, un UI Kit.

El paso lógico después del manual es la construcción del sitio, pero hemos de tener presente que nuestro diseño no va a comportarse igual en cualquier dispositivo. Nuestro diseño ha de ser responsive, es decir, adaptable a los diferentes anchos de las interfaces en las que se pueda llegar a presentar, por ello para la realización del ejercicio plasmaremos nuestro diseño en 3 dispositivos diferentes para poder ver como ver comporta nuestro proyecto a diferentes saltos o breakpoints.

Por último, nuestro diseño ha de poseer interactividad, el usuario ha de poder moverse libre e intuitivamente por la web que creemos, para ello hemos de añadirle correctamente flujos a nuestra interfaz, para poder navegar por las diferentes páginas que esta posea.

Para ilustrar lo explicado y, como se nos pide, adjuntaré a continuación un video mostrando los prototipos y adjuntaré debajo un enlace a los mismos.

 

 

https://www.figma.com/file/v49AmTKxl0nIEPRl6GIVZp/Untitled?node-id=0%3A1 

Deja una respuesta