search

Open-Source-Chandigarh / Euphoria-Check

Euphoria-Check a PERMA meter built using nodejs, expressjs and based on PERMA model of happiness.
https://euphoria-check-perma-meter-express.vercel.app/
33 stars 94 forks source link

Visual Enhancements at Result page #46

Open Varshi45 opened 1 month ago

Varshi45 commented 1 month ago

Although the numerical scores are displayed on our current result page, there are no visual cues to instantly indicate the significance of these values. Emojis and other visual clues based on the score would improve the user experience and make the result page more enticing and user-friendly. On the result page, I suggest including visual clues like emojis in addition to numerical ratings. These emojis would dynamically alter in response to the score received, giving consumers instant feedback and a better idea of how important each score is. A happy smile emoji, for instance, might go with a high score, whereas a sad face emoji might go with a poor score. The result page's overall attractiveness and usability would improve with this enhancement. An alternative approach could involve using color-coding or other graphical elements to represent score levels. However, emojis offer a universally recognizable and intuitive visual cue that can quickly convey meaning without relying on language or cultural differences.

Varshi45 commented 1 month ago

I'm one of the contributors at GsSOC 2024 and I've a good experience of working with Web development and I assure you that I can fix the issue and more minor issues if any. So please assign this to me.

Aryainguz commented 1 month ago

Sure go ahead @Varshi45

Varshi45 commented 1 month ago

are these emoji's ok? or do you want me to change them?

  1. Positive Emotions:

    • greater than 5 😄
    • else 😔

  2. Engagement:

    • greater than 4 🎨
    • else: = 📱

  3. Relationships:

    • greater than 5 ❤️
    • else: 🚶‍♂️

  4. Meaning:

    • greater than 4: 🌟
    • else: 💭

  5. Accomplishment:

    • greater than 5 🏆
    • else: 😞

Also please add labels to the issues so that they can be counted in to the leader board under GsSOC 2024

Varshi45 commented 1 month ago

Please add a label to this issue so that my contribution is validated

Aryainguz commented 1 month ago

@Varshi45 sure

Varshi45 commented 2 weeks ago

will you please add the level 2 label so that it can get reflected in the leader board and help me

Aryainguz commented 2 weeks ago

@Varshi45 done ✅

Varshi45 commented 1 week ago

Could you please add the label in my merged PR also, just in case. Thanks a lot, in advance!! PR number #63