2011-101 Falcon previous/next arrow buttons
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
113,208,937,863 pixels dribbbled
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
2 Responses
One of my frustrations with Twitter is the lack-of (ie. dead-end) navigation of Tweet permalink pages - not even the minimal previous/next links that every other content hosting service has.
Inspired by Flickr's original (previous) design, I created these arrowkey buttons (which also work if you press the arrowkeys) to navigate to the previous/next items respectively in Falcon.
The arrows are Courier New unicode entities (no load time, auto-scalable), carefully centered.
In addition the microcopy "You are at the oldest/newest item" is also inspired by Flickr.
Experimenting with font-size/layout of the non-button terminals. I think I like the smaller text better with "newest item" or "previous item" on its own line at the end. Still tweaking.
about 2 years ago
And just noticed the "You're viewing the latest shot" terminal non-button in Dribble (e.g. in the right column of this page), with "the latest shot" on the last line by itself.
Except Dribble has chosen to put the future/newer flow on the *left*, which I think is counter-intuitive, as timeline diagrams always show left (past) to right (future). Thus arrows/navigation should follow that directional convention.
Navigation arrows should always be back to the past, forward to the future. Back to the Future was a movie, not a UI pattern.
about 2 years ago