Exploring some UX for Charitabli, this is what would be a "compact" cause on a grid. Above this grid would be the one featured cause (full-width as the center of focus), so these would be compact "at-a-glance" type blocks.
12 months ago
Looks nice! I like seeing rational uses for these transforms beyond "because I can".
I'm still digesting it, but I am pondering how discoverable the hidden panel is with the "Donate" button coming first, left-to-right. I feel like even though the panel would be hidden by default, contextually the extra information about the cause should be offered before the action button.
Either way, looks great!
Good question, @Michael! To give you some context, the focus will be on the Featured Cause above this area, and these are just at-a-glance blocks aimed at directing people to the single causes. So the intent is not to show a bunch of additional info on these compact causes, but an excerpt is accessible.
Also, I think I'll probably change the arrow icon to something more obvious, perhaps an info icon.
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