Testing the usability of this UI piece. Should be a click > unfold animation.
What do you guys think of these things?
7 months ago
@iris atalay That's the most constructive feedback I've got so far! ;)
Totally depends on what it’s for, but the example you linked to doesn’t offer any clues that something happens on hover (or click for that matter).
Yep @Paulo, I see what you mean - and totally agree. I'm giving the user a hint that there's something hidden for sure - Here I'm just trying to experiment with size, perspective and type treatment.
But now that you mentioned, the "doesn't have any clue" left me thinking: Until what point does the user actually needs a hint to see what lies beyond? hmm...
@Samuel Couto: When he/she may actually want what lies beyond, or it’s essential information.
I've been meaning to use this exact interaction on my (future) new portfolio. I like it a lot, I'm a sucker for these kinds of animations, but as @Paulo Zoom says, you have to be careful about this, because if you want to show the user relevant information you must assure that the user understands that the info is there. I'm thinking of using that side space to lay some text on the description of the project, title, etc, and maybe a link to see more.
by Samuel Couto
Playing some hide & seek with the user :)
Showing only the detailed information about the book On click.
Needless to say, that this piece of information is secondary level, that's why it's hidden - as @Paulo Zoom pointed out on the rebounded shot.
7 months ago
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.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter