Here's the web search interaction for Ongo's new site. It's all CSS. The icon is an image, however. Check the video out!
over 1 year ago
Slick. Does it send on "enter" (like fb comments) or can you click the magnifying glass to send, too?
very nice, great idea. Innovation it appears is everywhere :)
Dude, looks slick! I have a suggestion. After a user types in a search term, it would be nice to see that term after you hit enter instead of collapsing the search box again.
Wow, all CSS, including the transition? Sliiiiiick.
Looks really nice. Man You are killing it !
And the winner of the internet is! ...
This is really really nice Morgan. I've done a few similar to that (inspired by apple.com's search) but yours is awesome.
Very slick dude.
Why do we all get that page flash with CSS3 animations? Can anyone figure that out. If you know how to solve it please email me email@example.com
Reminds me a lot of the Search in the latest iPhoto. ;)
I hadn't seen that before, Louie. Mine's better though ;)
Really nice. Requires more mouse precision though. Maybe something to consider.
Really cool, don't be surprised if that pops up in a few designs around Dribbble soon ;)
Those transitions are really slick. Are you taking this approach to save space on the bar (like, say, Apple's site) or to reduce visual noise (like iPhoto)?
I need to step my game up.
Dude, this is badass.
Not to rain on your parade, but this kinda requires a bit more discovery on the user's part. It reads as an actionable button, but the result of clicking it requires the user to start a new task (entering the search query.) Feels a little weird.
That said, the transitions are really quite nice, and the aesthetics are, as always, great.
Jared, you have to click into standard search forms anyhow.
Call me crazy, but I just think it feels weird to click [what presents itself as] a submit button before entering in the data to be submitted. As a user, clicking on it suggests I'm submitting something; but since the input is hidden at that point, it creates a tiny moment of uncertainty, where I have to ask myself, “what am I submitting?”
Perhaps simply the icon, not encased in a button, would be less uncertain…
Not sure why, but I feel pretty strongly about this, otherwise I would have just let it go. Certainly not trying to troll your shot.
Valid points, Jared.
I certainly do like the approach, though.
It also depends on how often search is used on the site. If people's primary way of getting around is by searching, burying it under a button with a two second animation may be annoying.
I'm with Jared. Looks awesome but also adds an unnecessary action for the user. Slick stuff either way though!
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