1 ) Overall Color Scheme
Currently, the courses search table looks like the below.
The coloring scheme makes for a mediocre user experience and since every column of the row is the same color, it may be difficult for the user to, at a glance, find the most important parts of a course's information.
2 ) Highlight Coloring
Right now, hovering over a row would result in this:
In short, the highlight (hovering your mouse over it) is very difficult to see due to the similarly shaded blue color between the alternating colors and the highlight color. This makes it very difficult to see what row you are actually hovering over.
Note that going beyond bare minimum effort may earn you more points.
Acceptance Criteria
[ ] The color scheme is aesthetically pleasing and improves the user experience (will earn you full score)
[ ] Each row has its key columns highlighted (not the same highlight as below)
[ ] An user can easily tell what row they are hovering over (Component highlighting)
Implementation Todos
Frontend:
[ ] Modify the color to be more aesthetically please (open ended)
[ ] Modify each column to be more distinct so the user can easily differentiate
[ ] Modify the highlight color to distinctly differentiate between highlighted row and non-highlighted rows
Testing:
[ ] Front end tests pass and there is adequate coverage
github-actions[bot]
commented
1 month ago
Have you updated the title?
Discussion
1 ) Overall Color Scheme Currently, the courses search table looks like the below.
The coloring scheme makes for a mediocre user experience and since every column of the row is the same color, it may be difficult for the user to, at a glance, find the most important parts of a course's information.
2 ) Highlight Coloring Right now, hovering over a row would result in this:
In short, the highlight (hovering your mouse over it) is very difficult to see due to the similarly shaded blue color between the alternating colors and the highlight color. This makes it very difficult to see what row you are actually hovering over.
Note that going beyond bare minimum effort may earn you more points.
Acceptance Criteria
Implementation Todos
Frontend:
Testing: