Add Navbar Arrow Indicators

[Quashnock]

Add Navbar Arrow Indicators

The navbar used to navigate between pages is scrollable in order to allow us to freely create more pages and accomodate to different screen sizes. However, the current design of the navbar does not communicate that it can be scrolled very well. I have thought of two ways to do this pictured below, but feel free to change the design to what you think is best.

Implementation

I have thought of two possible ways to do this pictured below, but these plans for implementation are loose so feel free to change the design to what you think is best.

Option 1

We can add two arrows to either side of the navbar, showing that it can be scrolled. We may also want to have the arrows act as buttons that scroll forward or back.

Option 2

One simpler way to do this would be to add padding the scrollbar so that there is always a tab cut off on the side. The increased gap also indicates to users the ends of the scrollbar. This is a more minimalistic method that Netflix and other apps use for horizontal scrollable bars.

Feel free to follow either of these options or come up with your own way of indicating the navbar is scrollable. Thanks for reading, and if you have any questions or need any help please let me know!