Primary navigation interaction

Proctest sidebar

Quick showcase of a navigation component we worked on as a part of a redesign of an online testing web application.

I've been trying to build components that allow for sloppy interaction, even with a pointer. Accessible experiences provide better interaction for users without accessibility problems too. I feel like it's the same with touch interfaces: things that work great on touch are easier to navigate on with a mouse too (to a certain extent).

I love how a few front-end choices can make a web app feel much more like a native one. In this case, each list item contains a full width and height link with a prominent hover state.

keyboard shortcuts: L or F like Z toggle zoom