Player: user story, wireflows, wireframes

[julia-stevens]

Interactie

• Player: nummer afspelen, nummer stopzetten, progress van nummer zien

User story

Als [gebruiker] wil ik [functionaliteit], zodat [meerwaarde]

Player

User goal: Nummer kunnen beluisteren om te bepalen of je naar het programma wil luisteren

Als gebruiker van de website van Radio Veronica, wil ik het nummer dat live aan het afspelen is kunnen beluisteren, zodat ik kan kiezen of ik naar het programma wil luisteren

Wireflow

[julia-stevens]

Feedback van Robin @Robin1224

• Zet de verschillende states naast elkaar, en geef met een marker aan waarop wordt geklikt
• Verder ziet het er goed uit met titel en beschrijving
• Ook alle states beschreven (bv geen next knop, omdat het om een live nummer gaat)

[julia-stevens]

Wireflow in Figma

Zie link, kijk bij Sprint 5, Wireflow

[julia-stevens]

Bron player met JS: https://www.geeksforgeeks.org/create-a-music-player-using-javascript/

[julia-stevens]

Breakdown

[julia-stevens]

Bron generator input type="range": https://range-input-css.netlify.app/

[julia-stevens]

Plan: content player vullen met JS:

Bron: https://www.geeksforgeeks.org/create-a-music-player-using-javascript/