About this App
Dit deel van de applicatie is gemaakt om toe te lichten hoe ik de technologieën heb gebruikt en wat mijn doelstellingen waren.
Wat wordt er toegelicht?
- De user stories en acceptatiecriteria die als leidraad dienden voor de ontwikkeling.
- De wireframes die zijn gebruikt voor het visuele ontwerp.
User Stories & Acceptatiecriteria
Films Ontdekken
Als filmliefhebber, wil ik door de filmcollectie kunnen bladeren, zodat ik nieuwe en interessante titels kan ontdekken.
Acceptatiecriteria:
- Gegeven dat ik op de filmoverzichtspagina ben, dan zie ik een lijst met films, opgedeeld in meerdere pagina's.
- Gegeven dat ik op de filmoverzichtspagina ben, dan kan ik navigeren naar de volgende en vorige pagina's.
- Gegeven dat ik op een film in de lijst klik, dan word ik naar de desbetreffende filmdetailpagina geleid.
Specifieke Film Vinden
Als filmliefhebber, wil ik op titel kunnen zoeken, zodat ik snel een specifieke film kan vinden.
Acceptatiecriteria:
- Gegeven dat ik een film wil zoeken, dan is er een duidelijke zoekbalk beschikbaar.
- Gegeven dat ik een titel zoek, dan krijg ik een lijst met films te zien die aan mijn zoekopdracht voldoen.
- Gegeven dat ik zoek naar een titel die niet bestaat, dan krijg ik een melding dat er geen films zijn gevonden.
Accountbeheer
Als nieuwe gebruiker, wil ik me kunnen registreren en inloggen, zodat ik persoonlijke functionaliteiten kan gebruiken.
Acceptatiecriteria:
- Gegeven dat ik geen account heb, dan kan ik via een registratieformulier een nieuw account aanmaken.
- Gegeven dat ik inlog met de juiste gegevens, dan zie ik een welkomstbericht en ben ik ingelogd.
- Gegeven dat ik ben ingelogd, dan kan ik via een knop weer uitloggen.
Favorieten Bijhouden (Watchlist)
Als ingelogde gebruiker, wil ik films kunnen toevoegen aan en verwijderen uit een persoonlijke watchlist.
Acceptatiecriteria:
- Gegeven dat ik ingelogd ben op een filmdetailpagina, dan zie ik een knop om de film aan mijn watchlist toe te voegen.
- Gegeven dat een film al op mijn watchlist staat, dan zie ik een knop om de film te verwijderen.
- Gegeven dat ik ingelogd ben, dan kan ik via het menu naar een overzichtspagina van mijn watchlist navigeren.
Profielbeheer
Als ingelogde gebruiker, wil ik mijn profielgegevens kunnen aanpassen en mijn account kunnen verwijderen, zodat ik controle heb over mijn persoonlijke informatie.
Acceptatiecriteria:
- Gegeven dat ik naar mijn profielpagina navigeer, dan zie ik mijn huidige gegevens in een formulier.
- Gegeven dat ik mijn gegevens succesvol wijzig, dan zie ik een succesmelding en zijn mijn gegevens bijgewerkt.
- Gegeven dat ik mijn e-mailadres wijzig naar een adres dat al in gebruik is, dan zie ik een duidelijke foutmelding.
- Gegeven dat ik op de 'Delete Account' knop klik, dan verschijnt er een pop-up die om bevestiging vraagt.
- Gegeven dat ik de verwijdering bevestig, dan wordt mijn account verwijderd en word ik uitgelogd.
Wireframes
Hieronder staan de wireframes die als visuele blauwdruk voor de applicatie hebben gediend.
Het ontwerp van de homepagina focust op een visuele introductie met een duidelijke call-to-action knop om de films te bekijken.
Een overzichtelijke grid-layout toont de filmcollectie. De prominente zoekbalk en paginering bovenaan en onderaan maken het navigeren door een grote hoeveelheid films eenvoudig en intuïtief.
Deze pagina bundelt alle belangrijke informatie over één film. De toevoeging van "Gerelateerde Films" stimuleert verdere verkenning van de collectie binnen hetzelfde genre.
Een minimalistisch en afleidingsvrij ontwerp voor het inlogformulier. Het ontwerp focust puur op de taak om de gebruiker snel toegang te geven tot zijn of haar account.
Het registratieformulier is ontworpen om helder en eenvoudig te zijn, waardoor het voor nieuwe gebruikers laagdrempelig is om een account aan te maken.
Dit is de persoonlijke ruimte van de gebruiker. Het ontwerp is bewust simpel gehouden, met de focus op de films die de gebruiker zelf heeft toegevoegd aan de watchlist, dit hergebruikt de pagina formaat van de movies pagina.