Open GresilleSiffle opened 1 month ago
Recent feedback from the rest of the team:
Some alternatives to replace the current buttons (I implemented the option 4):
What do you think about the following capture? Instead of displaying the name of the criterion, a full question is asked to increase the UI clarity.
The branch is now ready for review. I keep the PR in draft for now, because the back end is not yet ready to process comparisons with different score_max
value.
related issues #1940
do not merge: the back end doesn't support comparisons with different
score_max
yetDescription
This PR adds a new comparison method for mobile devices: buttons.
Features
How the front end chooses to display buttons or sliders?
If the displayed comparison has been previously made with buttons, the buttons are displayed. If it has been rated by sliders, sliders are displayed.
If the displayed comparison is new, the button are displayed for devices not matching the media query
(pointer:fine)
, and the sliders are displayed for all other devices (See the pointer media feature).No conversion from buttons to sliders and from sliders to buttons is allowed for now.
Future improvements
to-do
front end - tutorial
front end - buttons
front end - comparison input
score_max
of the main criterion is 2score_max
of the main criterion is 10score_max
between != criteriafront end - comparison scores review
front end - comparison
front end - coherence
Preview
A "mobile" comparison displayed on desktop:
Checklist