Proposal of exercise GUI

[dmariaa]

Hi all!! As part of the migration to a React based frontend, I am rethinking the exercise GUI with a Material Design perpective in mind... Here come my proposals, just don't hesitate to give your opinion, alternatives, problems you see... whatever is welcome!

[dmariaa]

This is the proposal for the "Follow line" exercise, most of the components are common for all exercises though

[Apoorvgarg-creator]

What features are there in the drawer “top left” ?

[dmariaa]

I am working on it... Account, links to help for the exercise and forum, back to exercise list ... maybe some settings...
¿Any ideas?

[dmariaa]

Something like this...

[dmariaa]

Some interactions and messages...

[dmariaa]

Functionality to record the exercise output window, usefull for showcasing, students work...

The record icon turns red and the dot inside blincks to show up recording is active

[dmariaa]

Modal alert and dialogs...

[jmplaza]

Wow awesome GUI evolution @dmariaa !!!

Regarding Brain Frequency the user should set (and see) the desired Brain Freq and to see the measured Brain Freq. That is, two values instead of the only one appearing in your prototype. For instance, 7/10, where 7 is the currently measured one and 10 is the desired one (which should also be changeable from frontend, with the + and - buttons for instance). The current Brain Freq is iteratively being measured all the time.

The same applies for GUI Frequency.

[dmariaa]

Ok, I will redesign the components taking that ideas into account...

[dmariaa]

This should be a more proper design...

[jmplaza]

Yeah, clear and informative! The blue color for measured frequency is nice

[dmariaa]

Now i realize that the buttons are swapped, plus should be right side, minus should be left side