Feature request for implementation of a new statistical indicator by changing an existing widget and/or creating a new one with a progress chart.
Problem
It is impossible to find out the student's current position from the home page. On the home page in the Your Stats card there is no information about the rating, only points. Using them you cannot find out your place in the standings of our special Olympiad :3.
The additional action of going to the overall rating tab is required. But this still does not make it clear that the rating has up or down if the user did not remember the previous result.
There is no ranking history, which complicates the student’s self-assessment and does not provide a clear understanding of progress and fulfillment of the condition (70% of the best student).
Objectives
Improved User Experience: more visual control
Accent on milestone: measurable and simple indicators to support motivation
Progress history: where we were and where we are
Detailed Description
My ideas for enhancing the interface consist of several points:
On the Home page, add a position metric to the “Your Stats” ant-card same as in the Dashboard.
On the Dashboard in the “Your stats”'s ant-card add an indicator of changes in position in the overall rating hereinafter referred to as “delta”.
Delta has a numerical expression for more precise measurement.
Delta can be a different color (gray/green/red) depending on the sign of the number.
[Optional] Delta can be supplemented with an icon that visually displays the sign of the number.
It would be more logical to use Ant-design icons:
MinusOutlined for zero delta
CaretUpFilled for positive delta
CaretDownFilled for negative delta
But I've already found other free icons and I love them, whatever.
On the Dashboard create an additional “statistics” widget , which is a container for a graph of position history
Description
Feature request for implementation of a new statistical indicator by changing an existing widget and/or creating a new one with a progress chart.
Problem
It is impossible to find out the student's current position from the home page. On the home page in the Your Stats card there is no information about the rating, only points. Using them you cannot find out your place in the standings of our special Olympiad :3.
The additional action of going to the overall rating tab is required. But this still does not make it clear that the rating has up or down if the user did not remember the previous result. There is no ranking history, which complicates the student’s self-assessment and does not provide a clear understanding of progress and fulfillment of the condition (70% of the best student).
Objectives
Detailed Description
My ideas for enhancing the interface consist of several points:
On the Dashboard in the “Your stats”'s ant-card add an indicator of changes in position in the overall rating hereinafter referred to as “delta”.
[Optional] Delta can be supplemented with an icon that visually displays the sign of the number.
But I've already found other free icons and I love them, whatever.
Possible Implementation
Using the original design i tried to show a potential implementation of delta and progress graph In my mind it might look something like this:
And Deploy
Build
Project source
I used kbd>@opd/g2plot-react</kbd instead of kbd>@antv/g2plot</kbd because I had problems with deployment on pages. But the API is common, so there is not much difference.
Also, after deployment idkw appeared some unexpected bugs:
But I'm just getting to know React and my paws are so little.
Bonus idea
Add achievements for outstanding promotion in the ranking, or vice versa, persistent presence within high positions. For example:
and etc.