Com podeu veure he escollit la pantalla d’una de les meves cançons preferides de Manel. M’he trobat diversos problemes que no he aconseguit resoldre per a la entrega i que han fet que el prototip sigui millorable. El primer d’ells és el fet de que no he aconseguit trobar la forma de tenir l’event de hover i el de click alhora en el botó de pausa/play. Es canvia l’icona del botó de forma correcte peró no he trobat com aplicar-li el shadowing alhora de passar el dit/ratolí pel cim. El següent problema és el fet de que tant la barra de progrés de la lletra de la cançó són estàtiques. Per aquest problema no he sapigut com enfocar-lo per resoldre’l. Per últim per tal de controlar l’estat del botó de play he requerit de dues variables a les que he anomenat isPlaying i isNotPlaying. Inicialment vaig intentar-ho fer dependre tot d’una sola variable però no vaig aconseguir controlar la visibilitat en funció del negat d’una d’elles. 

He trobat que l’aplició té poca consistencia amb els tamanys de lletra i sobretot amb els espaiats entre elles. Molts tamanys de lletra diferent que segurament tenen sentit però si que l’espaiat entre elles m’ha sorprés. Alhora de buscar les icona hi han petites diferències que fan que es vegin lleugerament diferents entre elles i que algunes siguin més fines i arrodonides i altres més gruixudes. Aquest problema és solucionable si es disposa d’un dissenyador gràfic que et gestioni tota la iconografia i et generi una paleta d’icones personalitzada. 

Us deixo a continuació una petita demo: 

I el link al prototip: 

Prototip!

¡Hola compañeros/as!

Os comparto mi prototipo de Spotify, en él podréis observar las siguientes funcionalidades:

• Reproducción: Play/Pause
• Detalle: Menú Overflow/Meatballs
• Hacer scroll por la pantalla

Como ejemplo, he escogido la canción «Si Me Muero» de Rels B.

Adjunto las pantallas que he tomado como réplica:

Dejo un vídeo que enseña el funcionamiento del mismo:

A continuación dejo el link para el acceso al prototipo interactivo de Figma: LINK PROTOTIPO