Skip to content

Interactie verantwoorden

OniWithTheHoodie edited this page Jun 21, 2024 · 4 revisions

Ratings

Wat is de bedoeling van deze ratings ?

Het posten van Data naar de database is het de bedoeling dat je een huis kunt beoordelen van 1-5.

  • Je moet kunnen hoveren over de sterren
  • klikken op de sterren zodat je ziet welke ster is gedrukt
  • Pleasurable effect waar de ratings groter wordt naast het hover
  • Na het klikken van de sterren wordt de beoordeling verstuurd naar Directus.

Is Het duidelijk ?

Het is duidelijk wat er moet gebeuren maar qua interactie is het niet duidelijk. Er spelen wat bugs

  • Je kunt hoveren
  • Als je over de sterren hoverd worden de steren achteraan niet mee gehoverd
  • Als een ster geselecteerd is blijft de hover niet staan op de beoordeelde ster
  • focus scaling met een kleine pleasurable feel waar de ster groter wordt is te zien
  • Posten van de rating werkt

Het is al in al niet helemaal duidelijk qua visuele interactie

Geselecteerde ster

image

Opgeslagen in de database

image

Loading & succes state

Ik heb hiervoor een button gemaakt met loader en succes state voor de ratings van de score pagina van Yu Jing. Als er beoordeeld wordt op de ratings van Yu jing dan krijg je de loading en succes state.

Het is duidelijk wat er moet gebeuren.

  • de sterren hoveren mee
  • Je kunt zien welke is geselecteerd
  • Met de button verstuur je alle gecategoriseerde ratings
  • Je krijgt een loading state
  • Een Succes state

Button om ratings op te slaan

image

**Geselecteerde sterren **

image

Loading state

Gebeurd als er een ster is geselecteerd krijg je een draai animatie voor de gebruiker om te laten zien dat er wat gebeurd met de post.

image

Succes state

Nadat de ratings verzonden is krijg je een check dat het verzonden is na de post goed voor de gebruiker om te weten dat het succesvol verlopen is.

image

Opgeslagen in de datebase

De ingevoerde rating wordt opgeslagen in Directus nadat het verzonden is

image

Clone this wiki locally