Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Design tips - beoordelings section #15

Open
Naddybs opened this issue May 26, 2024 · 1 comment
Open

Design tips - beoordelings section #15

Naddybs opened this issue May 26, 2024 · 1 comment

Comments

@Naddybs
Copy link

Naddybs commented May 26, 2024

Beoordeling section:

Schermafbeelding 2024-05-25 om 01 33 46

Problemen:

  • Er wordt onvoldoende gebruik gemaakt van kleur om belangrijke elementen te onderscheiden. (visuele hiërarchie)

  • De borders zijn recht en er is te weinig padding, wat een krap effect geeft en minder ruimte inneemt.

  • De elementen zijn niet logisch gegroepeerd, wat de gebruiksvriendelijkheid vermindert.
    Verbeteringen:

  • Gebruik kleur om te accentueren, benadruk belangrijke elementen om de leesbaarheid te verbeteren. Dit maakt het makkelijker voor gebruikers om te navigeren en te begrijpen waar ze naar kijken.

  • Rondere borders en meer padding: Dit zorgt voor een zachtere, vriendelijkere uitstraling en maakt de sectie visueel aantrekkelijker.

-Plaats "score" en "uw score" in één sectie naast elkaar. Dit zorgt voor een duidelijker en gebruiksvriendelijker ontwerp. Maak de score duidelijk en groot.

  • Zorg voor duidelijke labels en geef feedback en feedforward aan gebruikers tijdens de interactie. Dit verbetert de gebruikservaring en maakt het intuïtiever.

  • Een achtergrondkleur helpt om de sectie visueel te onderscheiden en vult de lege ruimte op.

Mijn design voorbeelden
Schermafbeelding 2024-05-25 om 01 39 44

Schermafbeelding 2024-05-25 om 01 39 03
@Naddybs
Copy link
Author

Naddybs commented May 26, 2024

Op brand.funda.nl vind je de gehele styleguide van Funda. Er zijn genoeg kleuren waar je mee kan werken en andere elementen die je kan gebruiken om je design zo veel mogelijk overeen te laten komen met die van Funda.

  • Verder zijn jullie goed op weg en vind ik het knap dat de functionaliteiten werken!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
Status: Todo
Development

No branches or pull requests

1 participant