General: Possible UI/UX Improvements

[jaidevshriram]

This is purely regarding possible UI improvements that could be made:

1. Text in various experiments exist as giant blocks of text rather than as readable paragraph.
Example: link to experiment

Should be an easy fix, just put the text in seperate <p> tags with a couple of <br> in between if required. Easy Fix. Improves Readability.

2. Faulty Footer Scaling

On L-XL devices:

Smaller devices:

Large size of the footer increases scroll requirement, decreasing chances of clicks on footer links.

Simple solution: Apart from the existing col-md-4 class, we can add col-xl-? where ? is some number to have different widths for every device.

3. Lack of Descriptions for User

In the absence of descriptions, experiments are less likely to receive visits.

4. Too Many Clicks

Virtual labs requires too many clicks to do anything. In order to understand an experiment, clicks on Introduction, Objective, Theory, Quizzes. This is a bad practice in general. A simple solution would be keeping it on one page, maintaining the links as references to the page sections.

Scrollspy (Bootrstrap 4) could be used if there is a need to indicate which section is being viewed.