adinfinit / jamvote

Application for organising Game Jams
1 stars 0 forks source link

Jury results in the One Game page #69

Open jee7 opened 1 year ago

jee7 commented 1 year ago

When a specific jam voting is configured to be done both by participants and a jury, the results from those should be separated on the one game page.

This may need a bit of design, but the violin charts could now show both jury and participant vote distributions separately. It needs some additional design because we should perhaps also show the total distribution. So there could be three violins: jury, participants, and total. Perhaps the jury and participants on the left side with separating colors, and the total on the right side. Needs to be experimented with.

image

In the comments, it should also be visible which comments are by the jury and which are not. There should be some visual indicator next to each comment. This could be a small text, some icon, or even a different background color (but then it should be clear which color indicates which group of commenters).

There could also be a small filter button group on top of the comments section.

image

Note. When a jam is not configured to use both the jury and participant voting, the view should be similar to what is there currently. If the jam is configured to use only participant voting, the current view is fine. But also, consider if a jam is configured to use only a jury. Then it should be clear that it is jury voting. Perhaps if we use color-coding, then with jury-only jams, the view could be identical to the current one, but use the jury color. Needs some design.

egonelbre commented 1 year ago

I don't think the filter button for jury/voters etc. is necessary. We don't have that many comments.

jee7 commented 1 year ago

I don't think the filter button for jury/voters etc. is necessary. We don't have that many comments.

Ok. That particular game had 60 comments. Filtering those to something like ~30 from the jury or ~30 from the participants seemed to me to help with the information overload there. It would allow for the viewer to focus only on what the jury had to say and then only on what the participants said. For the organizers, it would also give a clearer insightful view into the nature of the comments from each group. The visual indicator, of course, helps, but then the viewer still has to do that filtering in their head.

If there is some consistent color-coding for participants and jury, the filter buttons could just be three colored boxes (with tooltips). As not to clutter the view with more textual buttons, yes.

egonelbre commented 1 year ago

If there is some consistent color-coding for participants and jury, the filter buttons could just be three colored boxes (with tooltips).

General UX rule is that no information should be conveyed by color alone. Similarly, tooltips are not for communicating information, because on mobile devices it does not work.

I'll think about filtering by jury/jammers.

jee7 commented 1 year ago

General UX rule is that no information should be conveyed by color alone. Similarly, tooltips are not for communicating information, because on mobile devices it does not work.

I'll think about filtering by jury/jammers.

Makes sense. It could include some icons then. The same ones would, of course, be to identify each comment as well. For example:

Jury image https://fontawesome.com/icons/feather?s=solid&f=classic https://fontawesome.com/icons/user-tie?s=solid&f=classic https://fontawesome.com/icons/gavel?s=solid&f=classic https://fontawesome.com/icons/feather-pointed?s=solid&f=classic https://fontawesome.com/icons/chess-knight?s=solid&f=classic

Jammer image https://fontawesome.com/icons/user-group?s=solid&f=classic https://fontawesome.com/icons/people-group?s=solid&f=classic https://fontawesome.com/icons/gamepad?s=solid&f=classic https://fontawesome.com/icons/crow?s=solid&f=classic https://fontawesome.com/icons/chess-pawn?s=solid&f=classic

Together with the color used in the violin plot, it should be understandable. There could be one element, which includes the icon, color, and text (eg, the violin charts, or the filter buttons). Then the other elements can just use the icon and color.

But, yep. I'm sure there is some good design solution possible for this. :)

egonelbre commented 1 year ago

The same goes for icons https://www.nngroup.com/articles/icon-usability/, it does not obliviate the need for text.

jee7 commented 1 year ago

The same goes for icons https://www.nngroup.com/articles/icon-usability/, it does not obliviate the need for text.

I see. Well, text it should be then. :)