A lock screen for a website
I made a slide-to-unlock for a portfolio. Then I had to make sure sliding wasn’t the only way to get in.
Try it for yourself.
A working preview. Your changes stay inside this study.
Your way in.
Slide, tap, or use your keyboard.
The slider unlocks near its end. The Unlock button reaches the same state with one tap or Enter.
The question
Can an interaction feel like a device without making the site harder to use?
What I tried
Support dragging, tapping, and keyboard access to the same state.
What it proves
The unlock has a usable alternative. Fancy interactions don’t get to be mandatory.
How to explore
Drag the control, tap the button, or use your keyboard.