Should it be on click or rollover? I'm leaning towards on click... for the tablets out there...
Real pixels are attached....
Follow Rally on Twitter if you'd like
about 1 year ago
As slick as this looks, it took me two clicks to the full image to realize the the giant icon / text is a search field and not a page title. That said, if a click revealed this, I think that'd be good!
Is the large magnify glass icon really needed?
@Ted Goas sry about that, threw this up in a hurry...
@Leigh Hibell probably not... good call
http://designspiration.net search works well without it and the new myspace.
Update the twitter bird. Then. All good!
@Robert van Klinken oh yes, it will happen... hehehe... I'm terribly lazy sometimes in my design comps.
Hopefully Twitter doesn't see these designs... :X
On click. It's a little big for my tastes, but it's a cool idea.
Why would the bird need a new site? ;)
I actually like the magnifying glass... I think more traditional visitors will be aided by it. Us design folk get it, but we gotta dumb it down sometimes for the rest of the population. :)
I agree with Anthony, in terms of usability it's generally not safe to assume that someone will know exactly what to do, as designers and developers we can often make the mistake of thinking everyone will figure it out the way we can, but making sure it's usable should be the most important thing. Good design is worthless if it's not usable.
I was also a bit confused when I first looked at it, I like the idea but I feel like it almost blends in with the header a bit too much, maybe a soft gradient or border would help it stand out a bit more as a search box?
Looking good Ben, huge fan of the big type.
@Mike Torosian I agree, definitely leave the magnifying glass, but I think the line beneath the navigation and the fact that you have to click to show the search (if that's the route they go) would be enough to make it stand out.
Actually, I like the large magnifying glass, but could be nice on the right to cap the field element. It's a nice point of reference and reinforces the immediate action taking place. Great work.
Loving the triangular approach. Refreshingly different.
I love these large fonts for search.
slick as always ben!
Absolutely loving the large type treatment for search and the gigantic search icon.
About making it usable, I think when users click the search icon, if the search field drops down and the users see a blinking cursor inside the search field, that is perfect usability. No confusion whatsoever. It's difficult to get all that from a static mockup.
Great stuff as always.
Great feedback guys, on click it is!
Since you're being bold enough to move content "to the margins" or have partial revealed thing, why not move the mag. glass to the left, so it's right edge is aligned with the left margin. Large screens would see the whole thing, smaller screens would see the glass slightly cropped...
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