More Samuel Couto
1
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,199,217,863 pixels dribbbled
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
8 Responses
Pro
Samuel Couto
Testing the usability of this UI piece. Should be a click > unfold animation.
What do you guys think of these things?
7 months ago
Pro
Iris Eda Atalay
7 months ago
Pro
Samuel Couto
@iris atalay That's the most constructive feedback I've got so far! ;)
7 months ago
Pro
Paulo Zoom
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).
7 months ago
Pro
Samuel Couto
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...
7 months ago
Pro
Paulo Zoom
@Samuel Couto: When he/she may actually want what lies beyond, or it’s essential information.
7 months ago
Pro
Antonio Pratas
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.
7 months ago
Rebound
{.GIF animation} Show details
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