Publicado por

Prototipo Spotify / App Reserva

Publicado por

Prototipo Spotify / App Reserva

En primer lugar, se llevó a cabo la creación de un UI kit específico para Spotify, abordando la necesidad de contar con…
En primer lugar, se llevó a cabo la creación de un UI kit específico para Spotify, abordando la necesidad…

En primer lugar, se llevó a cabo la creación de un UI kit específico para Spotify, abordando la necesidad de contar con un sistema de diseño coherente y versátil. Este kit proporciona una guía detallada sobre los elementos de la interfaz de usuario, incluyendo botones, tipografías y microinteracciones, asegurando consistencia visual y funcional en todas las interacciones del usuario con la plataforma.

 

Link al prototipo interactivo

 

Además, se desarrolló un prototipo de baja fidelidad para una aplicación de reserva de salas, destinada a facilitar la planificación y utilización de espacios para eventos en el contexto de Spotify. Este prototipo permitió validar rápidamente la viabilidad de la idea, centrándose en la funcionalidad antes que en los detalles visuales.

 

Link al prototipo interactivo

Debate0en Prototipo Spotify / App Reserva

No hay comentarios.

Publicado por

REPTE 2

Publicado por

REPTE 2

El treball realitzat en relació a l’anàlisi de l’aplicació d’Spotify i la creació d’un prototip de baixa fidelitat ha estat una experiència…
El treball realitzat en relació a l’anàlisi de l’aplicació d’Spotify i la creació d’un prototip de baixa fidelitat ha…

El treball realitzat en relació a l’anàlisi de l’aplicació d’Spotify i la creació d’un prototip de baixa fidelitat ha estat una experiència enriquidora que ha subratllat la importància d’una sòlida estructura de disseny per a l’escalabilitat i l’eficàcia en el desenvolupament d’experiències d’usuari.

Ions

Com a dissenyadors, reconeixem que els elements fonamentals per iniciar el procés de disseny són els colors i les formes. Aquestes bases són essencials per establir la primera paleta visual i definir les formes bàsiques que donaran estructura i personalitat al nostre treball creatiu.

 

 

Àtoms

En el disseny atòmic, els «atoms» són els elements bàsics o les unitats més petites que constitueixen un sistema de disseny. Aquests atoms solen ser les parts més simples i reutilitzables.


Molècules

En el context del disseny atòmic, les «molecules» són combinacions més complexes d’atoms, és a dir, agrupacions d’elements més petits que es combinen per formar components més grans i funcionals.

Prototip de baixa fidelitat

Link al prototip del sistema de diseny: https://www.figma.com/proto/EgWkm8fUAxeuhpix8FCAO7/Repte-2?page-id=501%3A816&type=design&node-id=501-817&viewport=381%2C201%2C0.22&t=xl0zeZPaoHvIkx7V-1&scaling=min-zoom&mode=design

Link al prototip de baixa fidelitat: https://www.figma.com/proto/EgWkm8fUAxeuhpix8FCAO7/Repte-2?page-id=489%3A125&type=design&node-id=498-1950&viewport=213%2C323%2C0.21&t=UYp8Kw5AMUFl42e9-1&scaling=scale-down&starting-point-node-id=498%3A1950&mode=design

Debate0en REPTE 2

No hay comentarios.

Publicado por

R2_Prototipado y construcción sistémica del diseño

Publicado por

R2_Prototipado y construcción sistémica del diseño

Para este segundo reto he realizado un pequeño UI kit de la aplicación de Spotify con todos los elementos que se nos ha pedido y posteriormente un prototipado de estos. Para la realización de este, primero he analizado los elementos de la aplicación acompañado de una investigación para poder conocer las pautas estéticas que Spotify sigue. Tras ello he comenzado a la creación de los componentes los cuales se han dividido según el Atomic Design y posteriormente el prototipado de…
Para este segundo reto he realizado un pequeño UI kit de la aplicación de Spotify con todos los elementos…

Para este segundo reto he realizado un pequeño UI kit de la aplicación de Spotify con todos los elementos que se nos ha pedido y posteriormente un prototipado de estos.

Para la realización de este, primero he analizado los elementos de la aplicación acompañado de una investigación para poder conocer las pautas estéticas que Spotify sigue. Tras ello he comenzado a la creación de los componentes los cuales se han dividido según el Atomic Design y posteriormente el prototipado de los que fueran necesarios.

Enlace: https://www.figma.com/file/88hP8r3MfOASEKzEmCw8kj/R2%3A-Prototipado-y-construcci%C3%B3n-sist%C3%A9mica-del-dise%C3%B1o?type=design&node-id=201%3A3&mode=design&t=nuXeQ1JT9PuEcFgv-1

Tras la realización de esto se ha pasado a la segunda fase de este proyecto que era la creación de unos Wireframes para una aplicación para que los trabajadores de Spotify puedan reservar diferentes salas de reuniones según sus características.

Para esta parte primero realice unos primeros bocetos con diferentes propuestas y finalmente seleccione los mas viables en cuanto a navegabilidad, sencillez y con mejor jerarquía en la distribución de los elementos.

Cargando...

Debate0en R2_Prototipado y construcción sistémica del diseño

No hay comentarios.

Publicado por

R2_Prototipado y construcción sistémica del diseño

R2_Prototipado y construcción sistémica del diseño
Publicado por

R2_Prototipado y construcción sistémica del diseño

INTRODUCCIÓN En este consistía en interiorizar el Atomic Design y representar los diferentes modelos y elementos en la app de Spotify mediante…
INTRODUCCIÓN En este consistía en interiorizar el Atomic Design y representar los diferentes modelos y elementos en la app…

INTRODUCCIÓN

En este consistía en interiorizar el Atomic Design y representar los diferentes modelos y elementos en la app de Spotify mediante un UI kit seguido de su prototipo e interacción. El UI kit nos permite observar los diferentes elementos de un entorno. Como están dispuestos y que características tienen. En este caso observamos tales como la forma, tipografía, iconografía y paleta de colores.

Consiste principalmente en desglosar una interfaz por bloques. Haciendo alusión directamente al Atomic Design y siguiendo las directrices marcadas.

Os dejo con el enlace al proyecto entero de figma:

https://www.figma.com/file/MfDZWu0M7XKmFdB2czVTVc/R2_Prototipado?type=design&t=VEseMOV4H5KZi6Wv-6

A continuación muestro en enlace al UI kit:

https://www.figma.com/file/MfDZWu0M7XKmFdB2czVTVc/R2_Prototipado?type=design&node-id=201-26&mode=design

Y dejo este último enlace hacia su prototipo e interacción:

https://www.figma.com/file/MfDZWu0M7XKmFdB2czVTVc/R2_Prototipado?type=design&node-id=302-698&mode=design

Más adelante, en la parte 2 de ese Reto, hay que realizar un prototipo de baja fidelidad. Es decir, una propuesta basada en Wireframes a cerca de cómo se realizaría una aplicación para la empresa de Spotify que consistiría en reservar salas.

Me basé en este Wireframe hecho a mano como idea inicial:

Os dejo con el vídeo mostrando  explicando el porque de este prototipo:

Debate0en R2_Prototipado y construcción sistémica del diseño

No hay comentarios.