Here's the more traditional search button. My feelings about it = "meh"
Feel free to follow me on twitter and ask any specific questions you have.
over 1 year ago
This is super clean. 100% Love @Kerem
Hmm, I prefer the button. Even if it is traditional :)
Personally I don't think either a slide or a button is necessary, since the iPhone has the 'Go' button when you pull up the keyboard. Love the colours though, looks really clean.
I dig this man!
@Ben Briggs I agree with you mate but isn't it good to have a CTA if possible when space permits?
@Avinash Tripathi If you've got nothing else on the page I guess it would be OK, however not having a search button directly below the field and instead relying on the one from the onscreen keyboard would be inline with Apple's own apps, and many third parties. I think it's an acceptable interaction pattern. :-)
Especially if this will be for designers and developers I agree with Ben's idea of no button
Surrender @Ben Briggs :)
Agreed with @Ben Briggs, I made this point on @Kerem Suer's previous shot... while I do like the swipe idea, I think for the most part it won't be used since there is a "Go" or "Done" button when the keyboard is active.
This is very pretty!
LOVE. Much nicer than the sliding option.
I like this one, the swipe feels a bit weird. I understand you wanting to try stuff out and that's great, but it feels a bit unnatural to swipe. How about utilising the camera? 'Type your search request, then simply place the phone on a table and perform the high lunge pose'.
@Kerem Suer making it look easy.
I'd rather tap a button 5 times before I'd want to slide something. This has my vote!
Thanks for everyone's thoughts. I'm still not sure what to do, but the good thing is I don't really have to be sure on this one.
Next experiment: blow in the microphone to search :)
@Ben Briggs I totally agree with you, it's not "necessary". But I don't think it's really hurting the user's experience there, I mean what's alternative? Leave that 320x150px area empty? I would rather have a fat juicy button where you really can't mis-tap. What do you think?
@Kerem Suer I would start filling in results when the user starts typing, most likely.
Search does not give you URL results, for the search to be able to successfully give results we need to know the exact URL you're typing. What would you do then?
I think what I like the most about the slider as opposed to a simple button is it reduces the chance of an accidental press. With the search field being fairly close to the button there's a chance that if you try to tap on the field to edit your search term you may inadvertently press the button.
I know it's not a huge issue, but one more reason I think it's smart to try out the slide to search feature.
@Kerem Suer I think I'd have to know a little bit more about how this search works, is it a localised/web search, what would the user be searching for in the context of this app, what does the search return when the button is pressed, if it could search based on partial matches, etc.
If I understand what you are saying then you enter a URL into the field and then it returns something based off that? Styles/scripts/content? If that was the case I'd be tempted to change the button to 'Go' instead of 'Search' if the user knows an exact URL.
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